1

我正在尝试使用 CKEditor 5 框架和我自己的插件来构建一个自定义编辑器。

我的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然后包含<script src='dist/bundle.js' />在我的 HTML 文件中，那么一切正常，我得到一个带有我自己的插件的 CKEditor :)

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

如何从纯 javascript 中使用 CKEditor 5 DecoupledEditor？

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

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

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

“TypeError：解析模块说明符时出错：@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor”

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

4

1 回答 1

0

事实证明，如果我使用

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

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

于 2018-06-01T18:56:24.383 回答