网页开发中文本编辑器UEditor的使用
首先看一下效果圖：
首先我們需要來認(rèn)識下UEditor，它是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器，并且是基于BSD協(xié)議的開源產(chǎn)品，允許自由使用和修改，開源就意味著可以自己來定制這個(gè)編輯器。
實(shí)現(xiàn)方法：
首先先下載UEditer,官方網(wǎng)址：http://ueditor.baidu.com/website/，根據(jù)自己需求下載相應(yīng)的版本（其實(shí)里面都有demo實(shí)現(xiàn)調(diào)用編輯器）
下面就是一個(gè)簡單的調(diào)用實(shí)例，只需要引入ueditor.config.js，ueditor.all.min.js，lang/zh-cn/zh-cn.js這三個(gè)文件即可，還需要其他功能的可以繼續(xù)去挖掘
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" charset="utf-8" src="UEditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="UEditor/ueditor.all.min.js"> </script> <!--建議手動(dòng)加在語言，避免在ie下有時(shí)因?yàn)榧虞d語言失敗導(dǎo)致編輯器加載失敗--> <!--這里加載的語言文件會(huì)覆蓋你在配置項(xiàng)目里添加的語言類型，比如你在配置項(xiàng)目里配置的是英文，這里加載的中文，那最后就是中文--> <script type="text/javascript" charset="utf-8" src="UEditor/lang/zh-cn/zh-cn.js"></script> </head> <body><script id="container" name="content" type="text/plain">這里就是編輯器的正文</script><!-- 實(shí)例化編輯器 --><script type="text/javascript">var ue = UE.getEditor('container');</script> </body> </html>當(dāng)把該編輯器放在一個(gè)表單中，提交后即可通過content來讀取編輯器的內(nèi)容。
在官方提供的demo中可以查看一下提供還有許多提供的方法：
比如：使用editor.getContent()方法可以獲得編輯器的內(nèi)容
使用editor.getPlainTxt()方法可以獲得編輯器的帶格式的純文本內(nèi)容
?需要的話可以參考官方文檔
bbg
轉(zhuǎn)載于:https://www.cnblogs.com/Steven-shi/p/5435358.html
總結(jié)
以上是生活随笔為你收集整理的网页开发中文本编辑器UEditor的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 最全的MySQL基础【燕十八传世】
- 下一篇： 大数据时代 树大数据意识