carbon / codepen
与由 Fusion 渲染的实时预览代码并行。您可以通过 Fusion 进一步配置它,使用 JavaScript 预览或注入 JS 和样式
0.2.11
2024-04-19 07:23 UTC
Requires
- neos/neos-ui: ^7.3 || ^8.0
- dev-main
- 0.2.11
- 0.2.10
- 0.2.9
- 0.2.8
- 0.2.7
- 0.2.6
- 0.2.5
- 0.2.4
- 0.2.3
- 0.2.2
- 0.2.1
- 0.2.0
- 0.1.0
- dev-dependabot/github_actions/actions/setup-node-4.0.4
- dev-dependabot/npm_and_yarn/Tests/Integration/TestDistribution/micromatch-4.0.8
- dev-dependabot/npm_and_yarn/Tests/Integration/TestDistribution/braces-3.0.3
- dev-dependabot/npm_and_yarn/Resources/Private/Plugin/babel/traverse-7.23.2
This package is auto-updated.
Last update: 2024-09-23 10:24:41 UTC
README
实时(Fusion)预览
与由 Fusion 渲染的实时预览代码并行。您可以通过 Fusion 进一步配置它,使用 JavaScript 预览或注入 JS 和样式
Tailwind CSS 支持
- 使用 Tailwind 代码补全和悬停支持等
- 使用带有插件的 Tailwind 自定义配置
- 对于实时预览,样式是从内容生成的
AFX 支持
- 基于 HTML,带有配置的 Fusion 对象的代码补全和悬停文档。
CodePen 功能
- 全屏(F11),保存(Ctrl+S)和关闭(Ctrl+Q)
- 切换预览的顶部/底部或左侧/右侧
- 多个可配置标签
- 为标签配置自定义补全项。您甚至可以使用 ClientEval 和动态引用其他节点属性。
- 配置语言
常见问题解答
这个编辑器中 Tailwind 的用途是什么?我如何保存生成的样式?
除非您在服务器上使用 NodeJS 并希望在服务器上创建管道,否则您无法使用它。正如实时预览所示,客户端生成样式是可能的,但我们还不知道如何将其包装成优秀的 API。如果您想帮忙并对此有任何想法,请随时联系我们!