ckeditor5-vue可以使用,但没有默认样式,是怎么回事?

<template>
  <div>
    <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
  </div>
</template>

<script>
  import BalloonBlockEditor from '@ckeditor/ckeditor5-build-balloon-block';
  import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn'
  export default {
    name: 'HelloWorld',
    data () {
      return {
        editor: BalloonBlockEditor,
        editorData: '<p>Content of the editor.</p>',
        editorConfig: {
          language: 'zh-cn',//中文包
          ckfinder: {
            'uploaded': 1,
            'url': '/'
            // 后端处理上传逻辑返回json数据,包括uploaded(选项true/false)和url两个字段
          },
          blockToolbar: {
            items: [ 'paragraph', 'heading1', 'heading2', '|', 'heading','imageUpload','insertTable' ],
            shouldNotGroupWhenFull: true
          }
        }
      }
    }
  }
</script>

image.png

image.png

阅读 173
评论
    2 个回答

    看一下这个库内部是否有style文件,有就import进来。

      • 1
      • 新人请关照

      有没找到解决的办法 或者怎么编辑样式

        撰写回答

        登录后参与交流、获取后续更新提醒