vue editor编辑器
时间: 2023-08-29 18:12:50 浏览: 164
vue实现在线简历编辑器(在线网页编辑)
5星 · 资源好评率100%
Vue Editor编辑器是一个用于Vue项目的富文本编辑器。它可以让用户在前端应用中创建和编辑富文本内容。在Vue项目中使用Vue Editor编辑器需要先安装相关的编辑器依赖,比如可以使用npm install vue-quill-editor来安装。
Vue Editor编辑器可以通过代码对编辑器进行初始赋值,例如使用this.$refs.myEditor.content = "要赋值的富文本"来设置编辑器的内容。还可以使用this.$refs.myEditor.setImageWidth()来设置内容中图片的宽度。
近期,在对公司运营系统进行优化和升级的过程中,由于原有的vue-quill-editor编辑器对粘贴进来的内容的行内样式进行了过滤,为了满足业务需要,对编辑器进行了更换,采用了Vue-html5-editor这个编辑器。这样可以更好地满足业务需求,同时也可以防止XSS攻击。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue-html5-editor 编辑器的使用及一些问题解决](https://blog.csdn.net/weixin_40629244/article/details/119892301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue富文本编辑器Editor(vue-quill-editor)使用与入门](https://blog.csdn.net/weixin_43726881/article/details/124352461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文