JQ Syntaxhighlighter 插件优化设置

最新推荐文章于 2018-10-29 17:14:09 发布
最新推荐文章于 2018-10-29 17:14:09 发布
阅读量137 收藏
点赞数
分类专栏： 境-JS 文章标签： Syntaxhighlighter Syntaxhighlighter插件 代码高亮 优化设置 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Syntaxhighlighter 插件</title>
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'syntaxhighlighter/scripts/clipboard.swf';
SyntaxHighlighter.config.strings = {
	expandSource :'展开代码',
	viewSource :'查看代码',
	copyToClipboard :'复制代码',
	copyToClipboardConfirmation :'代码复制成功',
	print :'打印',
	help:'?',
	alert:'',
	noBrush:'请联系管理员，错误码: ',
	brushNotHtmlScript:'没有这类型的代码，错误码：',
	aboutDialog:'一站式网络'
};
SyntaxHighlighter.all();
//屏蔽工具条显示
//SyntaxHighlighter.defaults['toolbar'] = false;
</script>
<style type="text/css">
.syntaxhighlighter .toolbar .item.printSource{ display: none !important;}
.syntaxhighlighter .toolbar .item.about{ display: none !important;}
</style>
</head>
<body>
<pre class="brush:html;">
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no&quot;&gt;
&lt;title&gt;新建H5模板&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
    body{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; color:#5b5b5b; background-color:#fff; font-size:14px; overflow-x:hidden;}
    a{ color:#333; text-decoration:none;}
    a:hover{ color:#333; text-decoration:none;}
    img{ border:none;}
    i,em{ font-style:normal;}
    li{ list-style-type:none;}
    textarea{ resize:vertical;}
    input, select, textarea{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; background-color:#fff margin:0; padding:0; outline:none;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h3&gt;阅谁问君诵，水落清香浮&lt;/h3&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        alert(&quot;测试吧&quot;);
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>

 

Syntaxhighlighter 插件优化设置如下：禁止打印图标和帮助图标的显示，把提示的内容修改为中文，提供了禁止工具条显示的方法。

 

效果图：

 

 

 

 

 

iteye_17658
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery 语法高亮插件SyntaxHighlighter调用示例
05-01
内容索引:脚本资源,jQuery,语法高亮,jQuery插件　　jQuery 语法高亮插件调用示例，本插件核心仍是SyntaxHighlighter，但是经过了简化处理，现在调用方法和所用脚本文件都比较少，效果也挺不错，演示如上图，语法高亮在程序类网站很有用，可以清淅的显示代码，让阅读者阅读代码更方便。
使用jQuery添加SyntaxHighlighter帮助文本
06-16 95
嗨，大家好，有人问我如何从我的jQuery的博客复制代码，我看到了这一点不明确，你可以双击选择，编辑和复制的代码。 所以，我写的jQuery一点点地解决这个问题。 现在，经过对所有代码箱子几秒钟红色文本出现说这一点。 尝试只刷新上有它的代码博客的任何页面！ 另请参见： 如何显示jQuery的源代码在您的博客 。 From: https://www.sitepoint.com//jquery-...
syntaxhighlighter 代码高亮 - 插件化
草巾冒小子的博客
10-29 4684
之前做过很多网站，不同的网站也都有不同的经验总结，只是前些年都不怎么注重线上博客。由于现在自身技能的不断丰富，个人的插件库、总结性的经验文档、项目解析实例等等，也都逐渐丰富起来。着实令自己迎难而上的信心倍增。 之前按照老板需求，给自家公司做过一个教育类的推广网站，只是当时没有UI设计，一直也不得闲，后来被老板叫停说等以后有空闲再谈这个。所以，也一直没有将经验放到网上去。 如今，再整理自己的个人博客...
jQuery 关键字高亮插件 - jQuery Highlighter v1.0.0 发布
XuJin.NET 的专栏
10-23 3190
jQuery Highlighter 是一个用来高亮显示文本关键字的 jQuery 插件。
SyntaxHighlighter异步着色问题
默默地博客
10-11 461
用SyntaxHighlighter插件动态高亮，SyntaxHighlighter异步着色
wps代码块插件wps-syntaxhighlighter
10-06
wps代码块插件
FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
10-29
FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合方法，里面有下载，可以根据需要结合自己的fckeditor版本。
SyntaxHighlighter语法高亮插件使用说明
09-05
SyntaxHighlighter是一款流行的开源代码高亮插件，它主要用于网页上展示源代码，使得代码更加易读、美观。本篇文章将详细介绍如何使用SyntaxHighlighter，以及如何为不同编程语言进行语法高亮。 首先，要在网站上...
SyntaxHighlighter 语法高亮插件的使用教程
10-29
现在做it编程类信息的网站，提供的源码如果能提供代码高亮对代码的阅读效果会提高不少。
博客美化：通用代码高亮插件（SyntaxHighlighter）
09-28 547
写这篇博文的起源是我想把自己的博客弄的更加美观，相信你也一样。 首先，我要说SyntaxHighlighter插件的实现方式及应用示例，然后再说明如何将其应用到自己的博客，使博客的代码着色更加美观。 源码: SyntaxHighlighter 示例源码下载 SyntaxHighlighter SyntaxHighlighter 源码下载 ...
SyntaxHighlighter
juzhengqian9510的博客
11-01 1718
代码高亮最近项目里需要代码高亮的功能，从网上看到了很多代码还是不行。遇到两个问题： 1、dp.SyntaxHighlighter.HighlightAll(‘code’); 报错：dp is not defined 2、抛弃第一种写法后使用 SyntaxHighlighter.all(); 错误：是能高亮以pre标签写的代码。textarea标签的代码不能正常展示。 后来，用firebu
minishell脚本
08-09
代码
【创新发文无忧】Matlab实现星雀优化算法NOA-DELM的故障诊断算法研究.rar
08-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
ssm_068_mysql_学生智能选课系统_.zip
最新发布
08-09
目前大数据、信息化、网络科技等技术发展迅猛，各行各业都在利用最新的技术应用替换原来的陈旧应用，这样既提升了办公效率，同时也加快了各行业的发展进程。在众多行业中，教育行业又显得颇为重要，因为教育关系到孩子的未来成长，直接影响到未来科技人才的培养。 在教育领域中，除了必修的专业课程之外，还有选修课程。如何让学生更好的更精准的去选到自己想要的课程，就显得尤为重要了。ssm基于Java学生智能选课系统解决了以上问题，它可以让学生轻松选到自己喜欢的课程，整个系统的智能化设计理念更让老师、同学及课程之间的信息交互实现了无缝链接。 在未来教育的发展当中，会有越来越多的院校使用本系统，原因包括以下几点，首先就是它的大方直观页面展示带来的美好视觉效果，其次是操作简便并准确快速找到自己的喜欢课程、教师及上课的时间段，再有就是随时随地的在任意网络上均可登录本系统进行选课，时间上非常的灵活。
财务对账系统表（发票管理）.xls
08-09
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
PPAP Submission Cover Page - Master Blank.doc
08-09
PPAP Submission Cover Page - Master Blank
ssm_111_mysql_编程类在线答题系统_.zip
08-09
摘 要 伴随着人才教学的关注度越来越高，对于人才的培养也是当今社会发展的最为重要的问题之一。为了进一步的进行人才的培养关工作，许多的学校或者是教育的机构逐步的开展了网络信息化的教学和和管理工作，通过信息化的手段和技术实现网络信息化的教育及管理模式，通过网络信息化的手段实现在线答题在线考试和学生信息在线的管理等操作。这样更加的快捷解决了人才培养之中的问题，也在进一步的促进了网络信息化教学方式的快速的发展工作。相较于之前的人才教育和培养工作之中，存在这许多的问题和局限性。在学生信息管理方面通过线下管理的形式进行学生信息的管理工作，在此过程之中存在着一定的局限性和低效性，往往一些突发的问题导致其中工作出现错误。导致相关的教育工作受到了一定的阻碍。在学生信息和学生成绩的管理方面，往常的教育模式之下都是采用的是人工线下的进行管理和整理工作，在这一过程之中存在这一定的不安全和低效性，面对与学生基数的越来越大，学生的信息管理也在面领着巨大的挑战，管理人员面领着巨大的学生信息的信息量，运用之前的信息管理方式往往会在统计和登记上出现错误的情况的产生，为后续的管理工作造成了一定的困难。然而通过信息化的管理方式进行对学生信息的管理不仅可以避免这些错误情况的产生还可以进一步的简化学生信息管理工作的流程，节约了大量的人力和物力的之处。在线答题系统的实现不仅给学生的信息管理工作和在线考试带来了方便也进一步的促进了教育事业信息化的发展，从而实现高效化的教学工作。
pyqt SyntaxHighlighter
05-19
PyQt 中的 `QSyntaxHighlighter` 类可以用于实现文本编辑器中的语法高亮。以下是一个简单的示例： ```python from PyQt5.QtGui import QColor, QTextCharFormat, QFont, QSyntaxHighlighter from PyQt5.QtCore import Qt, QRegExp class SyntaxHighlighter(QSyntaxHighlighter): def __init__(self, parent=None): super(SyntaxHighlighter, self).__init__(parent) keyword_format = QTextCharFormat() keyword_format.setForeground(Qt.darkBlue) keyword_format.setFontWeight(QFont.Bold) keyword_patterns = ["\\bdef\\b", "\\bclass\\b", "\\bif\\b", "\\belif\\b", "\\belse\\b", "\\bwhile\\b", "\\bfor\\b"] self.highlighting_rules = [(QRegExp(pattern), keyword_format) for pattern in keyword_patterns] def highlightBlock(self, text): for pattern, format in self.highlighting_rules: expression = QRegExp(pattern) index = expression.indexIn(text) while index >= 0: length = expression.matchedLength() self.setFormat(index, length, format) index = expression.indexIn(text, index + length) ``` 在上面的示例中，我们定义了一个名为 `SyntaxHighlighter` 的类，该类继承自 PyQt 中的 `QSyntaxHighlighter` 类。在 `__init__` 方法中，我们定义了一些关键字的格式和正则表达式模式。在 `highlightBlock` 方法中，我们会对输入的文本进行匹配，并且对匹配到的关键字进行高亮处理。 为了使用该类，我们需要将其应用于文本编辑器的某个部分。例如： ```python from PyQt5.QtWidgets import QApplication, QTextEdit, QVBoxLayout, QWidget app = QApplication([]) editor = QTextEdit() highlighter = SyntaxHighlighter(editor.document()) layout = QVBoxLayout() layout.addWidget(editor) widget = QWidget() widget.setLayout(layout) widget.show() app.exec_() ``` 在上面的示例中，我们首先创建了一个 `QTextEdit` 部件，然后创建了一个 `SyntaxHighlighter` 实例，并将其应用于 `QTextEdit` 部件的文档中。最后我们将 `QTextEdit` 部件添加到一个 `QVBoxLayout` 中，并将其添加到一个 `QWidget` 中进行显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值