背景

如果你想在Joomla中使用的是默认编辑器(TinyMCE),并且想要代码块的语法高亮,那么这个作者的插件可以完全实现;它基于著名的PRISM,而且在你切换了编辑器或者关闭了TinyMCE之后,之前的语法高亮也不会丢失。

特性

  • 使用Joomla更新
  • 多种样式
  • 使用自动加载器的支持比TinyMCE更多的语言高亮
  • 使用行号(得手动完成,在<pre>标签中添加)
  • 本地存储CSS和JS,无需加载外部资源,删除TinyMCE后语法高亮不会丢失

示例(默认设置)

6e24f0f30db87445b0d75ed6186d9a17.png

示例其他语言

8d4680b7c9a61301f9d8529aa41ed8e0.png

示例-显示行号

bf5d337a377c0f8fc6d25005e627bcc5.png

关于“@”符号识别为电子邮件的问题解决

有时候命令里面包含“@”符号,如果不加以处理,它会被识别成电子邮件
fd7757ea9cf543b5d08cc17b14f21038.jpg

解决方法很简单,只需要在文章顶部添加一个标记即可

c6b9c6475d606306bc8cd5598edc8948.jpg

如何安装

  1. 下载并安装
  2. 启用插件
  3. 配置插件(可选)

如何使用

像往常一样使用TinyMCE的“插入代码”按钮,常规的插入代码;
3d9d800ad74f45263495ca0ecd6fa16e.jpg

切换到代码页,需要你手动修改标记以实现你想要的功能代码高亮或显示行号;TinyMCE使用\pre\标签渲染代码,需要修改这个默认标签加载CSS才行

比如PHP的显示行号和代码高亮

9e7f1507b5156f4a05a33caf2511a7f0.png

Prism支持很多高亮,如果是SQL的话,那么修改一下即可实现

3ad86bcfdb4f87e61f50fc06d11ab1c6.jpg

并且必须将插件配置修改为“自动加载器(Autoloader)”

a6b2edaecf992b271cfd1388d42892e2.jpg

如果你的joomla安装在子目录中,例如example.com/joomla/这种情况下,则必须使用“All”选项

下载页面
GitHub页面

兼容性

  • Joomla 3.x
  • Joomla 4(beta)

授权协议

此插件“PRISM(prismjs.com)”用于Joomla的语法高亮使用GPLv3许可证发布;此插件包含的Prismjs.com的代码使用MIT发布

更新日志

  • 2019.05.02发布1.1.6版
    • 将在线配置文档添加到配置页面中

更多更新日志,请访问作者博客页面

发表评论

电子邮件地址不会被公开。 必填项已用*标注

1 + 20 =