在 tinyMCE 中自定义 HTML 文本所需的帮助

Posted 2023-03-29

【中文标题】在 tinyMCE 中自定义 HTML 文本所需的帮助

【英文标题】：Help required in customizing HTML text in tinyMCE

【发布时间】：2011-08-05 05:54:18

【问题描述】：

这就是我所坚持的......

我在 TinyMCE 中使用富文本编辑器格式化文本。每当我将任何文本标记为粗体时，生成的 html 都会将该文本放入 标记中，对于 Underline、具有 style=text-decoration 属性的 标记和斜体 标记也是如此。另外，如果我修改了文本大小，它仍然会放置一个带有 style=font-size 属性的 。

现在我需要的是我希望这个文本被转换成基本的 HTML 与 分别为粗体，下划线和斜体，以及字体大小更改或着色等，我想要一个 带有标准属性（颜色、大小等）的标签

我觉得可行的一种方法是修改 tiny_mce.js 注册默认格式。

但是，我担心它可能会在我的其他代码模块中引发一些回归问题。

这是问题的解决方案，还是有更好的方法，也许是一些配置选项来改变这个......

对此的任何指针将不胜感激！

谢谢，

曼吉里什

【参考方案1】：

除了 Sascha Galley 建议的方法之外，您还需要在 tinymce init 中激活 legacyoutput 插件：

plugins: "...,code,save,legacyoutput,...",

【讨论】：

@Tharima... 你是对的，如果我还没有看到你的答案，我正要发布这个答案，已经在这里了。我在它的 js 文件中使用了带有一些 tweeks 的 legacyoutput 插件来实现我想要的。

【参考方案2】：

您可以设置自己的格式，请查看文档：TinyMCE formats。在你的情况下，它会是这样的：

tinyMCE.init(
    ...
    formats : 
        bold : inline : 'b',
        italic : inline : 'i',
        underline : inline : 'u',
    
);

我尚未对其进行测试，但这应该会引导您走向正确的方向。

【讨论】：

嗨，Sascha，感谢您的输入，但不幸的是，它仍然不适用于此解决方案。强大的 em 标签不会消失... :(