百度 Ueditor 使用及規則

UMeditor

官網：：https://ueditor.baidu.com/website/download.html#ueditor
文檔：：http://fex.baidu.com/ueditor/#start-config
API：：https://ueditor.baidu.com/doc/#UE.Editor
下載：：https://ueditor.baidu.com/website/download.html#ueditor

安裝下載ueditor
①：線上下載ueditor
②：檢查本地是否有node 命令：node -v 沒有則安裝
③：安裝打包grunt插件 npm insatll || cnpm install
④：進入源碼目錄 執行 grunt 這個命令會根據Gruntfile.js執行打包打包的任務，運行過程 須要java環境 支持，
命令完成後，ueditor目錄下會出現dist/目錄。

以上執行完事項目啓動就成了；

dist/目錄文件
dialogs/：彈出對話框對應的資源和JS文件
lang/：國際化
php/：涉及到服務器端操做的後臺文件
themes/：樣式圖片和樣式文件
third-party/：第三方插件(包括代碼高亮，源碼編輯等組件）
index.html：主頁
ueditor.config.js：配置文件
ueditor.all.min.js：ueditor.all.js文件的壓縮版，部署時才採用
ueditor.all.js：_src目錄下全部文件的打包文件（用於發佈版本）

使用加載順序必須按一下順序
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

使用規則
<!-- 加載編輯器的容器 -->
<script id="container" name="content" type="text/plain">
這裏寫你的初始化內容
</script>
<!-- 配置文件 ueditor.config.js是完整的配置文件，能夠在這該文件裏面配置整個編輯器的特性，文件裏面的註釋很是詳細，修改默認配置請首先確保已經徹底明確該參數的真實用途，在此不想作太多展開。 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 編輯器源碼文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 實例化編輯器 配置實例化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>

接口提供
UE.getEditor('editor').execCommand（）//命令的通用接口
例如:: 清空草稿箱 UE.getEditor('editor').execCommand("cleardoc") || 獲取草稿箱內容 UE.getEditor('editor').execCommand( "getlocaldata" )

UE.utils UEditor封裝使用的靜態工具函數 等

工具的頂部功能能夠更具需求排序或刪除添加
輸出格式 html