TinyMCE图像对齐

Question

TinyMCE对齐图像一直很困难。对齐标签或添加style =“float：left;”一直是它的解决方案。理想情况下，我只想添加class =“left”或class =“right”，以便可以设置图像的边框和边距。

到目前为止，不使用advimage插件的唯一方法是插入图像，然后选择它，从样式菜单中选择一种样式。

理想情况下，我应该能够使用图像对话框中的对齐控件来设置对齐类或在主编辑窗口中使用工具栏上的对齐控件。

我刚才又开始寻找一个解决这个，现在IE6终于开始死了，我可以用CSS中选择属性，因此

IMG[style="float: left;"] {} 

的作品，但我宁愿使用一个类如果有任何其他风格属性会导致选择器失败。并且它在IE6中不起作用，并且您知道一些企业客户仍然会在运行血腥的事情！

因此，我查看了TinyMCE文档，发现了格式配置选项，这似乎允许您指定tinyMCE如何为各种操作应用代码。在这里，我可以添加IMG标签作为选择器，并且有类：“左”用于alignleft函数。

当从工具栏中选择对齐方式时，该类将正确应用，但在通过图像对话框选择对齐方式时仍会写入内联样式。

我做错了什么或者是否有更好的方法来做到这一点，这将允许我的客户从图像对话框和工具栏中选择图像对齐方式，同时将图像类应用到图像上？

Answer 1

嗨，这可以通过使用advimage插件，并启用风格（维基中的小错误）作为有效元素来完成。同时更新您的tinymce版本，因为我在论坛上读到，在最新版本中定位时存在一些问题。