css - TinyMCE 图像对齐

标签 css image tinymce alignment

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

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

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

我刚刚又开始寻找解决方案,现在 IE6 终于要死了,我可以在选择器中使用 CSS 属性,所以

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

有效,但我宁愿使用一个类,因为有任何其他样式属性会导致选择器失败。而且它在 IE6 中不起作用,而且您知道一些公司客户仍会运行该死的东西!

所以我查看了 TinyMCE 文档并找到了 formats 配置选项,它似乎允许您指定 tinyMCE 如何为各种操作应用代码。在这里,我可以添加 IMG 标签作为选择器,并为 alignleft 函数设置类:“left”。

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

我是不是做错了什么,或者是否有更好的方法可以让我的客户从图像对话框和工具栏中选择图像对齐方式,同时对图像应用类?

最佳答案

您好,这可以通过使用 advimage 来完成插件,并启用 style(wiki 中的小错误)作为有效元素。同时更新你的 tinymce 版本,正如我在论坛上看到的那样,在最新版本中定位存在一些问题。

关于css - TinyMCE 图像对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2524767/

相关文章:

html - CSS Transition 边框立即恢复

php - WYSIWYG drupal 插件中 tinymce 的文本字段名称

javascript - 在 Canvas 中绘图不居中

css - 适合对象:Cover 和 Srcset

javascript - 如何在另一个选项卡中显示 "data:image"格式的图像

css - 如何将两个图像放置在一个 div 的对 Angular

javascript - 调整由 JS 添加的特定 TinyMCE 编辑器的大小

javascript - tinymce中如何获取当前区 block 位置?

html - 使用 css 溢出滚动 div 内容

css - HTML 类和 OO 类之间的相似之处