UEditor文本編輯器自定義工具按鈕的詳細教程
時間:2020-11-26 14:26:38 作者:無名 瀏覽量:55
UEditor文本編輯器中文版是
百度Web前端研發部開發的,能夠獲得所見即所得的富文本在線編輯器。該編輯器中能夠提供可定制、輕量,以及注重用戶體驗等等特點。UEditor文本編輯器功能非常強大,開源基于BSD協議,并且該編輯器的設計界面非常的簡潔清晰,設計得很人性化,能夠為用戶提供更加方便快捷的操作,Ueditor中文版允許互聯網開發者自由傳播和使用代碼,使開發者可以根據實際應用和需求自由定制。并且能夠幫助更多的
網站開發者解決各項問題,節約用戶在使用過程中的花費時間,更加有效的降低了各大企業的開發成本等等,有需要的用戶可以在本站直接進行
下載!
軟件特點:
1. 用戶體驗:支持多種
瀏覽器的使用,能夠屏蔽各種瀏覽器之間的差異,提供良好的文本編輯體驗。
2. 定制下載:通過細粒度拆分核心代碼,能夠為用戶提供可視化的功能選擇和自定義文件下載。
3. 開源免費:編輯器中的開源基于MIT協議,完美的支持商業和非商業用戶的免費使用和任意修改。
4. 功能全面:UEditor文本編輯器中涵蓋有流行的富文本編輯器特色功能,擁有獨創多種全新編輯操作模式。
5. 專業穩定:該軟件由百度專業QA團隊持續跟進,通過上千自動化測試案例,能夠為用戶帶來良好的使用體驗。
自定義工具按鈕的使用教程
如果用戶在該編輯器中想要使用自定義工具的按鈕,首先需要進行自定義的參數設置,在軟件中需要加入按鈕UI,然后再對UI進行更改,接下來為UI添加事件。但是很多用戶卻不知道具體的操作方法,接下來小編就給大家來詳細介紹一下自定義工具按鈕UI的具體使用流程,幫助小伙伴們更快的上手使用該軟件,一起來詳細了解一下吧!
第一步:打開軟件之后,我們需要找到editor_config.js,或者是ueditor.config.js)文件中的toolbars參數,并且需要增加“camnpr”字符串,根據對應事項將labelMap進行添加,可以用于
鼠標上按鈕時的提示功能。
UEditor文本編輯器圖二
第二步:接下來找到ui/editorui.js文件中的btnCmds數組,同樣的方法需要增加一個“camnpr”字符串。如果找不到editorui.js文件的話,可以直接在ueditor.all.js文件里搜索var btnCmds = [,找到此位置就能看到。
UEditor文本編輯器圖三
第三步:在這里我們需要添加一個'camnpr': '~/dialogs/emotion1/camnpr.html'。這個camnpr.html頁面時自定義的頁面,如果你要點擊此按鈕彈出這個頁面,還需要加入如下代碼。先在ueditor.all.js頁面找到 editorui["emotion"] = function 在這段代碼下邊加入即可。
UEditor文本編輯器圖四
如果是需要這項功能的用戶,在這里就不用添加代碼了,就可以直接進行操作啦!
UEditor文本編輯器圖五
- 軟件性質:國產軟件
- 授權方式:免費版
- 軟件語言:簡體中文
- 軟件大。9536 KB
- 下載次數:3908 次
- 更新時間:2020/11/26 7:30:48
- 運行平臺:WinXP,Win7...
- 軟件描述:UEditor是由百度 Web前端研發部開發的所見即所得的富文本在線編輯器,具有... [立即下載]
相關資訊