Question

我正在尝试使用CKEditor 5 Framework和我自己的插件构建自定义编辑器。

我的webpack.config.js包含以下行：

module.exports = {
    // https://webpack.js.org/configuration/entry-context/
    entry: './app.js',
...

所以当我跑

时

./node_modules/.bin/webpack

它会为我生成一个bundle.js文件，其中包含我app.js的内容。

如果我的app.js文件调用了DecoupledEditor.create(...)，并且我使用./node_modules/.bin/webpack构建了所有文件，然后在我的HTML文件中包含<script src='dist/bundle.js' />，那么一切正常，我得到了一个CKEditor使用我自己的插件：）

但我真正需要的是能够从我自己的自定义手写JavaScript *中调用DecoupledEditor.create(...)，这不是使用webpack构建的，我无法让它工作。

如何在普通的javascript中使用CKEditor 5 DecoupledEditor？

我想我需要导入课程但是如果我做了

import DecoupledEditor from '@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor';

在我自己的javascript中，我只是得到了错误

＆＃34; TypeError：解析模块说明符时出错：@ ckeditor / ckeditor5-editor-decoupled / src / decouplededitor＆＃34;

*真的从GWT打来电话，但这并不重要。

Answer 1

事实证明，如果我使用

<script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/decoupled-document/ckeditor.js"></script>

而不是我自己的bundle.js我可以直接从我的javascript调用DecoupledEditor.create（...）而无需任何导入。所以我想我的问题是我无法用我的构建脚本构建DecoupledEditor。

使用CKEditor 5 DecoupledEditor与纯JavaScript

1 个答案: