主页
目录
友链
活动
关于
目录大纲

Lucence Editor

| 84 | 5 | 其它

Lucence Editor

Lucence Editor

Lucence Editor 是以 Toast UI Editor 为内核而打造的功能性更好的 Markdown 编辑器。经过长期的适配、调整与改进，Lucence Editor 不仅解决了 Tool Bench 插件带来的错误文章结构问题，更打造了沉浸式的 Markdown 撰写环境。

更好的功能

Lucence Editor Light Mode

Lucence Editor 的专攻领域在于 Markdown 与 自定义元素样式 上，为此，Lucence Editor 嵌入了方便于写作的多种功能，让我们进一步了解它们：

  1. 深色与浅色模式：Lucence Editor 考虑到了写作者在不同光照环境下写作的情景，为编辑器集成了深色与浅色的主题切换快捷键。同时这个状态会伴随您的浏览器而存在，不用担心下次刷新时会丢失主题模式。

  2. VS Code布局：Lucence Editor 采用了 VS Code 的布局样式，整体分为了 6 大板块：

    1. 顶部的工具栏

    2. 左侧的编辑区

    3. 右侧的预览区

    4. 底部的状态栏

    5. 右下角的通知栏

    6. 左下角的扩展坞

    这种布局样式将使您更专注于写作，无论您是代码工作者还是其他方面的写作者都可以轻松上手这款编辑器。

  3. Markdown语法：Lucence Editor 的内核为 Toast UI Editor 因而在功能上完全支持所有 Markdown 语法进行内容撰写。

  4. 全文搜索与替换：Lucence Editor 使用了自研的 Amber Search 引擎来作为全文搜索与替换功能，与 VS Code 本身的功能一样，Amber Search 同样支持使用正则表达式进行内容搜索与替换。

  5. 通知中心：Lucence Editor 的通知中心位于右下角，您可以根据喜好来使用勿扰或响铃模式，这个模式将同样伴随您的浏览器与所有文章。

  6. 扩展坞：扩展坞是 Lucence Editor 最强大的功能，它允许第三方开发者利用扩展快速开发模板来创建属于自己的编辑器扩展，这部分内容稍后会详细介绍。

  7. 使用主题自带扩展：得益于前面一点的存在，Lucence Editor 可以轻松地识别到您的主题自带的扩展并将其安装到您的扩展坞中以供使用。

  8. 持续更新：Lucence Editor 仍然处于萌芽阶段，任何的 issue, pull request, advise 都可以在 GitHub 中提出。

Lucence Editor Light Mode

扩展坞

Lucence Editor 扩展坞(Extensions)是编辑器的核心功能之一，在您安装 Lucence Editor 后会携带一个默认的内置扩展，这为 Lucence Editor 提供了基本的 工具栏, 命令, 事件, 渲染器, 组件 功能。通过 fork 扩展快速开发模板 仓库，你可以自主开发需要的扩展能力。更详细的开发文档会在后续的文章中推出。

扩展中定义的组件允许写作者插入自定义的元素样式，这省去了写作者可能需要撰写大量的 HTML 标签的功夫，同时也避免了在早期 Tool Bench 插件因为反射而改变文章结构的错误情况。

Lucence Editor Dark Mode

附件与其它参考

  1. Lucence Editor GitHub: https://github.com/DioxideCN/plugin-lucence-for-halo

  2. Default Lucence Plugin GitHub: https://github.com/DioxideCN/default-lucence-plugin

  3. Toast UI Editor GitHub: https://github.com/nhn/tui.editor

  4. Font Awesome: https://fontawesome.com/icons

  5. Cod Icon: https://microsoft.github.io/vscode-codicons/dist/codicon.html

  6. Tool Bench Plugin: https://www.halo.run/store/apps/app-SsYlH