为什么TinyMCE会忽略它所应用的类样式？

Question

我正在使用以下配置：

formats : {alignleft : {selector : 'img', classes : 'float-left'},
    alignright : {selector : 'img', classes : 'float-right'},
},

微小地使用我的自定义类进行图像对齐（只是设置左侧或右侧的css浮点数），而不是将它们应用于样式内联。

现在，当我保存内容并进行预览时，这是有效的，但在微小的编辑器中，图像会保持原样并且不会浮动。

在Safari Web检查器中检查图像代码显示正确应用于img元素的类，它只是没有..浮动！

带编辑器的页面也可以访问带有float-left和float-right类的主样式表。

我是小新手，所以也许我在这里错过了一些东西？

Answer 1

为了在编辑器本身中查看类更改，您需要在初始化期间设置样式表。

tinyMCE.init({
    content_css : "/editor-style.css"    // http://domain.com/editor-style.css
});

那应该为你的编辑器提供样式表。拉入样式表后，您必须将样式添加到样式表中，以便正确显示它们。