javascript - 从纯 JavaScript 使用 CKEditor 5 DecoupledEditor
问题描述
我正在尝试使用 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 打来的,但这并不重要。
解决方案
事实证明,如果我使用
<script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/decoupled-document/ckeditor.js"></script>
而不是我自己的 bundle.js,我可以直接从我的 javascript 调用 DecoupledEditor.create(...) 而无需任何导入。所以我想我的问题是我无法用我的构建脚本构建 DecoupledEditor。
推荐阅读
- generics - Kotlin 泛型使用 when 检查类类型
- windows - 如何在 Windows 10 中打开或读取复制的系统注册表文件而不导入
- mysql - Typeorm如何获取关系的关系
- grafana - Grafana 中简单查询的空数据。表工作正常
- python - 其他行的日期时间的 Pandas 数据框条件
- umbraco - Umbraco 外部会员提供商
- angular - 如何避免循环依赖(特殊情况)
- delphi - 如何判断一个对象是否是从 Streaming 创建的
- angular7 - Ng2-Charts 数据更改时图表的颜色发生意外变化
- swift - iOS 13 modalPresentationStyle = UIModalPresentationFullScreen not working for MFMessageComposeViewController