富文本編輯器(PHP)

首先去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ù)庫。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、保持焦點(diǎn) 一次只做一件事情,一個(gè)時(shí)期只有一個(gè)重點(diǎn),聰明人要學(xué)會(huì)抓住重點(diǎn),遠(yuǎn)離瑣碎。 2、堅(jiān)持80/20原則 應(yīng)...
    古余兒閱讀 393評(píng)論 1 2
  • 呆萌的妹子 也有心中的小溫情 不知道哪時(shí)起 我倆便形影不離 只知道來學(xué)校的最后一次洗頭 是你完成的 那份溫暖 至今...
    莫隰閱讀 536評(píng)論 0 2
  • 一 不超前消費(fèi)!這個(gè)真的要做到了! 9月打工月!還班費(fèi) 10月購物月! 二 讀書 三 四級(jí)準(zhǔn)備
    就靜靜聽你說閱讀 141評(píng)論 0 0

友情鏈接更多精彩內(nèi)容