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

Question

我在我的Django网站上使用TinyMCE和tinymce-django应用程序。我在管理界面中使用它来编辑HTML字段。 （像平面页面那样。）

使用TinyMCE添加图像时，如何更改其clear样式属性？

Answer 1

首先转到图片弹出窗口。选择图像后，导航至外观标签。

如果您没有看到此弹出窗口，请确保编辑器模式为高级，并且包含插件 advimage 。

现在，您有两种选择：

1. CSS类。例如，您必须定义.clear { clear: both; }  在你的CSS样式表中。在TinyMCE中，您将看到该课程，选择 clear 。  如果您没有看到您的课程，可能是因为您没有在 content_css 中包含样式表，但您仍然可以选择（value）并自行输入。
2. CSS样式。在样式行中添加 clear：both; （或右/左，无论你需要什么）。

我已经制作了两个选项的屏幕截图，你只需要其中一个：

TinyMCE Appearance tab http://i48.tinypic.com/33y526w.jpg

可以在 HTML弹出窗口中手动编辑样式。如果编辑器是针对开发人员的，那么这是一种简单的方法，也可能是最快的方法。

Answer 2

您需要明确包含在valid elements规则（或extended valid elements）中，否则TinyMCE会将其删除。