Crayon Syntax Highlighter 强大的WP代码高亮插件安装方法

这篇具有很好参考价值的文章主要介绍了Crayon Syntax Highlighter 强大的WP代码高亮插件安装方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

无意中发现一款功能强大的Wordpress代码高亮插件 – Crayon Syntax Highlighter,我认为可以算是目前样式最多、易用性最高、功能最强的 WP 代码高亮插件了,程序员必备插件。
效果图:

WordPress代码高亮插件(Crayon Syntax Highlighter) v2.7.2文章来源地址https://www.toymoban.com/news/detail-415157.html

  • 类型:php其它
  • 大小:1.8MB
  • 语言:英文软件
  • 时间:2015-10-18
查看详情

安装方法:
WP后台插件页面搜索“Crayon Syntax Highlighter”安装即可。
支持的语言:

ABAP、ActionScript、AmigaDOS、Apache、AppleScript、Arduino、Assembly、AutoIt、C、C#、C++、CoffeeScript、CSS、Delphi/Pascal、Diff、(thanks、to、omniavin)、Erlang、(thanks、to、Daniel)、Go、Haskell、HTML、(XML/XHTML)、Lisp、Lua、Microsoft、Registry、MIVA、Script、Monkey、MS-DOS、MySQL、Java、JavaScript、Objective-C、Perl、PHP、PostgreSQL、PowerShell、Python、R、Ruby、Scheme、Shell(Unix)、Transact-SQL、TeX、Vim、Visual、Basic、YAML…
Crayon Syntax Highlighter 特点:
集成主题编辑器
切换行号
复制 / 粘贴代码
在新窗口中打开代码
支持 bbPress
自动获取博客文章 / 评论中的
进行高亮
远程请求缓存
可以在一个代码框内混合语言高亮显示
支持迷你标签,如 [php] [/php]
可以在行内调用代码高亮
支持
 标记 
手机 / 触摸屏设备检测
鼠标事件交互(例如在工具栏上双击可以全选代码)
Retina!
文件扩展名检测
设置实时预览
支持修改尺寸,边距,对齐方式,字体大小,行高……
使用方法:

使用方法与SyntaxHighlighter 类似,同样是在html编辑模式下,使用该类语言的标签,比如你的代码是C++,
[C++]
your code
[/C++]
使用方法是在HTML编辑模式下   由于编辑器问题后面的所有换成 []

[py]
some code [php]echo “whassup?”;[/php]
[/py]
如果代码中的代码也被转化了,那么就使用以下格式
由于编辑器问题需要将换成 []
[py]…[/py]
由于编辑器问题需要将换成 []
[py]…[/py] 由于编辑器问题需要将换成 []
中间的代码不会被自动转换。
如果 代码中还要放 代码是不行的,同理[py]代码中再放[py]代码也是不行的,只能交错放,比如要显示[html]代码,就外面放[py],里面放
如果你还嫌麻烦,那么请使用可视化模式下的工具吧,安装完Crayon后,可视化编辑第一行菜单最后一个是该插件的选项,你可以点击它,直接拷贝你想高亮的代码进入就可以了。

到了这里,关于Crayon Syntax Highlighter 强大的WP代码高亮插件安装方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode高亮插件——highlight-words(高亮代码、高亮变量、突出显示)

    高亮文字 这个扩展是基于示例VS Code扩展decorator-sample进行调整的,灵感来自于atom-quick-highlight。 它为所有编辑器中出现的每个选定的单词创建一个装饰。 使用方法 您可以通过选择命令面板中的\\\" Highlight Toggle Current \\\"来添加单词,这将突出显示光标处或选择的单词。 要停止突出

    2024年02月16日
    浏览(35)
  • vue+prismjs 网页代码高亮插件

    最近在使用wangEditor的过程中发现编辑器中代码块展示没有问题,但是预览编辑器中的内容样式丢失,看过wangEditor的文档后发现用到了Prism.js,现将使用的经验分享。 打开  babel.config.js ,在module.exports中的plugins添加以下配置,如果原本没有plugins可以手动添加 配置后 babel.con

    2024年02月05日
    浏览(37)
  • 【Unity】智能提示和高亮Shader代码插件

    笔者最近在学习编写unity的shader,这玩意需要的知识本来就多,偏偏VS对shader的CG、HLSL等语音的智能提示不足,因此急需一些手段进行提示。研究结论如下,废话不多说直接上图: (1)在VS中的扩展——管理扩展能够下载到ShaderLabVS,一个免费的shader提示插件,安装流程可以看

    2024年02月13日
    浏览(27)
  • Echarts基础-安装语法高亮插件&less-rem转换动态适配大小

    Echarts是一个功能强大的JavaScript开源可视化库,专门用于创建各种图表和数据可视化。 以下是关于Echarts的一些基础介绍: 丰富的图表类型:Echarts提供了包括折线图、柱状图、散点图、饼图、雷达图、地图等多种常见的图表类型,满足不同的数据展示需求。 兼容性良好:它可

    2024年04月10日
    浏览(38)
  • VSCODE-Verilog开发插件/(代码格式化+Verilog文件树显示+一键例化+UCF转XDC+代码错误检查+语法高亮)

    VSCODE插件,可实现功能: 变量对齐 逗号对齐 括号对齐 快捷键:CTRL + L 例化的代码自动复制到剪切板 快捷键:ctrl+shift+p :输入 Convert_instance 正常顺序转换 可实现序号的从小到大的排列 快捷键:ctrl+shift+p :输入 Convert UCF to XDC NORMAL ORDER 或 Convert UCF to XDC SORT ORDER ucf, xdc, do, tcl 语法

    2024年03月10日
    浏览(39)
  • 一个强大的 VS Code 的AI代码插件:Fitten Code

    AI 代码助手有  GitHub Copilot ,一直想用,但是要爬梯子,还要收费。 一款国产AI写代码神器 Fitten Code ,满足了我对AI写代码的幻想。它在功能上基本和 GitHub Copilot 差不多。 重要是的是,免费,免费,完全免费!啊啊啊啊啊~~~~ 官网:免费好用的AI编程助手 - Fitten Code Fitten Co

    2024年04月12日
    浏览(36)
  • Monaco Editor安装,vue3中使用,自定义高亮,自定义提示,附完整代码

    root中为高亮规则。[/curl/, {token: “string.escape”}]:表示 ‘curl’ 的高亮颜色为粉色 高亮颜色参考:https://microsoft.github.io/monaco-editor/monarch.html 效果: 效果: 1、父组件:HomeView.vue 父组件中传给子组件所需的组件高度、初始内容、高亮类型、是否只读 子组件通过editorChange方法给

    2024年02月16日
    浏览(39)
  • Wp模板,免费WordPress模板,WordPress插件详解

    Wp模板,最近很多站长问我有没有对SEO优化友好的WordPress模板主题。不要问有没有WordPress模板主题,问就是有wp模板主题。但是我们站长如果想做好SEO优化,我们光有“漂亮”的WordPress主题模板是不够的,我们要做SEO基础优化一步一步对网站进行SEO站内优化以及SEO站外优化。我

    2024年02月13日
    浏览(44)
  • SubLime Text PackageDev 插件高亮规则设置

            作为一名 Android 开发工作者,开发过程中查看日志文件最经常使用的就是 Android Studio 的 Logcat 了,而且最新版本的 AS 的 Logcat 做了调整,友好度有了非常高的提升。 但是有时我们需要看的是后台上传过来的日志,此时 Logcat 就无法发挥作用了,由于我使用的是一台

    2024年02月06日
    浏览(39)
  • Unity 基于URP使用HighlightPlus高亮插件

    本文章只说明使用步骤,怎么设定引用HighlightPlus高亮插件,不做详细介绍。 1) 确保已安装Universal Rendering Pipeline渲染管线资产(从Package Manager中查看)。 2) 转到“Project Settings / Graphics”。 3) 双击“Universal Rendering Pipeline asset”资源。   4) 双击“Forward Renderer asset”资源。

    2024年02月12日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包