ueditor 編輯器常用方法
阿新 • • 發佈:2017-12-21
center 行間距 merge nehe 鏈接 排版 raft subscript 圖片
- 官方文檔http://fex.baidu.com/ueditor/
- 簡單實現工具欄調用:
//實現方法 ue.getDialog("工具名稱"); //工具名稱可以參考如下: toolbars: [ [ ‘anchor‘, //錨點 ‘undo‘, //撤銷 ‘redo‘, //重做 ‘bold‘, //加粗 ‘indent‘, //首行縮進 ‘snapscreen‘, //截圖 ‘italic‘, //斜體 ‘underline‘, //下劃線 ‘strikethrough‘, //刪除線 ‘subscript‘, //下標 ‘fontborder‘, //字符邊框 ‘superscript‘, //上標 ‘formatmatch‘, //格式刷 ‘source‘, //源代碼 ‘blockquote‘, //引用 ‘pasteplain‘, //純文本粘貼模式 ‘selectall‘, //全選 ‘print‘, //打印 ‘preview‘, //預覽 ‘horizontal‘, //分隔線 ‘removeformat‘, //清除格式 ‘time‘, //時間 ‘date‘, //日期 ‘unlink‘, //取消鏈接 ‘insertrow‘, //前插入行 ‘insertcol‘, //前插入列 ‘mergeright‘, //右合並單元格 ‘mergedown‘, //下合並單元格 ‘deleterow‘, //刪除行 ‘deletecol‘, //刪除列 ‘splittorows‘, //拆分成行 ‘splittocols‘, //拆分成列 ‘splittocells‘, //完全拆分單元格 ‘deletecaption‘, //刪除表格標題 ‘inserttitle‘, //插入標題 ‘mergecells‘, //合並多個單元格 ‘deletetable‘, //刪除表格 ‘cleardoc‘, //清空文檔 ‘insertparagraphbeforetable‘, //"表格前插入行" ‘insertcode‘, //代碼語言 ‘fontfamily‘, //字體 ‘fontsize‘, //字號 ‘paragraph‘, //段落格式 ‘simpleupload‘, //單圖上傳 ‘insertimage‘, //多圖上傳 ‘edittable‘, //表格屬性 ‘edittd‘, //單元格屬性 ‘link‘, //超鏈接 ‘emotion‘, //表情 ‘spechars‘, //特殊字符 ‘searchreplace‘, //查詢替換 ‘map‘, //Baidu地圖 ‘gmap‘, //Google地圖 ‘insertvideo‘, //視頻 ‘help‘, //幫助 ‘justifyleft‘, //居左對齊 ‘justifyright‘, //居右對齊 ‘justifycenter‘, //居中對齊 ‘justifyjustify‘, //兩端對齊 ‘forecolor‘, //字體顏色 ‘backcolor‘, //背景色 ‘insertorderedlist‘, //有序列表 ‘insertunorderedlist‘, //無序列表 ‘fullscreen‘, //全屏 ‘directionalityltr‘, //從左向右輸入 ‘directionalityrtl‘, //從右向左輸入 ‘rowspacingtop‘, //段前距 ‘rowspacingbottom‘, //段後距 ‘pagebreak‘, //分頁 ‘insertframe‘, //插入Iframe ‘imagenone‘, //默認 ‘imageleft‘, //左浮動 ‘imageright‘, //右浮動 ‘attachment‘, //附件 ‘imagecenter‘, //居中 ‘wordimage‘, //圖片轉存 ‘lineheight‘, //行間距 ‘edittip ‘, //編輯提示 ‘customstyle‘, //自定義標題 ‘autotypeset‘, //自動排版 ‘webapp‘, //百度應用 ‘touppercase‘, //字母大寫 ‘tolowercase‘, //字母小寫 ‘background‘, //背景 ‘template‘, //模板 ‘scrawl‘, //塗鴉 ‘music‘, //音樂 ‘inserttable‘, //插入表格 ‘drafts‘, // 從草稿箱加載 ‘charts‘, // 圖表 ] ] //實例-多圖上傳工具調用 var ue = UE.getEditor(‘container‘);//實例化 document.getElementById(‘xx‘).onclick = function () {//事件綁定 var dialog = ue.getDialog("insertimage");//實例多圖上傳工具欄 dialog.title = ‘多圖上傳‘; dialog.render(); dialog.open(); };
- 常用APi: http://fex.baidu.com/ueditor/#api-common
- 更多請參考:ueditor.all.js
ueditor 編輯器常用方法