即可得到乙個文字編輯框。
使用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...