ckeditor5 vue 字体大小配置,字体颜色,段落对齐API设置

ckeditor5字体大小配置,字体颜色设置api

1,ckeditor5中使用api设置选中字体

属性

 import CKEditor from '@/common/plugin/ckeditor/ckeditor';
 CKEditor
      .create(document.querySelector('#editor'), {
        licenseKey: '',
        fontSize: {
          options: [
            9,
            11,
            13,
            'default',
            17,
            19,
            21,
            26,
            32,
            40
          ]
        },
      })
      .then(editor => {
        window.editor = editor;
        editor.execute('fontSize', { value: '21px' });  //字体大小设置
        editor.execute('alignment', { value: 'left' });  //字体左右中对齐
        editor.execute('fontBackgroundColor', { value: 'red' });  //字体左右中对齐
      })
      .catch(error => {
        console.error('Oops, something went wrong!');
        console.error('Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:');
        console.warn('Build id: l06xfzwjugq8-r7sznwq8sl7f');
        console.error(error);
      });

猜你喜欢

转载自blog.csdn.net/weixin_39991767/article/details/126784555