发布于 2026-01-06 1 阅读
0

更新日志:我们推出了一款新的测试版编辑器,您可以试用!新编辑器中新增了自动完成 Liquid 标签下拉菜单 #872

更新日志:我们推出了一款新的测试版编辑器,欢迎试用。

新编辑器中的自动完成 Liquid 标签下拉菜单 #872

各位朋友!我们推出了一款全新的编辑器,你们现在可以开始使用了!我们没有计划移除旧版编辑器,但你们现在就可以开始体验新版编辑器了!

新编辑器用起来更方便一些。它保留了我们优秀的 Markdown + Liquid 标签式文章写作风格,但移除了“frontmatter”部分,这部分内容之前让人困惑(而且本身也存在一些令人沮丧的 bug!)。

V2 版本目前仍处于未完成的测试阶段,但已经可以正常使用,并且应该能够很好地满足大多数使用场景的需求!要切换到新编辑器,请访问https://dev.to/settings/misc并切换到“v2”。

感谢Derek Hopper为此功能的上线做出的巨大贡献。相关工作已体现在这份 PR中。

如果您有兴趣改进代码质量,请随时查看此处的代码。

如果您有兴趣以任何方式参与此功能的持续开发工作,请在评论区留言,我会与您联系。它主要使用 Preact 构建。

如果你想尝试一下我认为非常酷的一个拉伸功能,请查看这个问题:

新编辑器中的自动完成 Liquid 标签下拉菜单 #872

您的功能请求是否与某个问题相关?请描述一下。作为用户,有时很难记住编辑器中 Liquid 标签的具体命令。例如,在我的代码中,我希望输入命令{% 后能够获得一个自动补全的选项列表。

补充说明:该编辑器是用 Preact 构建的,理想情况下,这可以在不引入新依赖项的情况下完成,但如果我们需要使用preact-compat,我们也可以这样做。

我认为编辑器需要写成一个可编辑内容的div,并且我们会监听输入等操作。

最终它的工作方式应该与我在 VSCode 等软件中使用自动补全功能的方式类似。 🙂

它可能看起来像这样:

祝您编程愉快!

文章来源:https://dev.to/devteam/changelog-we-have-a-new-beta-editor-you-can-try-4hl9