UEditor编辑器自动将div标签转换成p标签应该如何解决

最新推荐文章于 2024-04-10 10:40:07 发布

原创最新推荐文章于 2024-04-10 10:40:07 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ueditor编辑器 #div标签 #p标签 #div转p

ueditor编辑器专栏收录该内容

1 篇文章

订阅专栏

本文指导如何在使用UEditor编辑器时，避免div标签被自动转换为p标签，通过修改配置文件和javascript代码实现定制需求。

有些同学在使用UEditor编辑器时会发现有时候它会自动把编辑内容的div标签自动转换成p标签，但是如果确实需要div标签应该怎么做呢？

首先在ueditor的文件夹下找到ueditor.all.js文件，然后搜索allowDivTransToP找到这段代码，把后面的true设置为false

me.setOpt({
        'allowDivTransToP':false,
        'disabledTableInTable':true
    });

接着在ueditor.config.js文件内搜索allowDivTransToP找到如下的代码，将注释去掉并且改为false

//默认过滤规则相关配置项目
        //,disabledTableInTable:true  //禁止表格嵌套
        ,allowDivTransToP:false      //允许进入编辑器的div标签自动变成p标签
        //,rgb2Hex:true               //默认产出的数据中的color自动从rgb格式变成16进制格式