如何通过脚本包含使用 CKEditor5 (Vue2) 插件？

问题描述

我在 Vue2 中使用 ckeditor5。在我的 webpack 构建中使用“导入”给我带来了很多挑战。这些挑战涉及：

无法解析某些文件类型。
正在尝试升级我的软件包。
将配置部分添加到 webpack 配置文件中。
必须修复我的 css 中的图像引用，因为包解析内容的方式发生了重大变化。
看到我的 dist 文件夹中弹出一些 png 文件，但其他人没有。（为什么？）
最终遇到了一般性错误，我找不到可用的解决方案。
不理解我在做什么。

我现在没有时间学习更好的 webpack。我想通过脚本包含继续使用 ckeditor5。

到目前为止，没有插件，这不是问题。现在，我想使用插件。但是我的插件包含导致错误。

我的页面上有：

<script src="~/lib/ckeditor5/ckeditor5-build-classic/build/ckeditor.js"></script>
<script src="~/lib/ckeditor5/ckeditor5-vue2/dist/ckeditor.js"></script>

我的 Vue 组件：

Vue.use(CKEditor);

并且它还具有 ckeditor5 Vue2 组件（editor、editorConfig）所需的所有数据道具。

这总是给我一个有效的 ckeditor5。

现在我还想包含图像插件，以便我可以从 URL 插入图像。所以我这样做：

<script src="~/lib/ckeditor5/ckeditor5-build-classic/build/ckeditor.js"></script>
<script src="~/lib/ckeditor5/ckeditor5-image/build/image.js"></script>
<script src="~/lib/ckeditor5/ckeditor5-vue2/dist/ckeditor.js"></script>

image.js 现在抛出一个控制台错误：

image.js:5 Uncaught TypeError: i(...) is not a function
    at Object.window.ckeditor5.image (image.js:5)
    at i (image.js:5)
    at Module.<anonymous> (image.js:5)
    at i (image.js:5)
    at window.ckeditor5.image (image.js:5)
    at image.js:5

MediaEmbed 插件的作用相同，这可能并非巧合，这可能意味着我做错了什么。

我从 official docs 了解到他们更愿意看到您使用 import 语句，但他们确实演示了如何通过包含脚本来使用它。

如果可以用主要的 ckeditor5 组件来做到这一点，那么肯定也可以用插件来做到这一点吗？但没有这样的例子！

如何通过脚本包含来包含和使用 ckeditor5 插件？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ckeditor ckeditor ckeditor ckeditor5