ueditor使用小結

2021-09-07 04:36:05 字數 2347 閱讀 7520

完整的功能演示,可以參考:

ueditor_release_ueditor1_4_3_1-src.zip

ueditor_release_ueditor1_4_3_1-gbk-net.zip

ueditor功能強大,但是有些功能我們是用不到的,可以在ueditor.config.js中配置。搜尋"*******s"找到工具欄配置項,刪掉不必要的功能就可以了。

,*******s: [[

'undo', 'redo' , '|',

'bold', 'forecolor' , 'removeformat', 'autotypeset', 'pasteplain' , '|', '|',

'justifyleft', 'justifycenter' , '|',

'link', 'unlink' ,  '|',

'insertimage', 'insertvideo' , '|',

'wordimage', '|' ,

'inserttable', 'insertrow' , 'deleterow', 'insertcol', 'deletecol' , 'mergecells', 'splittocells', '|' , 'mybtn1','mydialog1'

var html = ( ie && browser.version < 9  ? '' : '') +

'' +

'';

修改\dialogs\image\image.js檔案的initalign()和setalign方法。

如果現有的功能不能滿足需求,我們想在工具欄上新增乙個自定義按鈕,該如何實現呢?

1.首先修改ueditor.config.js,為*******s新增'mybtn1';

,*******s: [[

'undo', 'redo' , '|',

'bold', 'forecolor' , 'removeformat', 'autotypeset', 'pasteplain' , '|', '|',

'justifyleft', 'justifycenter' , '|',

'link', 'unlink' ,  '|',

'insertimage', 'insertvideo' , '|',

'wordimage', '|' ,

'inserttable', 'insertrow' , 'deleterow', 'insertcol', 'deletecol' , 'mergecells', 'splittocells', '|' ,'mybtn1'

2.然後修改ueditor.all.js,找到變數btncmds,新增'mybtn1';

var btncmds = ['undo' , 'redo', 'formatmatch',

'bold', 'italic' , 'underline', 'fontborder', 'touppercase' , 'tolowercase',

'strikethrough', 'subscript' , 'superscript', 'source', 'indent' , 'outdent',

'blockquote', 'pasteplain' , 'pagebreak',

'selectall', 'print' ,'horizontal', 'removeformat', 'time' , 'date', 'unlink',

'insertparagraphbeforetable', 'insertrow' , 'insertcol', 'mergeright', 'mergedown' , 'deleterow',

'deletecol', 'splittorows' , 'splittocols', 'splittocells', 'mergecells' , 'deletetable', 'drafts','mybtn1'];

3.最後在ueditor.all.js,新增mybtn1命令執行的**:

**示例:

ueeditor的使用 UEditor使用總結

前言 ueditor的bug太多了,為了避免大家浪費時間,把自己這幾天在擴充套件ueditor功能時遇到的問題總結一下,希望能幫到大家 我是在vue框架中使用的ueditor外掛程式,可能你在其他前端框架中使用,具體 可能有一點點不同,但實現邏輯一樣。我在做這些功能時主要參考了這幾個也基於uedit...

UEditor簡單入門使用

今天用到web富文字編輯器,就網上查了下,簡單寫了個demo,不多說了,下面給點乾貨吧。demo原始碼 1.新建web project,我新建了個ueditor的web工程。2.匯入ueditor資料夾下的所有檔案到工程weroot目錄下 3.在需要使用ueditor的jsp頁面中匯入ueditor...

在idea下使用ueditor

好吧,在1024這個節日我還是在學習and打 先來乙個傳送門 寫的不錯,只不過是針對eclipse的 在idea下 把那一整個資料夾拷到idea下的web目錄下。而後把jsp下的lib資料夾裡的jar包拷到web inf下的lib目錄裡 這個需要自己建立 接下來要配置lib目錄 這個以前有說過 成功...