Ueditor是百度推出的面向WEB的富文本編輯器,有了這款編輯器你可以更加簡單的編輯出滿意的內(nèi)容!效率大大提升,支持各種CMS,兼容市面上主流瀏覽器!具有功能多,操作簡單等特點,歡迎下載使用!
Ueditor編輯器特點:
1、體積小巧,性能優(yōu)良,使用簡單。
2、分層架構,方便定制與擴展。
3、滿足不同層次用戶需求,更加適合團隊開發(fā)。
4、豐富完善的中文文檔。
5、多個瀏覽器支持:Mozilla, MSIE, FireFox, Maxthon,Safari和Chrome。
6、更好的使用體驗。
7、擁有專業(yè)QA團隊持續(xù)支持,已應用在百度各大產(chǎn)品線上。
Ueditor編輯器安裝步驟
要安裝UEditor必須先安裝nodejs,用nodejs編譯來完成UEditor安裝。
1、安裝安裝成功后,打開控制臺,在控制臺下輸入
如果控制臺輸出nodejs的版本。那恭喜你,nodejs安裝好了,可以使用ctrl+c退出node模式。
2、安裝打包需要的grunt插件
以終端方式(windows用戶用cmd)進入ueditor源碼根目錄,執(zhí)行
這個命令會根據(jù)package.json文件,安裝打包需要的grunt和grunt插件
安裝結束后,會在ueditor目錄下出現(xiàn)一個node_modules文件夾
4、執(zhí)行打包命令
以終端方式(windows用戶用cmd)進入ueditor源碼根目錄,執(zhí)行
這個命令會根據(jù)Gruntfile.js執(zhí)行打包打包的任務,運行過程 需要java環(huán)境 支持
命令完成后,ueditor目錄下會出現(xiàn)dist/目錄,里面有你要的打包好的ueditor文件夾,默認是utf8-php文件夾好nodejs。
1、引用JS;
ueditor.config.js
ueditor.all.min.js
lang/zh-cn/zh-cn.js
<script src="__plus__/ueditor/ueditor.config.js"></script>
<script src="__plus__/ueditor/ueditor.all.min.js"></script>
<script src="__plus__/ueditor/lang/zh-cn/zh-cn.js"></script>
2. 編輯器顯示處 id="content"
<textarea id="content" name="content"></textarea>
3.底部
<script type="text/javascript">
//實例化編輯器
//建議使用工廠方法getEditor創(chuàng)建和引用編輯器實例,如果在某個閉包下引用該編輯器,直接調(diào)用UE.getEditor('editor')就能拿到相關的實例
UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});
</script>
上一篇:Claunch啟動工具
下一篇:吉他節(jié)拍器