You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何阻止Trumbowyg编辑器自动将<div>标签转换为<p>标签?

解决Trumbowyg自动将<div>转为<p>的方法

要阻止Trumbowyg编辑器自动把<div>标签转换成<p>,可以通过以下几种配置方式实现:

  • 禁用强制段落转换
    初始化编辑器时添加forceP: false配置项,直接关闭编辑器自动将块级元素转为<p>的默认行为:

    $('#editor').trumbowyg({
      forceP: false
    });
    
  • 明确允许<div>标签
    通过allowedTags配置指定允许的HTML标签,确保<div>不会被过滤或转换:

    $('#editor').trumbowyg({
      allowedTags: ['div', 'p', 'br', 'strong', 'em', 'img', 'a'] // 根据需求补充其他标签
    });
    
  • 关闭自动格式化规则
    若要让代码视图中输入的HTML完全保留原始结构,可清空默认格式化规则并关闭自动链接功能:

    $('#editor').trumbowyg({
      formatting: [], // 移除默认格式化规则
      automaticLink: false
    });
    

修改配置后需重新初始化编辑器,确保设置生效。如果使用旧版本Trumbowyg,建议核对对应版本的文档确认配置项兼容性。

内容的提问来源于stack exchange,提问作者user11469175

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 07:23:16