edui 富文字編輯 ueditor整合秀公尺編輯器

2021-10-16 14:19:02 字數 693 閱讀 6006

由於工作需求富文字編輯器中要用到秀公尺外掛程式

找了官方和一些部落格介紹的都不太全,於是自己整理了一下

其次在xiumi-ue-dialog-v5.js中將iframeurl配置為: editor.ui.ueditor_home_url+ 'dialogs/xiumi-ue-dialog-v5.html'

最後再在頁面中引入xiumi-ue-v5.css以及xiumi-ue-dialog-v5.js(放於ueditor的js檔案之後)

找到themes/default/ueditor.css(或者themes/default/css/ueditor.css)檔案,增加一條樣式定義:

檔案中可搜尋.edui-icon找到,新增下面一條

例項.edui-default  .edui-for-xiumi-connect .edui-icon {

background-image: url( ;

background-repeat:no-repeat ;

background-position:center;

執行例項 »

這樣在ueditor工具欄就可以看到秀公尺的圖示了

本以為這樣就大功告成了沒想到在秀公尺中編輯完內容的樣式並沒有跟過來,於是在chrome瀏覽器中除錯發現section失去樣式,最後在ueditor的配置檔案中找到section新增class以及style如下圖

最後效果

富文字編輯

關於字型方面,見 font。下面就是找到的一些免費開源的富文字外掛程式比較。以下僅供參考。文件上說,quill 是乙個為相容性和可擴充套件性而構建的所見即所得的現代編輯器。截至 2019.12.12,仍然處於有人維護狀態,結合上面的考慮點,有下面的一些個人體會。好的方面 不好的方面 文件上說,sum...

ios富文字編輯

最近的專案要用到富文字編輯來實現其中的修改文件功能。先是在github是找了一些editor,效果都不是很滿意,多是使用coretext來實現的,但attribute text與html的轉換十分繁鎖,所找到的控制項只有外讀時轉化為html的方法,而沒有載入時轉換到attribute text的方法...

tinymce vue 富文字編輯

用texterea最多支援換行,如果文字資訊想要更加豐富一些,比如增加格式樣式,比如增加,textarea就愛莫能助了 在網上搜尋了一番,發現tinymce是比較方便好用的一款富文字編輯 官網1.富文字rich text editor在增刪查改四個操作下,只有增和改是需要出現具體的工具欄的,在檢視的...