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 (将#修改为@)