首页 文章

如何将css类添加到选定的Paragraph / Div?

提问于
浏览
0

ckeditor中是否有通过选择段落添加css类的选项?

我的要求是我在字段中有一些冗长的文字和一些段落 . 其中一段我想通过CSS改变风格 . 所以为此,我想在ckeditor工具栏中选择一个选项,我可以将css类添加到段落中,而不是从源代码和编辑html .

与目前的格式下拉列表中的“正常(DIV)”一样,有一个选项 . 我可以在这个下拉列表中添加另一个选项“DIV with class test”,它会添加一个带有测试css类的div吗?

1 回答

  • 0

    将样式集添加到ckeditor配置 . 但它只将样式属性添加到div而不是类 .

    CKEDITOR.stylesSet.add('CustomStyle', [
        { name : 'TxtDanger', element : ['p','div','h1'], styles : {'color' : 'red' } }
    ]);
    
    CKEDITOR.editorConfig = function( config ) {
        config.stylesSet = 'CustomStyle';
    };
    

    现在,您可以在ckeditor样式下拉列表中获得'TxtDanger'样式 . 但是,'CustomStyle'将替换您的默认ckeditor样式(Paragraph,Heading1,2 ..) . 所以首先将所有默认样式添加到'CustomStyle'中 . here默认样式列表 .

相关问题