CKEditor5入門教程

下載CKEditor5

使用CK5原因 因為CK4的內聯編輯與VUE不兼容 CK4-VUE可定制內容太少
所以選擇CK5 但是在兼容性上 CK5 不如CK4
網上關於CKEditor教程實在太少 有用點個贊

下載地址:https://ckeditor.com/ckeditor-5/download/

下載后的目錄結構

現在嘗試安裝官方提供的數學公式插件和高亮插件
TIPS : 報錯注意版本問題,可嘗試安裝舊版本

找到對應的組件

安裝

注意

有的時候官方構建會遇到 各種問題
建議直接進入github倉庫 下載

修改默認語言

webpack.config 修改
plugins: [
    new CKEditorWebpackPlugin( {
        language: 'zh-cn',   //修改這里后重新build
        additionalLanguages: 'all'
    } ),
    new webpack.BannerPlugin( {
        banner: bundler.getLicenseBanner(),
        raw: true
    } )
],

在VUE中使用CKEditor5

使用