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

阅读 3.7k
2 个回答

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题