微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CKEditor 5 - 帮助保留列表中的样式

如何解决CKEditor 5 - 帮助保留列表中的样式

我正在将 CKEditor 5 实施到我正在开发的网站中。我有一些现有的内容,其中包含一些我希望编辑器保留的样式。我已经阅读了很多教程和帖子,但似乎无法使其正常工作。希望有人能把我推向正确的方向。

我正在编辑的 HTML 包含以下内容

<li style="list-style-type:none;">No number</li>

下面是我正在调用函数。这是从保留字体大小的一种修改而来的。

        function TestListStyle( editor ) {
            editor.conversion.for( 'upcast' ).elementToAttribute( {
                view: {
                    name: 'li',styles: {
                        'list-style-type': /[\s\S]+/
                    }
                },model: {
                    key: 'listStyleType',value: viewElement => {
                        const value = viewElement.getStyle( 'list-style-type' );
                        return value;
                    }
                },converterPriority: 'high'
            } );

            editor.conversion.for( 'downcast' ).attributetoElement( {
                model: {
                    key: 'listStyleType'
                },view: ( modelValue,{ writer: viewWriter } ) => {
                    return viewWriter.createAttributeElement( 'li',{
                        style: `list-style-type:${ modelValue }`
                    } );
                },converterPriority: 'high'
            } );
        }

当我尝试运行它时,我得到 JavaScript TypeError 无法读取 null 的 'start' 这么简单的事情,我似乎想不通。 任何帮助表示赞赏。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。