如何在 CkEditor 中放置插入 Html 按钮,ClassicEditor 构建

问题描述

我是 Vue.js 的新手,我正在尝试修复源代码我有以下内容

import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
 data() {
    return {
      editor: ClassicEditor,editorConfig: {},...

 <ckeditor
                  :editor="editor"
                  :config="editorConfig"
                  v-model="service.intro_unlocalized.KK"
                ></ckeditor>  

显示为标准editor
而且我不知道如何添加 insert html 按钮。我试图安装并放置 HtmlEmbeed 插件,但它显示error of dublication of modules。所以我现在卡住了。
请帮忙

解决方法

您应该查看文档页面 https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html

添加自定义插件非常简单,请确保您已经安装了插件

npm install --save @ckeditor/ckeditor5-html-embed

然后,修改 editorConfig:{}

 editorConfig: {plugins: [ HtmlEmbed],toolbar: {
                    items: [ 'htmlEmbed',... ]}},