使用 default-lucence-plugin 模板来快速开发一个 Lucence Editor 的扩展。
-
fork本仓库
git clone git@github.com:DioxideCN/default-lucence-plugin.git # 或者当你 fork 之后 git clone git@github.com:{your_github_id}/default-lucence-plugin.git # 打开你的目录 cd path/to/default-lucence-plugin
-
初始化Node项目
npm i 或 npm install
-
配置项目
- 进入到
rollup.config.js
中,修改output.file
为你的插件名.js
- 进入到
/src/index.ts
中,按需配置插件的detail
属性
- 进入到
-
构建项目
# Lucence Editor 扩展开发的文档还在编写中 # 开发者可以先参考 /src/libs 中的注释文档进行撰写 # 完成编写后构建项目 npm run build
-
上传插件到Lucence Editor
将位于
/dist
目录下构建完成的插件上传至你的 Halo 站点的 Lucence Editor 中并刷新页面
- 在项目中您可以使用一些来自 FontAwesome 或 Codicon 的图标
- FontAwesome: https://fontawesome.com/icons
- Codicon: https://microsoft.github.io/vscode-codicons/dist/codicon.html
- Lucence Editor 的内核是 Toast UI Editor 其本身所涵盖的功能都可用过
this.core
调用,但处于安全考虑并没有在LucenceCore.ts
中暴露这些接口- Toast UI Editor: https://github.com/nhn/tui.editor
- 若您在研究 Lucence Editor 本身的源码时遇到了问题或可以提供帮助的地方欢迎您通过以下渠道与我取得联系
- GitHub Issues: https://github.com/DioxideCN/plugin-lucence-for-halo/issues
- QQ Group: 776203334