【问题标题】:How to configure TinyMCE to allow block-level elements inside inline element?如何配置 TinyMCE 以允许内联元素内的块级元素?
【发布时间】:2017-03-10 14:15:04
【问题描述】:

我有一个 HTML,其中内联元素 span 包含块元素示例 div。我在 TinyMCE 的源代码视图中粘贴了 HTML 源代码,然后按确定

<span>plain text<div>test div</div></span>​

此外,我点击了源视图和 HTML,它会更改为下面的 HTML,其中 span 会自动关闭并将新的 span 添加到 HTML,

<p><span><span>plain text</span></span></p>
<div>test div</div>
<p>​</p>

我知道,我们不能在内联元素中包含块元素(即 HTML 全局规则),但我无法在当前系统中进行更改。

更新:我已尝试在此处提及解决方案,但效果不佳:https://stackoverflow.com/a/14603631/4420468

【问题讨论】:

  • 嗯,在tinymce中插入内容后交换标签是一种选择吗?
  • @Thariama 是的,直到将内容插入到 TinyMCE 中,这是正确的,但是当我们在内容插入后单击源按钮时,该标签会被交换。

标签: tinymce tinymce-4


【解决方案1】:

有一个配置选项可以控制此行为。

valid_children

valid_children 使您能够控制哪些子元素可以存在于指定的父元素中。

see docs for further information

【讨论】:

    猜你喜欢
    • 2013-01-13
    • 1970-01-01
    • 2011-08-29
    • 2010-12-15
    • 2013-08-04
    • 2021-01-23
    • 1970-01-01
    相关资源
    最近更新 更多