ckeditor: 老牌,穩定,擴充套件性、功能性強。
quill: 專案比較新,穩定,擴充套件性高、功能性好。
medium-editor: 老牌,維護的一般,較長時間未更新。
wangeditor: 國貨,使用方便。
tinymce: 功能和擴充套件性都不錯。
如需要支援本地上傳:配置介面
參考:wangeditor 官方配置文件
配置**
// @/components/texteditor/index.vue
"editor"
class
="text-editor"
>
<
/div>
<
/template>
"ts"
>
import vue from
"vue"
;import
efrom
"wangeditor"
;export
default vue.
extend(,
},// 元件已經渲染好,可以初始化操作 dom 了
mounted()
, methods:
; editor.
create()
;// 注意:設定初始化必須在 create 之後
editor.txt.
html
(this
.value);}
,},}
);<
/script>
"scss" scoped>
<
/style>
富文字編輯器
關於使用富文字編輯器的一些小坑 官網 1.專案 片 editor fail function xhr,editor,result custominsert function insertimg,result,editor this.editor.create this.editor.txt.html...
富文字編輯器
富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditorallowfilemanager 是否允許瀏覽伺服器已上傳...
富文字編輯器
富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditor allowfilemanager 是否允許瀏覽伺服器已上...