javascript - TinyMCE 对齐标签

Question

我正在从很旧的 TinyMCE 版本升级到最新版本。在旧的 TinyMCE 中，每当您插入图像并左对齐时，生成的 HTML 将具有以下效果：

< img src="testing.jpg" align="left" >

然而在新版本的 TinyMCE 中，它改为：

< img src="testing.jpg" style="float: left" >

不幸的是，当这个 HTML 在 Outlook 中呈现时，它不能正确显示。关于如何在无需修改任何核心 TinyMCE 代码的情况下解决此问题的任何想法？

谢谢！

Answer 1

当你调用 init 时，你可以像这样传递一个格式选项：

formats : {
            alignleft : {attributes : {align : "left"}}
          }

看看这是否适合你。更多关于这里的文档

编辑：显然，您还需要使用选择器来指定这些规则应适用于哪些元素：

alignleft : {selector : 'img', attributes :{align : "left"} }

你可以在这里看到一个工作小提琴