设计模式下的浏览器将孤立的 LI 元素包装在 UL - Firefox 和 Chrome 中

Browser in DesignMode wrapping orphan LI elements in UL - Firefox and Chrome

本文关键字:UL Firefox Chrome 包装 元素 浏览器 LI 设计模式      更新时间:2023-09-26

我正在使用TinyMce为Web应用程序实现WYWIWYG编辑器。 该应用程序允许用户编辑包含部分 HTML 的令牌。例如,正在编辑的令牌可能包含:

  • 一些文本
  • 但是,当我在编辑器上调用值为

  • some text
  • 的 SetContent 时,该元素会自动包装在
      元素中。据我所知,这不是由TinyMCE完成的,而是由浏览器本身完成的。

      我知道这是浏览器创建有效 HTML 的方式,不幸的是,我没有任何方法允许用户编辑无效元素(无效只是因为 li 不在 ul 中(。

      这在FireFox和Chrome中都会发生,有没有办法防止浏览器这样做(调用setHtml时(并允许无效的HTML(甚至说,打开p标签(?

    为什么你想要无效的html?

    除此之外,您还应该仔细查看 tinymce 配置设置valid_children和valid_elements。