当前位置:   article > 正文

ueditor与wangEditor,配合layer使用记录_ueditor wangeditor

ueditor wangeditor

因为项目需要富文本编辑器,所以ueditor跟wangEditor都用了;

wangEditor链接:http://www.wangeditor.com/

ueditor:https://ueditor.baidu.com/website/onlinedemo.html

比较之下,虽然ueditor功能更为强大,但是wangEditor轻量、简洁、易上手,最重要的是轻量、易上手,只需要引入它的js就可以了;要是真要说槽点,大概就是上传图片这块,不是那么的好;如果功能要求不多,推荐使用wangEditor;

ueditor百度家的编辑器,有UM跟UE两款编辑器,UE是采用的是div的加载方式,相对UM来说,我是感觉它比较轻量了;我用的是UM,所以本文记录的基本上是UM跟layer结合使用踩的一些坑。

1、获取内容跟设置内容之类的方法使用

看demo,会发现,这些方法都需要配合点击事件,然后看api,你就会发现,可以跟ready事件配合使用,ready事件是编辑器准备就绪后会触发的事件;如果你不配合ready或者点击事件用,那么,是会报错的;(如果你是用的wangEditor,不需要配合什么事件去使用的,直接用它文档中给出的方法就可以了)

注:editorUser是我定义的变量,储存的是实例化的编辑器

2、配合layer使用,再次点开,编辑器初始失败

ueditor配合layer使用的时候,一定要在关闭layer弹窗的时候销毁,不然,再次打开的时候,你就会发现,编辑器它没了;所以,关闭的时候一定要销毁;(如果你是用的wangEditor,不需要销毁!!)

上传文件这块,暂时还没有这个需求,所以没去开放,也没什么总结的!

还有一点,demo中,加载编辑器的容器代码是

其实也不需要完全按demo写,也可以用textarea这些

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/155724
推荐阅读
相关标签
  

闽ICP备14008679号