如何修改django-ckeditor内联样式?

mnemlml8  于 2023-07-01  发布在  Go
关注(0)|答案(1)|浏览(101)

使用django-ckeditor==4.4.6,我如何覆盖内置的ckeditor styles.js文件,以向默认对象样式添加一些边距,如下面列出的样式?

{
name: 'Styled image (left)',
element: 'img',
attributes: { 'class': 'left', 'margin-right': '1em' }
},

我不想直接修改核心styles.js文件,但我猜也许我可以使用Django的应用模板继承/覆盖功能来覆盖它?
或者我可以以某种方式提供一个包含上述样式声明的js插件吗?

e5njpo68

e5njpo681#

使用“stylesSet”

{
    "default": {
        "format_tags": "h1;h2;h3;h4;p",
        "toolbar": "Custom",
        "toolbar_Custom": [
            [
                "Format",
                "Styles",
                "RemoveFormat",
                "-",
                "Bold",
                "Italic",
                "Subscript",
                "Superscript",
                "-",
                "BulletedList",
                "NumberedList",
                "-",
                "Link",
                "Unlink",
                "Anchor",
            ],
        ],
        "stylesSet": [
            {"name": "Lead Text", "element": "p", "attributes": {"class": "lead"}},
            {
                "name": "Marker: Yellow",
                "element": "span",
                "styles": {"background-color": "Yellow"},
            },
        ],
    }
}

相关问题