如何在TinyMCE中应用类而不是内联css样式

Question

我正在使用该advimage TinyMCE插件.

当我打开高级图像对话框并选择向右对齐图像时,它会添加style="float:left"到图像标记中.

但是,style当我清理输出时,我正在从所有标签中删除该属性.

有没有办法在TinyMCE默认情况下添加类而不是内联css代码？

例如,而不是:

style="float:left"

我想补充一下:

class="float-left"

Answer 1

除了使用content_css"样式"下拉列表(通常加载了大量的css类,你永远不会使用或呈现给一个典型的编辑器),还有自定义格式选项,可以对应用哪些类进行非常精细的控制,以及它们可以应用于,您也可以覆盖默认的TinyMCE格式:

http://tinymce.moxiecode.com/wiki.php/Configuration:formats

例:

tinyMCE.init({
    formats : {
        alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'left'},
        aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'center'},
        alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'right'},
    }
});