Question

我正在使用TinyMCE 4.0构建HTML电子邮件，我需要改变TinyMCE中心图像的方式。

我在搜索后遇到了使用类的解决方案，但由于希望保持电子邮件客户端的兼容性，这不是我想要这样做的方式。

我发现img的中心位置，但找不到办法做我想做的事

aligncenter: [{
    selector: "figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",
    styles: {
        textAlign: "center"
    },
    defaultBlock: "div"
}, {
    selector: "img",
    collapsed: !1,
    styles: {
        display: "block",
        marginLeft: "auto",
        marginRight: "auto"
    }
}

我需要做的就是......

如果选择了img并单击了aligncenter，请将图像包裹在

中

<p style="text-align: center"><img /></p>

如果有人对如何实现这一目标有任何提示，我将非常感激，因为我现在正试图解决这个问题。

此致

Charj

Answer 1

此代码适用于我，添加到tinymce配置：

formats: {
alignleft: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles: {textAlign: 'left'}},
aligncenter: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles: {textAlign: 'center'}},
alignright: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', styles: {textAlign: 'right'}}
},

请注意，您不应在标签列表中包含“img”;相反，依赖于围绕img的对齐p（或其他）。

Answer 2

我认为您可以尝试覆盖内置格式“aligncenter”或为此创建自己的格式。你可以在这里找到信息。 http://www.tinymce.com/tryit/custom_formats.php

这里使用的例子

http://www.tinymce.com/tryit/custom_formats.php

改变TinyMCE如何对齐图像中心

2 个答案: