【发布时间】：2011-02-01 06:12:00
【问题描述】：
TinyMCE 总是有点难以对齐图像。对齐标签，或添加 style="float: left;"已经解决了。理想情况下，我只想添加 class="left" 或 class="right" 以便设置图像的边框和边距。
到目前为止，不使用 advimage 插件的唯一方法是插入图像，然后选择它，从样式菜单中选择一种样式。
理想情况下，我应该能够在图像对话框中使用对齐控件来设置对齐类，或者在主编辑窗口中使用工具栏上的对齐控件。
我刚刚开始寻找解决方案，现在IE6终于开始死了，我可以在选择器中使用CSS属性，所以
IMG[style="float: left;"] {}
有效，但我宁愿使用一个类，以防有任何其他样式属性会导致选择器失败。而且它在 IE6 中不起作用，而且你知道一些企业客户仍然会运行该死的东西！
所以我查看了 TinyMCE 文档并找到了格式配置选项，这似乎允许您指定 tinyMCE 如何将代码应用于各种操作。在这里，我可以添加 IMG 标签作为选择器，并有 classes: "left" 用于 alignleft 函数。
当从工具栏中选择对齐时，这会正确应用类，但是当通过图像对话框选择对齐时，它仍然会写入内联样式。
我做错了什么还是有更好的方法可以让我的客户从图像对话框和工具栏中选择图像对齐，同时将类应用于图像？
【问题讨论】：
-
有用的是 IE7 不适用于上面的代码，所以现在使用：IMG[style*="left"]
标签： css image tinymce alignment