jajuma/module-syntax-highlighter

JaJuMa Syntax Highlighter 4 页面构建器适用于 Magento 2

维护者

详细信息

github.com/JaJuMa-GmbH/syntax-highlighter-4-page-builder

源代码

问题

安装次数： 3,785

依赖项: 0

建议者: 0

安全: 0

星标: 3

关注者: 1

分支: 1

公开问题: 0

语言：CSS

类型：magento2-module

1.0.3 2024-02-06 03:26 UTC

MIT 6792e48fac165737aab004c0e27665d7f95f9bbb

  • JaJuMa <info.woop@jajuma.de>

This package is auto-updated.

Last update: 2024-09-06 04:47:13 UTC

README

JaJuMa Syntax Highlighter 4 页面构建器通过 JaJuMa 添加语法高亮以及行号和颜色图标，用于 Magento 2 页面构建器中的 HTML、CSS 和 JavaScript 代码。

兼容性

功能

本扩展为 Magento 2 页面构建器 HTML 编辑器提供以下改进：

  • HTML、CSS & JS 以及 Magento 指令的语法高亮（包含 41 种主题）
  • CSS 颜色（十六进制、rgba、hsl、网络颜色）的颜色图标
  • 自动添加行号
  • 悬停时高亮匹配的大括号/通过彩虹颜色高亮
  • 在输入行中断处保留缩进
  • 显示不可见字符（空格、制表符、换行符）
  • 悬停时预览 CSS 值（角度、颜色、渐变、缓动函数和持续时间）

注意

正在寻找更多针对 Magento 2 页面构建器的改进吗？
想要使用 git 来管理 Magento 2 中的静态内容吗？
➡️ 查看我们的 git 4 Page Builder 扩展。

更多信息、扩展描述和手册

演示

截图

安装

通过 composer 安装，就像从 github 安装任何其他 Magento 扩展一样

composer require jajuma/module-syntax-highlighter

使用 Syntax Highlighter 4 Page Builder

转到 JaJuMa -> Syntax Highlighter -> 配置
启用并配置扩展。使用页面构建器中的 HTML 编辑器 - 开心编码！

许可证

代码采用 MIT 许可证 (MIT) 许可。

致谢

由 PrismJS 和
非常感谢 @Oliver Geer 在 https://css-tricks.cn/ 上的出色文章，该文章在创建此模块时帮助很大，以及
@Gordon Lesti 对使用 PrismJS 的 Magento 指令进行语法高亮的贡献。

JaJuMa 提供的其他 Magento 2 扩展

JaJuMa的其他服务

© JaJuMa GmbH | www.jajuma.de