wangeditor 的使用和遇到的一些问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wangeditor 的使用和遇到的一些问题相关的知识,希望对你有一定的参考价值。

参考技术A 父组件中使用

大致配置就这么多,还有颜色,字体,表情什么的都可以配置,样式的问题主要看项目需求,后来又加了模板的需求,所以又改了,wangeditor 中是没有模板这个概念的,那么我们怎么实现这个功能呢,听到这个需求的时候我都要考虑换富文本编辑器了,因为不知道换了其他的不知道有没有其他的问题,后来试了试,使用了solt 插槽,看到可以的那一刻,哇,真开心

这个改过之后的布局,具体样式的话,还需要自己调试,效果如下

大致能用了,虽然还有点奇怪,也没有去改,其他的问题就是上传的问题了,本例采用base64的方式上传图片,很多的就是渲染页面时的样式问题,如果出现渲染页面滚动条的问题,可以修改源码样式后在打包

总之大致就这么多

wangEditor 3 富文本编辑使用-

今天有人问我wangEditor3编辑器的使用。。。不会。。蛋疼,今晚自己研究了下,json格式和html格式基本可以使用了,不过我用的不是存服务器的,存服务器的改天在写

界面代码很简单,自己测试了下,这个是效果图

 

 这边是获取后的界面

我直接写回调了, 中途可能会出现这个问题

配置下内容就好了,这边是界面的代码和引用的JS, 以及POST回调回来的方法

这边是控制器接收的方法

 

 要接收这些html格式的记得在config里面进行配置,

 

以上是关于wangeditor 的使用和遇到的一些问题的主要内容,如果未能解决你的问题,请参考以下文章

wangEditor 3 富文本编辑使用-

PC/移动端的富文本编辑器wangEditor的使用

wangeditor复制word存在换行符

js 文本编辑插件 wangEditor 的使用教程和总结

iframe标签flash遮盖页面元素问题——wmode参数

wangeditor在移动端的web应用