# Highlight.js
[![Build Status](https://travis-ci.org/isagalaev/highlight.js.svg?branch=master)](https://travis-ci.org/isagalaev/highlight.js)
Highlight.js is a syntax highlighter written in JavaScript. It works in
the browser as well as on the server. It works with pretty much any
markup, doesn’t depend on any framework and has automatic language
detection.
## Getting Started
The bare minimum for using highlight.js on a web page is linking to the
library along with one of the styles and calling
[`initHighlightingOnLoad`][1]:
```html
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
```
This will find and highlight code inside of `<pre><code>` tags; it tries
to detect the language automatically. If automatic detection doesn’t
work for you, you can specify the language in the `class` attribute:
```html
<pre><code class="html">...</code></pre>
```
The list of supported language classes is available in the [class
reference][2]. Classes can also be prefixed with either `language-` or
`lang-`.
To disable highlighting altogether use the `nohighlight` class:
```html
<pre><code class="nohighlight">...</code></pre>
```
## Custom Initialization
When you need a bit more control over the initialization of
highlight.js, you can use the [`highlightBlock`][3] and [`configure`][4]
functions. This allows you to control *what* to highlight and *when*.
Here’s an equivalent way to calling [`initHighlightingOnLoad`][1] using
jQuery:
```javascript
$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
```
You can use any tags instead of `<pre><code>` to mark up your code. If
you don't use a container that preserve line breaks you will need to
configure highlight.js to use the `<br>` tag:
```javascript
hljs.configure({useBR: true});
$('div.code').each(function(i, block) {
hljs.highlightBlock(block);
});
```
For other options refer to the documentation for [`configure`][4].
## Web Workers
You can run highlighting inside a web worker to avoid freezing the browser
window while dealing with very big chunks of code.
In your main script:
```javascript
addEventListener('load', function() {
var code = document.querySelector('#code');
var worker = new Worker('worker.js');
worker.onmessage = function(event) { code.innerHTML = event.data; }
worker.postMessage(code.textContent);
})
```
In worker.js:
```javascript
onmessage = function(event) {
importScripts('<path>/highlight.pack.js');
var result = self.hljs.highlightAuto(event.data);
postMessage(result.value);
}
```
## Getting the Library
You can get highlight.js as a hosted, or custom-build, browser script or
as a server module. Right out of the box the browser script supports
both AMD and CommonJS, so if you wish you can use RequireJS or
Browserify without having to build from source. The server module also
works perfectly fine with Browserify, but there is the option to use a
build specific to browsers rather than something meant for a server.
Head over to the [download page][5] for all the options.
**Don't link to GitHub directly.** The library is not supposed to work straight
from the source, it requires building. If none of the pre-packaged options
work for you refer to the [building documentation][6].
**The CDN-hosted package doesn't have all the languages.** Otherwise it'd be
too big. If you don't see the language you need in the ["Common" section][5],
it can be added manually:
```html
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/languages/go.min.js"></script>
```
**On Almond.** You need to use the optimizer to give the module a name. For
example:
```
r.js -o name=hljs paths.hljs=/path/to/highlight out=highlight.js
```
## License
Highlight.js is released under the BSD License. See [LICENSE][7] file
for details.
## Links
The official site for the library is at <https://highlightjs.org/>.
Further in-depth documentation for the API and other topics is at
<http://highlightjs.readthedocs.io/>.
Authors and contributors are listed in the [AUTHORS.en.txt][8] file.
[1]: http://highlightjs.readthedocs.io/en/latest/api.html#inithighlightingonload
[2]: http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
[3]: http://highlightjs.readthedocs.io/en/latest/api.html#highlightblock-block
[4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
[5]: https://highlightjs.org/download/
[6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
[7]: https://github.com/isagalaev/highlight.js/blob/master/LICENSE
[8]: https://github.com/isagalaev/highlight.js/blob/master/AUTHORS.en.txt
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
毕业设计,基于SSM+MySql+Bootstrap开发的旅游景点交流论坛网,内含Java完整源代码,数据库脚本 基于Springboot+FreeMarker旅游景点交流论坛网设计毕业源码案例设计 程序开发软件: Eclipse/Idea + mysql8.0 现在给大家看的是一个基于Springboot框架+FreeMarker模板引擎的旅游景点交流论坛网站,网站一个有2个身份,普通用户和管理员。管理员登录后可以进入后台管理网站导航栏目,管理所有旅游景点文字,文章可以带缩略图,文字详情支持图文展示,可以给文章打标签,管理所有用户信息,管理角色信息,切换网站主题,配置系统参数等;用户在前台可以注册,用户登录后不可进入后台,用户可以按照栏目分类查看对应的旅游景点文章,可以根据关键词查询旅游景点,可以根据标签分类查询旅游景点,可以对旅游景点发布评论,管理自己的评论,修改个人信息等。 用户账号密码: xiaoming/123 管理员账号密码:admin/123456
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计,基于SSM+MySql+Bootstrap开发的旅游景点交流论坛网,内含Java完整源代码,数据库脚本 (906个子文件)
_a.cfe 363B
_8.cfe 363B
_b.cfe 363B
_9.cfe 363B
_2.cfe 363B
_5.cfe 363B
_8.cfs 3KB
_b.cfs 3KB
_a.cfs 3KB
_9.cfs 3KB
_6.cfs 3KB
_1.cfs 3KB
_3.cfs 3KB
_2.cfs 3KB
_4.cfs 3KB
_5.cfs 3KB
.classpath 1KB
bootstrap.min.css 118KB
site.css 109KB
animate.css 71KB
animate.min.css 53KB
skin.min.css 42KB
font-awesome.css 37KB
font-awesome.min.css 30KB
jquery.treetable.theme.default.css 29KB
skin.mobile.min.css 27KB
editor.css 16KB
OwO.min.css 15KB
github-markdown.css 13KB
simple-line-icons.css 13KB
layer.css 11KB
codemirror.css 8KB
visualblocks.css 5KB
share.min.css 4KB
content.min.css 4KB
skin-blue.css 4KB
merge.css 3KB
content.inline.min.css 3KB
lint.css 3KB
layer.ext.css 3KB
purebasic.css 2KB
prism.css 2KB
grayscale.css 2KB
tern.css 2KB
site.addons.css 2KB
idea.css 2KB
plugins.css 2KB
gruvbox-light.css 1KB
gruvbox-dark.css 1KB
vs2015.css 1KB
bootstrap-tagsinput.css 1KB
simplescrollbars.css 1KB
hybrid.css 1KB
atelier-estuary-light.css 1KB
atelier-savanna-light.css 1KB
atelier-plateau-light.css 1KB
atelier-savanna-dark.css 1KB
atelier-plateau-dark.css 1KB
atelier-estuary-dark.css 1KB
atelier-cave-light.css 1KB
agate.css 1KB
atelier-cave-dark.css 1KB
atom-one-light.css 1KB
atom-one-dark.css 1KB
routeros.css 1KB
railscasts.css 1KB
eclipse.css 1KB
sunburst.css 1KB
idea.css 1KB
default.css 1KB
tomorrow-night-blue.css 1KB
atelier-sulphurpool-light.css 1KB
atelier-sulphurpool-dark.css 1KB
tomorrow-night.css 1KB
github.css 1KB
solarized-dark.css 1KB
solarized-light.css 1KB
docco.css 1KB
atelier-lakeside-light.css 1KB
atelier-lakeside-dark.css 1KB
pojoaque.css 1KB
atelier-seaside-light.css 1KB
atelier-seaside-dark.css 1KB
atelier-forest-light.css 1KB
atelier-forest-dark.css 1KB
atelier-heath-light.css 1KB
atelier-heath-dark.css 1KB
atelier-dune-light.css 1KB
atelier-dune-dark.css 1KB
foundation.css 1KB
tomorrow-night-eighties.css 1KB
tomorrow-night-bright.css 1KB
obsidian.css 1KB
xcode.css 1KB
kimbie.light.css 1KB
kimbie.dark.css 1KB
hopscotch.css 1KB
arduino-light.css 1KB
googlecode.css 1KB
xt256.css 1KB
共 906 条
- 1
- 2
- 3
- 4
- 5
- 6
- 10
资源评论
流华追梦
- 粉丝: 4440
- 资源: 2137
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功