ueditor 編輯器常用方法

2022-06-11    分類: 網(wǎng)站建設(shè)

1.官方文檔http://fex.baidu.com/ueditor/
2.簡單實現(xiàn)工具欄調(diào)用:
//實現(xiàn)方法 ue.getDialog("工具名稱");

//工具名稱可以參考如下:
toolbars: [
[
'anchor', //錨點
'undo', //撤銷
'redo', //重做
'bold', //加粗
'indent', //首行縮進
'snapscreen', //截圖
'italic', //斜體
'underline', //下劃線
'strikethrough', //刪除線
'subscript', //下標
'fontborder', //字符邊框
'superscript', //上標
'formatmatch', //格式刷
'source', //源代碼
'blockquote', //引用
'pasteplain', //純文本粘貼模式
'selectall', //全選
'print', //打印
'preview', //預(yù)覽
'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', //圖片轉(zhuǎn)存
'lineheight', //行間距
'edittip ', //編輯提示
'customstyle', //自定義標題
'autotypeset', //自動排版
'webapp', //百度應(yīng)用
'touppercase', //字母大寫
'tolowercase', //字母小寫
'background', //背景
'template', //模板
'scrawl', //涂鴉
'music', //音樂
'inserttable', //插入表格
'drafts', // 從草稿箱加載
'charts', // 圖表
]
]

//實例-多圖上傳工具調(diào)用
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
成都創(chuàng)新互聯(lián)將持續(xù)為您分享網(wǎng)站建設(shè)相關(guān)的知識和經(jīng)驗。

文章名稱:ueditor 編輯器常用方法
新聞來源:http://www.bm7419.com/news11/166161.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、軟件開發(fā)、網(wǎng)站營銷、微信小程序網(wǎng)站設(shè)計、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司