VUE使用ckeditor的方法步驟

在開發**專案的時候，要用到乙個富文字編輯器，都說tinymce編輯器好用，但是安裝了幾次，不是語言包的錯誤，就是**的錯誤，好不容易解決了，有顯示不出來，還布局出問題，折騰了一天多，就果斷放棄，使用ckeditor富文字編輯器，十分鐘就搞定，沒有太多的坑，推薦使用。

具體使用方法：

官網：1、安裝：有四種版本，選擇 document

參考：download/

2、引用

import ckeditor from '@ckeditor/ckeditor5-build-classic'

import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn' //中文包

this is the initial editor content.

因為要上傳到我們的伺服器，要重置一下上傳路徑，方法如下

export default 

},mounted() ,
methods: 
upload() )
}).catch(err => )})}
abort() 
}//初始化編輯器
ckeditor.create(document.queryselector('#editor'), 
}).then(editor => 
this.editor = editor // 將編輯器儲存起來，用來隨時獲取編輯器中的內容等，執行一些操作
}).catch(error => )
},}

this.editor.getdata()

this.editor.setdata(contentval)

this is the initial editor content.
獲取內容

在VUE中,關於CKEditor使用

官方文件 如下 classiceditor create document.queryselector editor then editor catch error 然後可以在console中使用 window.ckeditor translations檢視當前使用的語言 遵循iso 639 1 下...

ckeditor外掛程式的使用

1 呼叫 ckeditor.replace content add 括號裡直接是你命名的id name的名稱，表示用ckeditor替代你的id name 得到頁面屬性值 ckeditor.instances.content add.getdata 清空重置引數 ckeditor.instances...

YII使用ckeditor的方法

如果報 skin public錯誤，請修改ckeditor的private skin為public skin 然後在view下的form表單中 labelex model,goods desc textfield model,goods desc array size 60,maxlength 25...