首页 > 其他分享 >测试highlighter语法高亮

测试highlighter语法高亮

时间:2022-09-24 02:22:15浏览次数:75  
标签:高亮 highlighter 代码 位置 语法 print world hello

一些Highlighter参数简介:

<div class="cnblogs_Highlighter">
<pre class="
brush: cpp; //指定编程语言,以此来决定代码着色规则
title:null; //设置显示在被着色代码块上方的Title。**该参数不生效
auto-links: fasle; //是否自动将网址转换为链接,默认关闭。**该参数不生效
collapse: false; //是否默认折叠代码块。默认不折叠。**该参数不生效
first-line: 1; //设定行号的起始数值,默认从1开始。
gutter: true; //是否允许代码块显示行号。默认显示
highlight: null; //标记重要行,可用[1,3,5]这类格式,让它们高亮显示。默认不高亮
html-script: false; //是否开启 HTML/XML 标签着色特性。默认关闭。
light: false; //是否开启轻量模式。默认关闭。开启轻量模式等同于"gutter: false"  +  "toolbar: false"
ruler: false; //是否在代码上方增加一行,用于标注代码所使用的列数。默认关闭。**该参数不生效
smart-tabs: true; //是否启用智能制表符缩进
tab-size: 4; //制表符长度
toolbar: false; //设置是否显示工具栏。默认关闭。**该参数不生效
">
//代码位置
//代码位置
</pre>
</div>

示例代码:

<div class="cnblogs_Highlighter">
<pre class="brush: python;first-line: 1;gutter: true;highlight: [2,3];">
print('hello world hello world hello world hello world hello hello world')//代码位置
print('hello world')//代码位置
print('hello world hello world hello hello world')//代码位置
</pre>
</div>

效果如下:

print('hello world hello world hello world hello world hello hello world')//代码位置
print('hello world')//代码位置
print('hello world hello world hello hello world')//代码位置

注:这种代码块高亮,最好保持代码长度在一行以内,且很多参数无法修改。


参考链接:
https://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html
https://wordpress.diguage.com/archives/59.html


标签:高亮,highlighter,代码,位置,语法,print,world,hello
From: https://www.cnblogs.com/jianmuzi/p/16724822.html

相关文章

  • JSX反应语法-转载
    JSX语法详解在之前的react基础文章中,创建元素使用的是React.createElement()方法,利用方法创建单层元素还算可以,可是如果出现嵌套结构,使用这种方法就会比较繁琐而且......
  • Markdown语法笔记
    Markdown学习网站:https://commonmark.org/help/Markdown语法笔记Markdown目录(自动生成):[TOC]Markdown标题:#这是H1##这是H2###这是H3Markdown列表:-列表......
  • python注释语法与基本的数据类型
    python注释之语法1.注释可以理解为在我们在学习文言文的时候,碰到某一个词不会,课文会对这个词进行解释方便我们理解,在编程中为了方便别人或者我们自己以后在看我们程序......
  • pycharm,语法注释,部分PEP8规范,常量与变量的基本使用,几个数据类型
    pycharm下载与使用网址:https://www.jetbrains.com/pycharm/download/#section=windows1.该软件分为收费版和免费版免费版功能太少(community)我们尽量使用收费版(prof......
  • pycharm的安装与基础语法
    今日内容总结pycharm的安装与使用1.该软件分为收费版和免费版免费版功能太少(communit)所以我们尽量使用收费版(professinal)收费版有30天免费试用2.想要免费试用......
  • python的基础语法
    python的基础语法python语法之注释注释的最大作用是提高程序的可读性,在开发过程中非常有必要加上注释。Python支持两种类型的注释,分别是单行注释和多行注释。单行注......
  • python语法与基本数据类型
    python语法与基本数据类型python语法之注释什么是注释注释就是对一段代码的解释说明注释的编写注释的编写在python中有几种方式警号+空格后面跟解释说明#注释......
  • python学习之路Day03(pyhcarm基础配置/python基础语法/简单数据类型)
    今日内容概要pycharm基础设置PEP-8规范/python基础语法变量与常量定义基本数据类型(整形int,字符串str,浮点型float,字典dict,列表list)首先我们要学习Pycharm......
  • echarts图表(三),轴label添加hover高亮及图标
      如果,想要做y轴labelhover后后面出现图表,文字高亮,主要使用的是yAxis.axisLabel.formatter,yAxis.axisLabel.formatter,配合echarts实例的mouseovermouseout事件,通......
  • Markdown语法
    Markdown语法学习标题在标题前面加加一个“#”,直接就能产生标题的效果(#标题);如果没效果可以在“#”和标题之间加上一个空格(#标题);一级标题加一个“#”,二级标题加两个“#”......