使用TinyMCE修改图像的`clear`属性

Question

我在我的Django网站上使用TinyMCE，配合tinymce-django这个应用。在管理界面里，我用它来编辑HTML字段（就像一个静态页面那样）。

我想知道在TinyMCE里添加图片时，怎么修改它们的clear样式属性？

Answer 1

你需要在 有效元素 的规则中明确包含 clear，或者在 扩展有效元素 中包含它，不然 TinyMCE 就会把它删掉。

Answer 2

首先，打开图片弹窗。选择好图片后，去外观选项卡。

如果你看不到这个弹窗，确保编辑器模式是高级，并且插件advimage已经包含在内。

现在，你有两种方法可以做到这一点：

1. CSS类。你需要在你的CSS样式表中定义，比如说.clear { clear: both; }。在TinyMCE中，你会看到这个类，选择clear。如果你没有看到你的类，可能是因为你没有在content_css中包含样式表，但你仍然可以选择(value)并自己输入。
2. CSS样式。在样式行中添加clear: both;（或者右边/左边，随你需要）。

我已经截图了这两种选项，你只需要其中一个：

你也可以在HTML弹窗中手动编辑样式。如果这个编辑器是给开发者用的，那么这是最简单的方法，可能也是最快的。