首先去ueditor的官網(wǎng)下載PHP版本的文件,網(wǎng)站地址:http://ueditor.baidu.com/website/download.html
然后解壓出來 改名為ueditor 并放到項(xiàng)目文件中。
前端代碼:
1、引入ueditor的相關(guān)文件
2、在body標(biāo)簽中放進(jìn)該標(biāo)簽
<script type="text/plain" id="editor" name="Detail"></script>
name屬性是為了php文件獲取值,用$_POST['Detail']就可以了
3、配置一下該編輯器的屬性,在script標(biāo)簽中
首先要獲取id,自己設(shè)置 的id,在這里我自己弄了寬和高 ,有個(gè)滾動(dòng)效果,并減少了工具欄的很多功能,因?yàn)槲抑饕菆D片上傳
<script>
UE.getEditor('editor', {
initialFrameWidth: 500, initialFrameHeight: 300, autoHeightEnabled: false,
toolbars: [['fullscreen', 'source', 'undo', 'redo', 'simpleupload', 'insertimage']]
});
</script>
ueditor的配置文件更改:
ueditor/php/config.json文件的imagePathFormat需要改為你自己項(xiàng)目保存圖片的文件夾,比如我的就是"imagePathFormat": "/back/image/{filename}"
至于imageUrlPrefix這個(gè)配置項(xiàng),php一般是不需要更改的
最后就是php文件了,就是form表單提交一樣接受name屬性就好了,$_POST['Detail'],然后就插入數(shù)據(jù)庫。