这篇文章主要介绍了vue中wangEditor5编辑器如何使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue中wangEditor5编辑器如何使用文章都会有所收获，下面我们一起来看看吧。wangEditor是一款富文本编译器插件，其他的我就不再过多赘述，因为官网上有一大截对于这个编译器的介绍，但我摸索使用的这两天里给我的最直观的感受就是，它是由中国开发者开发，所有的文档都是中文的，这一点上对我这个菜鸡来说非常友好，不用再去逐字逐句翻译，然后去读那些蹩脚的机翻中文。而且功能很丰富，能够满足很多需求，wangEditor5提供很多版本的代码，vue2，vue3，react都支持。Editor：引入@wangEditor编译器Toolbar：引入菜单栏这里需要注意，引入的样式写在带有scoped标签的style内无效。只能引入在全局样式里，但可能会造成样式覆盖，一般会有个清除样式的文件，会把里面的样式覆盖掉。工具栏配置有很多选项，这里以官方为主，我只做一些常用的配置介绍。查询编辑器注册的所有菜单 key （可能有的不在工具栏上）这里注意要在这个函数中去调用 （这个函数是基本配置之一），不然好像调不出来，当然也有可能是博主太菜。这个是菜单栏配置的一种：排除某项配置，这里填写的key值就是用上面那个方法，查出来的key值。首先在data中return以下信息。然后书写this.uploadImg函数。注意，这里因为返回的数据结免费云主机域名构与@wangeditor要求的不一致，因此要使用 insertFn 函数去包裹返回的url地址。（一）、引入@wangEditor 编译报错 ” Module parse failed: Unexpected token (12828:18)You may need an appropriate loader to handle this file type.”解决方法：在 wwebpack.base.conf.js 文件的module>rules>.js 的include下加入resolve(‘node_modules/@wangeditor’)就可以了。（二）、@wangeditor有序列表无序列表的样式消失问题。大概率是全局样式清除导致的样式消失，可以去调试工具里看一看，样式覆盖的问题。然后在style里deep一下改变样式就行了。关于“vue中wangEditor5编辑器如何使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue中wangEditor5编辑器如何使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。
这篇文章主要介绍“Node的模块机制是什么”，在日常操作中，相信很多人在Node的模块机制是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Node的模块机制是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！在Commo…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
