好用的vue富文本编辑器记录

男娘i 2022-03-22 02:21 200阅读 0赞

**vue-quill-editor**

[https://github.com/surmon-china/vue-quill-editor][https_github.com_surmon-china_vue-quill-editor]

[https://www.npmjs.com/package/vue-quill-editor][https_www.npmjs.com_package_vue-quill-editor]

[https://blog.csdn.net/nickroprak/article/details/86645519][https_blog.csdn.net_nickroprak_article_details_86645519]（自定义图片上传）

\*默认上传图片为base64编吗

**CKEditor**

[https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html][https_ckeditor.com_docs_ckeditor5_latest_builds_guides_integration_frameworks_vuejs.html]

[https://github.com/ckeditor/ckeditor5][https_github.com_ckeditor_ckeditor5]

[https://ckeditor.com/docs/ckeditor5/latest/api/module\_core\_editor\_editorconfig-EditorConfig.html][https_ckeditor.com_docs_ckeditor5_latest_api_module_core_editor_editorconfig-EditorConfig.html] （config）

[https://ckeditor.com/docs/ckeditor5/latest/api/module\_ckfinder\_ckfinder-CKFinderConfig.html][https_ckeditor.com_docs_ckeditor5_latest_api_module_ckfinder_ckfinder-CKFinderConfig.html] (ckfingder设置上传图片接口)

// 上传图片到服务器
    editorConfig: {
            // toolbar: [ 'bold', 'italic' ],
            language: 'zh',
            ckfinder: {
              uploadUrl: config.baseURL + '/uploadFile' // 后端处理上传逻辑返回json数据,包括uploaded(选项true/false)和url两个字段,
       }
    },

[https://blog.csdn.net/nickroprak/article/details/86648903][https_blog.csdn.net_nickroprak_article_details_86648903] ckedit+vue配置使用

[https_github.com_surmon-china_vue-quill-editor]: https://github.com/surmon-china/vue-quill-editor
[https_www.npmjs.com_package_vue-quill-editor]: https://www.npmjs.com/package/vue-quill-editor
[https_blog.csdn.net_nickroprak_article_details_86645519]: https://blog.csdn.net/nickroprak/article/details/86645519
[https_ckeditor.com_docs_ckeditor5_latest_builds_guides_integration_frameworks_vuejs.html]: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html
[https_github.com_ckeditor_ckeditor5]: https://github.com/ckeditor/ckeditor5
[https_ckeditor.com_docs_ckeditor5_latest_api_module_core_editor_editorconfig-EditorConfig.html]: https://ckeditor.com/docs/ckeditor5/latest/api/module_core_editor_editorconfig-EditorConfig.html
[https_ckeditor.com_docs_ckeditor5_latest_api_module_ckfinder_ckfinder-CKFinderConfig.html]: https://ckeditor.com/docs/ckeditor5/latest/api/module_ckfinder_ckfinder-CKFinderConfig.html
[https_blog.csdn.net_nickroprak_article_details_86648903]: https://blog.csdn.net/nickroprak/article/details/86648903