Ueditor 百度富文本框的使用(二次渲染)其他的在文档中都有

富文本编辑器有很多。好用的,不好用的,功能简单的,功能复杂的。

现在,我选择的是百度的UEditor编辑器。这个编辑器的唯一有点就是功能多。比kindeditor 这些编辑器的功能要多。当然,像layui 提供的富文本框我没有用,所以,现在不能拿来对比。因为当初想要用layui的时候,我套了一下,不过很可以,没能成功。由于时间紧张,也就放弃了。

这个编辑器的文档还是很好理解的。但是,你需要读一下文档的所有内容。当然,你不全篇通读也没关系,能用。

现在说一下这个编辑器的二次渲染,这也是主要的问题。

使用的时候,其实是引入了一个scrip标签进来.当你不使用的时候,会变成一个textarea标签。如果你不处理,这个标签就会显示到你本来的编辑器的位置,一直存在。

错误1:textarea 去除的方式,根据他的id,获取对象,然后删除。这个我用的时候是没有id的,只是一个标签。所以这种方式就没有处理完成。我是直接按照标签获取到的,因为我里边没有其他的这种标签。

UEditor是需要销毁的,这个很明确。但是,销毁这个的方法是什么?

错误2:标签的销毁方式。

UE.getEditor(ueditorId,{
                       autoFloatEnabled:false,
               }).destroy();
        $("#"+ueditorId+"").remove();

上述这种方式,当只有一个对象的时候,销毁没有问题。但是,我本身把这个赋值给了一个对象。用来判断这个对象是否是object类型。如果是,就删除。不判断直接删除的话,会报错。但是,记住了。上边的方式要重新给editor赋值。

这种方式解决了?Yes:No。如果没有请继续往下看

editor = UE.delEditor("informationPcContent"); 这种方式的删除。

测试好用,但是,我以前也用过这个删除。然而并没有作用。方式其实就是当前的这两种方式。你自己试一下吧。但是我说,如果你要求不是太高,功能不是太复杂的话就用kindeditor 或者是流行的前端框架

猜你喜欢

转载自blog.csdn.net/m0_37626203/article/details/82786890
今日推荐