我一直在寻找有趣的语法高亮插件,尤其是在我写教程或其他非常依赖代码的文章的场合。 太多的插件使用短代码,自定义块或其他奇怪的解决方案。 但是,一年前发布时,我故意忽略了一个选择: 代码语法块 由Marcus Kazmierczak撰写。
根据名称,我认为它是另一个独立的块。 但是,此后我又给了它一个外观,并意识到这是事实。 它与WordPress核心模块直接集成。 有时需要一个新块,但这不是其中之一。 有时最好扩展核心中的现有块。
代码语法块使用 Prism JavaScript库 在网站的前端添加语法突出显示。 该插件设计良好。 仅在使用代码块时才加载其脚本和样式。
前端PHP代码示例。
该插件不会在编辑器中加载Prism,因此代码输出将使用默认的编辑器或主题样式。 这可能不适合那些想要后端和前端之间一对一匹配的用户。 我对管理员中未突出显示的版本感到满意,同时前端具有漂亮的输出。 但是,很高兴看到一个选项或过滤器来启用编辑器中的突出显示。
开箱即用,插件使用 一个黑暗 主题,该主题是为Atom编辑器创建的,并已移植到Prism。 开发人员可以使用主题中的自定义资产/prism/prism.css文件或通过过滤要加载的路径或URL来覆盖主题。 棱镜项目有一个 各种主题 即插即用。 其他主题也存在于官方列表之外。
在管理员方面,该插件为代码块创建了一个新的“设置”选项卡,并添加了一些用户可以选择的选项:
- 语言
- 显示行号
- 代码块标题
代码语法荧光笔的编辑器视图
默认情况下,该插件不支持200多种语言的完整列表。 相反,它只列出了40多个最受欢迎的网站。 该列表是可过滤的,因此任何人都可以使用几行代码来添加或删除语言。 还有一个用于设置默认语言的过滤器挂钩,这对于那些通常以相同编码语言发布代码片段的人特别有用。
经过几天的测试,我可以肯定地说代码语法块已添加到我的WordPress工具箱中。 我希望我能早些尝试一下。
像这样:
喜欢加载中……