UEditor富文字編輯器的使用

2021-09-17 23:04:31 字數 2929 閱讀 2378

即可得到乙個文字編輯框。

使用ueditor和其他外掛程式大同小異。

1.先引入js和css**

2.在

var ue = ue.geteditor('container');
這裡的container就是你想設定文字編輯器在哪個html標籤的id。

或者可以在容器中加入這段

container後面可以跟一些屬性,比如說按鈕工具欄:

*******s: [

[『fullscreen』, 『source』, 『undo』, 『redo』, 『bold』]

]注意,這裡*******s屬性值為乙個陣列,裡面可以包含多個陣列,並不是只能有乙個。也就是說*******s屬性最少都有兩套符號。

完整的按鈕列表:

*******s: [

['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', //段落格式

'******upload', //單圖上傳

'insertimage', //多圖上傳

'edittable', //**屬性

'edittd', //單元格屬性

'link', //超連結

'emotion', //表情

'spechars', //特殊字元

'searchreplace', //查詢替換

'map', //baidu地圖

'gmap', //google地圖

'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', //自動排版

'touppercase', //字母大寫

'tolowercase', //字母小寫

'background', //背景

'template', //模板

'scrawl', //塗鴉

'music', //**

'inserttable', //插入**

'drafts', // 從草稿箱載入

'charts', // 圖表

]]

富文字編輯器UEditor

獲取編輯器的內容 action find getinfo click function 清空編輯器的內容 action find clearinfo click function 給編輯器賦值 action find setvalueinfo click function en class acti...

Ueditor富文字編輯器

幾種知名開源富文字編輯器記錄和對比 僅供參考 一 將編輯器中文字儲存到資料庫中 1 引用 1 引入js檔案 2 寫文字 在需要引入編輯器的地方寫如下 3 js模組寫入隊編輯器的例項化及操作方法 此時在頁面即可看見富文字框 4 獲取內容 ue ue.geteditor editor var conte...

react使用 UEditor富文字編輯器

然後放在專案根目錄的public資料夾下 然後在 public檔案的index.html檔案引入。要按順序引入 然後在components資料夾下建立 editor.js 元件 判斷有沒有預設值 ueeditor.ready ueditr 將文字 回去 ueeditor.addlistener se...