创建可以应用于ckeditor中的div的样式?

时间:2013-08-13 13:45:06

标签: ckeditor

我的ckeditor WYSIWYG可以选择创建div。我试图创建一个可以放在“样式”下拉列表中的样式:

enter image description here

我已经尝试将以下内容添加到我的config.js中,但似乎没有效果。

CKEDITOR.stylesSet.add( 'default',
[
    // Inline styles
    { name : 'Titulo Explicacion Servicio', element : 'div', attributes : { 'class' : 'titulo_explicacion_servicio' } },
    { name : 'Texto Explicacion Servicio', element : 'div', attributes : { 'class' : 'texto_explicacion_servicio' } },
    { name : 'Texto Fondo Foto', element : 'div', attributes : { 'class' : 'intro_fondo_foto' } }
]); 

我怀疑它有什么不同,但这是针对Drupal网站的。

1 个答案:

答案 0 :(得分:4)

我在styles.js中找到了我需要改变的东西

CKEDITOR.stylesSet.add( 'default', [


    { name: 'Italic Title',     element: 'h2', styles: { 'font-style': 'italic' } },
    { name: 'Subtitle',         element: 'h3', styles: { 'color': '#aaa', 'font-style': 'italic' } },
    {
        name: 'Image caption', //THESE NEXT 4 LINES I CHANGED 
        element: 'div',
        attributes: {
            class: 'caption-mine'
        }
    },