1. 程式人生 > >ueditor 編輯器常用方法

ueditor 編輯器常用方法

center 行間距 merge nehe 鏈接 排版 raft subscript 圖片

  1. 官方文檔http://fex.baidu.com/ueditor/
  2. 簡單實現工具欄調用:
    //實現方法 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();
    };

  3. 常用APi: http://fex.baidu.com/ueditor/#api-common
  4. 更多請參考:ueditor.all.js

ueditor 編輯器常用方法