JavaScript语法高亮插件SyntaxHighlighter

最新推荐文章于 2024-03-30 12:45:59 发布
最新推荐文章于 2024-03-30 12:45:59 发布
阅读量98 收藏
点赞数
分类专栏： Javascript 文章标签： JavaScript Java ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/desert3/article/details/83725954
版权
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

SyntaxHighlighter is an open source Java Script client side code syntax highlighter. 


//注释
代码
desert3
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
syntaxhighlighter.js 免费下载
10-22
在线各种代码显示在html页面中，并进行变色处理。工具类js
SyCODE Syntax Highlighter javascript语法高亮引擎
weixin_34247032的博客
08-05 183
SyCODE Syntax Highlighter是一个基于javascript实现的语法高亮程序，实现方式借鉴了著名的db.SyntaxHighlighter采用正则表达式进行关键字匹配，处理速度比db.SyntaxHighlighter高出 5~10倍，是目前处理速度最快的javascript语法高亮程序。 SyCODE Syntax Highlighter具有速度高可扩展性强的特点，...
JavaScript 代码语法高亮器 SyntaxHighlighter 入门介绍
最新发布
03-30 143
是一个完全功能齐全的自包含的 JavaScript 代码语法高亮器。要了解 SyntaxHighlighter 的功能，请查看演示页面。
使用SyntaxHighlighter来给代码着色
Puras的小窝
05-27 191
 1.首先下载SyntaxHighlighter.   2.解压到SyntaxHighlighter目录中.   3.建立HTML文件:   <pre name="code" class="Ruby">  ...Ruby代码... </pre>   可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, C...
【JavaScript】网页中对代码的处理，代码高亮插件SyntaxHighlighter
编程记录，亲测有效
09-17 4548
在网页中，如何处理代码，尤其在一些IT博客网站中成为一个难题。难点在于如何将这些代码的关键字高亮表示，如何将代码与网页原有的HTML区别起来。其实有一款很实用、很出色的代码高亮插件SyntaxHighlighter能够解决这一难题。然而不知道为何国内的网站对这方面的资料甚少。 这款插件的效果如下图所示： 除了相关代码的关键字高亮以外，复制代码起来毫不费劲，不会不小心复制到行号。关键的是
JS 插件----SyntaxHighlighter的使用
grootbaby
08-16 6767
SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言。今天我们通过实例来学习一下它的用法。 SyntaxHighlighter的简单实例 一、SyntaxHighlighter的代码流程如下 1、将基本文件添加到页面：shCore.js和shCore.css 2、添加想要的brushes（例如：shBrushJScript.js 对于JavaScri...
9个javascript语法高亮插件 推荐
12-11
下面介绍的是一些纯javascript实现的语法高亮插件。 英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/ 1. SyntaxHighlighter我相信这个插件是我们使用多的，它支持超多的...
SyntaxHighlighter语法高亮插件使用说明
01-19
javascript语法高亮 代码如下: (function(){ var el=document.getElementById(“img”); var doc=document.documentElement,docBody=document.body; var oldY=(doc.scrollTop || docBody.scrollTop)+(doc....
使用SyntaxHighlighter实现HTML高亮显示代码的方法
12-09
支持当前流行的各种编程语言： C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 使用方法： 1、假设网页文件test.htm存放在一个目录，则将dp.SyntaxHighlighter解压缩到...
JavaScript动态内容代码高亮 SyntaxHighlighter.zip
07-19
SyntaxHighlighter （原名：dp.SyntaxHighlighter）是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库。格式化效果如下图所示：这也是本站所使用的语法着色库，在线演示。示例代码：SyntaxHighlighter....
果断收藏9个Javascript代码高亮脚本
11-23
代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以将代码高亮，以便阅读者可以十分方便的读取代码块，增加用户阅读代码的良好体验。 目前，...
knockoutjs -- if 绑定
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
06-14 789
参考：[url]http://knockoutjs.com/documentation/if-binding.html[/url] If 绑定用来控制一部分html标签是否生成在DOM树中（html标签有data-bind属性）。只有if的[color=red]条件表达式等于true（或者是类似true的值，如非null的对象，非空字符串）[/color]，那么对应的html才会被输出，否则...
下拉框禁止滚动（滚动不会触发onchange事件）
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
09-23 469
#禁止滚动事件 [code="html"] [/code] #2个框的滚动条同步滚动 [code="html"]onscroll="document.getElementById('divhead').scrollLeft = this.scrollLeft" [/code]
html 动态添加上传文件控件
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
08-10 388
[code="html"] // 隐藏的，用来动态增加控件时复制用的 // 显示的+按钮，该按钮用来动态增加HTML控件 [/code] [code="javascript"] // +按钮的javascr...
表格中同一列的相同元素合并单元格
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
05-19 365
列的css class为class_name [code="javascript"] var that; $(".class_name").each(function(){ if ($(this).text() == $(that).text()) { rowspan = $(that).attr("rowSpan"); if (rowspan =...
Javascript alert object、JavaScript版本迷局
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
07-30 355
1，使用alert(object.toSource()) 注：[color=red]经测试，最新版FF支持，IE9不支持[/color] [code="javascript"] alert(object.toSource()) [/code] 2，自己编写printObject方法，遍历object属性，然后alert，[color=blue]兼容所有浏览器[/color] [code...
knockoutjs 静动态数据、行为绑定，计算属性及Sync同步更新 Value值更新事件控制...
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
04-09 295
data-bind="text: firstName"中data-bind属性是Knockout 用来显示关联UI和viewmodel的桥梁， text 表示把绑定的文本赋值给DOM元素 click 用来关联按钮点击事件 data-bind="value: firstName"来动态绑定到input 输入框的值 当文本框的值发生变化时，ko先更新viewmodel的数据，然后根据obs...
knockoutjs foreach array绑定 表格 下拉框绑定
如果你真的想做一件事，你一定会找到方法； 如果你不想做一件事，你一定会找到借口。
04-09 289
动态表格使用observable arrays and the foreach ko.observableArray： 观察者模式，根据array动态更新表格 ko中的流程控制标签：foreach, if, ifnot, and with 在foreach的数据源发生变化时，ko并不会重新生成整个table， [color=red]更高效地，ko会找到viewmodel中变化的部分， 然...
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、付费专栏及课程。

余额充值