javascript - 如何强制 TinyMCE 在 P 标签内创建 SPAN 标签？

Question

我必须自定义 tinymce 并且遇到这样的问题......我的问题是，所有默认文本都应该包含在 span 和 p 标签中。

例如:<p><span>My Text</span></p>

如果我要添加格式，则应更改为例如:<p><span style="font-weight:bold;">My Text</span></p>

如果我要更改文本或保存 html 输出，tinymce 不应删除 span 或 p 标签...

这样的场景可能吗？有没有人提示我在 tinymce 中找到正确的位置？

Answer 1

您需要相应地设置 valid_children 和 valid_elements

    valid_elements: "@[id|class|title|style|onmouseover]," +
    "a[name|href|target|title|alt]," +
    "#p,blockquote,-ol,-ul,-li,br,img[src|height|width],-sub,-sup,-b,-i,-u," +
    "span,hr",

    valid_children: "body[p|ol|ul]" +
    ",p[a|span|b|i|u|sup|sub|img|hr|#text]" +
    ",span[p|a|b|i|u|sup|sub|img|#text]" +
    ",a[span|b|i|u|sup|sub|img|#text]" +
    ",b[span|a|i|u|sup|sub|img|#text]" +
    ",i[span|a|b|u|sup|sub|img|#text]" +
    ",sup[span|a|i|b|u|sub|img|#text]" +
    ",sub[span|a|i|b|u|sup|img|#text]" +
    ",li[span|a|b|i|u|sup|sub|img|ol|ul|#text]" +
    ",ol[li]" +
    ",ul[li]",

其次，您需要使用设置配置参数和处理程序自行处理 span 中的包装。另一种选择是编写自己的插件并在那里处理。让我知道你是否能够让它发挥作用。如果没有回来问。