ckeditor5 增加左右缩进

1、安装好Node 和 yarn

2、安装ckeditor5

git clone -b stable https://github.com/ckeditor/ckeditor5-build-classic.git cd ckeditor5-build-classic

npm install

3、安装左右缩进插件

npm install --save ckeditor5-indent-text

4、配置

/src/ckeditor.js

import IndentTextPlugin from 'ckeditor5-indent-text/src/indent-text';

ClassicEditor.builtinPlugins = [

    //...

    IndentTextPlugin,

    //...

];

ClassicEditor.defaultConfig = {

    //...

    toolbar: {

        items: [

            //...

            'indentLeft',

            'indentRight',

            //...

        ]

    },

    //...

    indentText: {

        options: {

            indentLength: 40,

            indentMeasure: 'px',

        },

    },

    //...

};

5、最后

yarn run build

查看demo 如图

6、如果需要首行缩进的话 可以修改bulid/ceditor.js  相对应的地方 把 padding-left 修改成  text-indent  或者 修改node_modules/ckeditor5-indent-text/src/indent-text-editing.js文件下padding-left 修改成  text-indent  最后重新构建 yarn run build