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

最新推荐文章于 2024-05-05 18:17:26 发布

玛蹄柯拿

最新推荐文章于 2024-05-05 18:17:26 发布

阅读量1.4k

点赞数

分类专栏：富文本插件文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_39991767/article/details/126784555

版权

富文本插件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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);
      });