blesta / ckeditor
使用在线构建器生成的 CKEditor 5 编辑器 - JavaScript WYSIWYG 网页文本编辑器。
README
此存储库展示了由 在线构建工具 生成的 CKEditor 5 编辑器构建。
快速开始
- 在浏览器中打开
sample/index.html
页面。
如果您选择了实时协作插件
-
在对话框中填写正确的令牌、WebSocket 和上传 URL 终端。如果您还没有这些或不知道它们的含义,请联系我们。
-
复制 URL 并分享它或在另一个选项卡中粘贴以享受实时协作编辑。
如果您选择了非实时协作插件
- 在提示中填写许可证密钥。如果您还没有许可证密钥,请联系我们。
配置构建
更改工具栏项目、更改图标顺序或自定义插件配置等更改相对容易进行。打开 sample/index.html
文件并编辑初始化 CKEditor 5 的脚本。保存文件并刷新浏览器。就是这样。
注意:如果您有任何浏览器缓存问题,请使用 Ctrl + R
或 Cmd + R
快捷键,具体取决于您的系统。
但是,如果您想要删除或添加插件到构建中,则需要遵循本指南的下一步。
请注意,您也可以回到 在线构建工具 并选择其他插件集。但我们鼓励您尝试更困难的方法,并学习 Node.js 和 CKEditor 5 生态系统的原理,这将使您在未来能够做更多酷的事情!
安装
为了重新构建应用程序,您首先需要安装所有依赖项。要做到这一点,请先在项目目录中打开终端,然后键入
npm install
请确保您已安装了 node
和 npm
。如果没有,请按照 Node.js 文档页面 上的说明操作。
添加或删除插件
现在您可以在构建中安装附加插件。只需按照 向编辑器添加插件教程 操作。
重新构建编辑器
如果您已经完成了 安装 和 添加或删除插件 步骤,您就可以通过运行以下命令来重新构建编辑器
npm run build
这将构建 CKEditor 5 到 build
目录。您可以在浏览器中打开,应该能够看到您在代码中所做的更改。如果不能,请尝试通过键入 Ctrl + R
或 Cmd + R
来刷新浏览器缓存,具体取决于您的系统。
接下来是什么?
请参阅 https://ckeditor.npmjs.net.cn/docs/ckeditor5/latest/framework/index.html 上的指南,并享受文档编辑。
常见问题解答
在哪里可以报告错误和功能请求?
您可以在https://github.com/ckeditor/ckeditor5/issues上创建一个问题,包括构建ID - ttpn11qwpvy2-445x4o6n1en3
。请确保问题/问题独特,请在搜索框中查找可能已提出的问题。重复的问题将被关闭。
| 我在哪里可以了解更多关于CKEditor 5框架的信息?
这里:https://ckeditor.npmjs.net.cn/docs/ckeditor5/latest/framework/
| 是否可以使用与React、Vue或Angular等常见框架一起使用的在线构建器?
目前还不行,但这些集成将在未来的某个时候可用。