为什么TinyMCE忽略了它使用的类样式';申请什么?

为什么TinyMCE忽略了它使用的类样式';申请什么?,tinymce,css-float,Tinymce,Css Float,我正在使用以下配置: formats : {alignleft : {selector : 'img', classes : 'float-left'}, alignright : {selector : 'img', classes : 'float-right'}, }, 使用我的自定义类进行图像对齐(只需将css浮动设置为左或右),而不是在样式中内联应用它们 现在,当我保存内容并预览它时,这就起作用了,但是在这个小小的编辑器中,图像只是停留在原来的位置,不会浮动 在Safari

我正在使用以下配置:

formats : {alignleft : {selector : 'img', classes : 'float-left'},
    alignright : {selector : 'img', classes : 'float-right'},
},
使用我的自定义类进行图像对齐(只需将css浮动设置为左或右),而不是在样式中内联应用它们

现在,当我保存内容并预览它时,这就起作用了,但是在这个小小的编辑器中,图像只是停留在原来的位置,不会浮动

在Safari web inspector中检查图像代码表明该类已正确应用于img元素,但事实并非如此。。漂浮

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


我是tiny的新手,所以这里可能遗漏了什么?

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

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

这将为编辑器引入样式表。一旦拉入样式表,您必须将样式添加到样式表中,才能看到它们正确显示。

谢谢,修复了它!但是你能解释为什么这是必要的吗?为什么tiny不能使用主样式表中的类?这是因为tiny在iframe里还是什么?你搞定了。之所以需要样式表,是因为TinyMCE编辑器是一个iframe。