2018-08-20 08:48:40 +08:00
|
|
|
|
# d2-highlight
|
|
|
|
|
|
|
|
|
|
|
|
代码高亮显示组件
|
2018-08-19 11:24:03 +08:00
|
|
|
|
|
|
|
|
|
|
## 参数
|
|
|
|
|
|
|
|
|
|
|
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
|
|
|
|
|
| --- | --- | --- | --- | --- | --- |
|
2018-08-29 16:23:07 +08:00
|
|
|
|
| code | 代码字符串 | 非 | String | | |
|
2018-08-19 11:24:03 +08:00
|
|
|
|
| format-html | 是否格式化 HTML | 非 | Boolean | | false |
|
2018-08-29 16:23:07 +08:00
|
|
|
|
| lang | 首选语言 | 非 | String | | |
|
2018-08-19 11:24:03 +08:00
|
|
|
|
|
|
|
|
|
|
::: tip
|
|
|
|
|
|
format 建议只在内容为 HTML 的时候打开，如果内容不是 HTML，设置为 true 会有负面效果
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
## 示例
|
|
|
|
|
|
|
|
|
|
|
|
``` vue
|
|
|
|
|
|
<d2-highlight code="alert('Hello')"/>
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
::: tip
|
|
|
|
|
|
本框架只是提供代码高亮的简单实现，如需实现更高级的设置请修改组件代码
|
2018-08-29 16:23:07 +08:00
|
|
|
|
:::
|
|
|
|
|
|
|
2018-08-29 16:46:18 +08:00
|
|
|
|
## 语言
|
2018-08-29 16:23:07 +08:00
|
|
|
|
|
2018-08-29 16:46:18 +08:00
|
|
|
|
如果不指定语言，默认会依次尝试以下语言：
|
|
|
|
|
|
|
|
|
|
|
|
1. html
|
|
|
|
|
|
2. javascript
|
|
|
|
|
|
3. json
|
|
|
|
|
|
4. css
|
|
|
|
|
|
5. scss
|
|
|
|
|
|
6. less
|
|
|
|
|
|
|
|
|
|
|
|
如果指定语言，将会首先尝试根据指定的语言解析。全部支持的语言：
|
|
|
|
|
|
|
|
|
|
|
|
* 1c
|
|
|
|
|
|
* abnf
|
|
|
|
|
|
* accesslog
|
|
|
|
|
|
* actionscript
|
|
|
|
|
|
* ada
|
|
|
|
|
|
* apache
|
|
|
|
|
|
* applescript
|
|
|
|
|
|
* cpp
|
|
|
|
|
|
* arduino
|
|
|
|
|
|
* armasm
|
|
|
|
|
|
* xml
|
|
|
|
|
|
* asciidoc
|
|
|
|
|
|
* aspectj
|
|
|
|
|
|
* autohotkey
|
|
|
|
|
|
* autoit
|
|
|
|
|
|
* avrasm
|
|
|
|
|
|
* awk
|
|
|
|
|
|
* axapta
|
|
|
|
|
|
* bash
|
|
|
|
|
|
* basic
|
|
|
|
|
|
* bnf
|
|
|
|
|
|
* brainfuck
|
|
|
|
|
|
* cal
|
|
|
|
|
|
* capnproto
|
|
|
|
|
|
* ceylon
|
|
|
|
|
|
* clean
|
|
|
|
|
|
* clojure
|
|
|
|
|
|
* clojure-repl
|
|
|
|
|
|
* cmake
|
|
|
|
|
|
* coffeescript
|
|
|
|
|
|
* coq
|
|
|
|
|
|
* cos
|
|
|
|
|
|
* crmsh
|
|
|
|
|
|
* crystal
|
|
|
|
|
|
* cs
|
|
|
|
|
|
* csp
|
|
|
|
|
|
* css
|
|
|
|
|
|
* d
|
|
|
|
|
|
* markdown
|
|
|
|
|
|
* dart
|
|
|
|
|
|
* delphi
|
|
|
|
|
|
* diff
|
|
|
|
|
|
* django
|
|
|
|
|
|
* dns
|
|
|
|
|
|
* dockerfile
|
|
|
|
|
|
* dos
|
|
|
|
|
|
* dsconfig
|
|
|
|
|
|
* dts
|
|
|
|
|
|
* dust
|
|
|
|
|
|
* ebnf
|
|
|
|
|
|
* elixir
|
|
|
|
|
|
* elm
|
|
|
|
|
|
* ruby
|
|
|
|
|
|
* erb
|
|
|
|
|
|
* erlang-repl
|
|
|
|
|
|
* erlang
|
|
|
|
|
|
* excel
|
|
|
|
|
|
* fix
|
|
|
|
|
|
* flix
|
|
|
|
|
|
* fortran
|
|
|
|
|
|
* fsharp
|
|
|
|
|
|
* gams
|
|
|
|
|
|
* gauss
|
|
|
|
|
|
* gcode
|
|
|
|
|
|
* gherkin
|
|
|
|
|
|
* glsl
|
|
|
|
|
|
* go
|
|
|
|
|
|
* golo
|
|
|
|
|
|
* gradle
|
|
|
|
|
|
* groovy
|
|
|
|
|
|
* haml
|
|
|
|
|
|
* handlebars
|
|
|
|
|
|
* haskell
|
|
|
|
|
|
* haxe
|
|
|
|
|
|
* hsp
|
|
|
|
|
|
* htmlbars
|
|
|
|
|
|
* http
|
|
|
|
|
|
* hy
|
|
|
|
|
|
* inform7
|
|
|
|
|
|
* ini
|
|
|
|
|
|
* irpf90
|
|
|
|
|
|
* java
|
|
|
|
|
|
* javascript
|
|
|
|
|
|
* jboss-cli
|
|
|
|
|
|
* json
|
|
|
|
|
|
* julia
|
|
|
|
|
|
* julia-repl
|
|
|
|
|
|
* kotlin
|
|
|
|
|
|
* lasso
|
|
|
|
|
|
* ldif
|
|
|
|
|
|
* leaf
|
|
|
|
|
|
* less
|
|
|
|
|
|
* lisp
|
|
|
|
|
|
* livecodeserver
|
|
|
|
|
|
* livescript
|
|
|
|
|
|
* llvm
|
|
|
|
|
|
* lsl
|
|
|
|
|
|
* lua
|
|
|
|
|
|
* makefile
|
|
|
|
|
|
* mathematica
|
|
|
|
|
|
* matlab
|
|
|
|
|
|
* maxima
|
|
|
|
|
|
* mel
|
|
|
|
|
|
* mercury
|
|
|
|
|
|
* mipsasm
|
|
|
|
|
|
* mizar
|
|
|
|
|
|
* perl
|
|
|
|
|
|
* mojolicious
|
|
|
|
|
|
* monkey
|
|
|
|
|
|
* moonscript
|
|
|
|
|
|
* n1ql
|
|
|
|
|
|
* nginx
|
|
|
|
|
|
* nimrod
|
|
|
|
|
|
* nix
|
|
|
|
|
|
* nsis
|
|
|
|
|
|
* objectivec
|
|
|
|
|
|
* ocaml
|
|
|
|
|
|
* openscad
|
|
|
|
|
|
* oxygene
|
|
|
|
|
|
* parser3
|
|
|
|
|
|
* pf
|
|
|
|
|
|
* php
|
|
|
|
|
|
* pony
|
|
|
|
|
|
* powershell
|
|
|
|
|
|
* processing
|
|
|
|
|
|
* profile
|
|
|
|
|
|
* prolog
|
|
|
|
|
|
* protobuf
|
|
|
|
|
|
* puppet
|
|
|
|
|
|
* purebasic
|
|
|
|
|
|
* python
|
|
|
|
|
|
* q
|
|
|
|
|
|
* qml
|
|
|
|
|
|
* r
|
|
|
|
|
|
* rib
|
|
|
|
|
|
* roboconf
|
|
|
|
|
|
* routeros
|
|
|
|
|
|
* rsl
|
|
|
|
|
|
* ruleslanguage
|
|
|
|
|
|
* rust
|
|
|
|
|
|
* scala
|
|
|
|
|
|
* scheme
|
|
|
|
|
|
* scilab
|
|
|
|
|
|
* scss
|
|
|
|
|
|
* shell
|
|
|
|
|
|
* smali
|
|
|
|
|
|
* smalltalk
|
|
|
|
|
|
* sml
|
|
|
|
|
|
* sqf
|
|
|
|
|
|
* sql
|
|
|
|
|
|
* stan
|
|
|
|
|
|
* stata
|
|
|
|
|
|
* step21
|
|
|
|
|
|
* stylus
|
|
|
|
|
|
* subunit
|
|
|
|
|
|
* swift
|
|
|
|
|
|
* taggerscript
|
|
|
|
|
|
* yaml
|
|
|
|
|
|
* tap
|
|
|
|
|
|
* tcl
|
|
|
|
|
|
* tex
|
|
|
|
|
|
* thrift
|
|
|
|
|
|
* tp
|
|
|
|
|
|
* twig
|
|
|
|
|
|
* typescript
|
|
|
|
|
|
* vala
|
|
|
|
|
|
* vbnet
|
|
|
|
|
|
* vbscript
|
|
|
|
|
|
* vbscript-html
|
|
|
|
|
|
* verilog
|
|
|
|
|
|
* vhdl
|
|
|
|
|
|
* vim
|
|
|
|
|
|
* x86asm
|
|
|
|
|
|
* xl
|
|
|
|
|
|
* xquery
|
|
|
|
|
|
* zephir
|
|
|
|
|
|
|
|
|
|
|
|
## 主题
|
|
|
|
|
|
|
|
|
|
|
|
* agate
|
|
|
|
|
|
* androidstudio
|
|
|
|
|
|
* arduino-light
|
|
|
|
|
|
* arta
|
|
|
|
|
|
* ascetic
|
|
|
|
|
|
* atelier-cave-dark
|
|
|
|
|
|
* atelier-cave-light
|
|
|
|
|
|
* atelier-dune-dark
|
|
|
|
|
|
* atelier-dune-light
|
|
|
|
|
|
* atelier-estuary-dark
|
|
|
|
|
|
* atelier-estuary-light
|
|
|
|
|
|
* atelier-forest-dark
|
|
|
|
|
|
* atelier-forest-light
|
|
|
|
|
|
* atelier-heath-dark
|
|
|
|
|
|
* atelier-heath-light
|
|
|
|
|
|
* atelier-lakeside-dark
|
|
|
|
|
|
* atelier-lakeside-light
|
|
|
|
|
|
* atelier-plateau-dark
|
|
|
|
|
|
* atelier-plateau-light
|
|
|
|
|
|
* atelier-savanna-dark
|
|
|
|
|
|
* atelier-savanna-light
|
|
|
|
|
|
* atelier-seaside-dark
|
|
|
|
|
|
* atelier-seaside-light
|
|
|
|
|
|
* atelier-sulphurpool-dark
|
|
|
|
|
|
* atelier-sulphurpool-light
|
|
|
|
|
|
* atom-one-dark
|
|
|
|
|
|
* atom-one-light
|
|
|
|
|
|
* brown-paper
|
|
|
|
|
|
* brown-papersq.png
|
|
|
|
|
|
* codepen-embed
|
|
|
|
|
|
* color-brewer
|
|
|
|
|
|
* darcula
|
|
|
|
|
|
* dark
|
|
|
|
|
|
* darkula
|
|
|
|
|
|
* default
|
|
|
|
|
|
* docco
|
|
|
|
|
|
* dracula
|
|
|
|
|
|
* far
|
|
|
|
|
|
* foundation
|
|
|
|
|
|
* github-gist
|
|
|
|
|
|
* github
|
|
|
|
|
|
* googlecode
|
|
|
|
|
|
* grayscale
|
|
|
|
|
|
* gruvbox-dark
|
|
|
|
|
|
* gruvbox-light
|
|
|
|
|
|
* hopscotch
|
|
|
|
|
|
* hybrid
|
|
|
|
|
|
* idea
|
|
|
|
|
|
* ir-black
|
|
|
|
|
|
* kimbie.dark
|
|
|
|
|
|
* kimbie.light
|
|
|
|
|
|
* magula
|
|
|
|
|
|
* mono-blue
|
|
|
|
|
|
* monokai-sublime
|
|
|
|
|
|
* monokai
|
|
|
|
|
|
* obsidian
|
|
|
|
|
|
* ocean
|
|
|
|
|
|
* paraiso-dark
|
|
|
|
|
|
* paraiso-light
|
|
|
|
|
|
* pojoaque
|
|
|
|
|
|
* pojoaque.jpg
|
|
|
|
|
|
* purebasic
|
|
|
|
|
|
* qtcreator_dark
|
|
|
|
|
|
* qtcreator_light
|
|
|
|
|
|
* railscasts
|
|
|
|
|
|
* rainbow
|
|
|
|
|
|
* routeros
|
|
|
|
|
|
* school-book
|
|
|
|
|
|
* school-book.png
|
|
|
|
|
|
* solarized-dark
|
|
|
|
|
|
* solarized-light
|
|
|
|
|
|
* sunburst
|
|
|
|
|
|
* tomorrow-night-blue
|
|
|
|
|
|
* tomorrow-night-bright
|
|
|
|
|
|
* tomorrow-night-eighties
|
|
|
|
|
|
* tomorrow-night
|
|
|
|
|
|
* tomorrow
|
|
|
|
|
|
* vs
|
|
|
|
|
|
* vs2015
|
|
|
|
|
|
* xcode
|
|
|
|
|
|
* xt256
|
|
|
|
|
|
* zenburn
|
