-# Editor.md
-
-**目录 (Table of Contents)**
-
-[TOCM]
-
-[TOC]
-
-# Heading 1
-## Heading 2
-### Heading 3
-#### Heading 4
-##### Heading 5
-###### Heading 6
-# Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link")
-## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link")
-### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link")
-#### Heading 4 link [Heading link](https://github.com/pandao/editor.md "Heading link") Heading link [Heading
-link](https://github.com/pandao/editor.md "Heading link")
-##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link")
-###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link")
-
-#### 标题(用底线的形式)Heading (underline)
-
-This is an H1
-=============
-
-This is an H2
--------------
-
-### 字符效果和横线等
-
-----
-
-~~删除线~~
删除线(开启识别HTML标签时)
-*斜体字* _斜体字_
-**粗体** __粗体__
-***粗斜体*** ___粗斜体___
-
-上标:X
2,下标:O
2
-
-**缩写(同HTML的abbr标签)**
-
-> 即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启
-
-The
HTML specification is maintained by the
W3C.
-
-### 引用 Blockquotes
-
-> 引用文本 Blockquotes
-
-引用的行内混合 Blockquotes
-
-> 引用:如果想要插入空白换行`即
标签`,在插入处先键入两个以上的空格然后回车即可,[普通链接](http://localhost/)。
-
-### 锚点与链接 Links
-
-[普通链接](http://localhost/)
-
-[普通链接带标题](http://localhost/ "普通链接带标题")
-
-直接链接:
-
-[锚点链接][anchor-id]
-
-[anchor-id]: http://www.this-anchor-link.com/
-
-[mailto:test.test@gmail.com](mailto:test.test@gmail.com)
-
-GFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
-
-> @pandao
-
-### 多语言代码高亮 Codes
-
-#### 行内代码 Inline code
-
-执行命令:`npm install marked`
-
-#### 缩进风格
-
-即缩进四个空格,也做为实现类似 `` 预格式化文本 ( Preformatted Text ) 的功能。
-
-
-
-预格式化文本:
-
- | First Header | Second Header |
- | ------------- | ------------- |
- | Content Cell | Content Cell |
- | Content Cell | Content Cell |
-
-#### JS代码
-
-```javascript
-function test() {
- console.log("Hello world!");
-}
-
-(function(){
- var box = function() {
- return box.fn.init();
- };
-
- box.prototype = box.fn = {
- init : function(){
- console.log('box.init()');
-
- return this;
- },
-
- add : function(str) {
- alert("add", str);
-
- return this;
- },
-
- remove : function(str) {
- alert("remove", str);
-
- return this;
- }
- };
-
- box.fn.init.prototype = box.fn;
-
- window.box =box;
-})();
-
-var testBox = box();
-testBox.add("jQuery").remove("jQuery");
-```
-
-#### HTML 代码 HTML codes
-
-```html
-
-
-
-
-
- Hello world!
-
-
-
- Hello world!
- Plain text
-
-
-```
-
-### 图片 Images
-
-Image:
-
-
-
-> Follow your heart.
-
-
-
-> 图为:厦门白城沙滩
-
-图片加链接 (Image + Link):
-
-[](https://pandao.github.io/editor.md/images/7.jpg
-"李健首张专辑《似水流年》封面")
-
-> 图为:李健首张专辑《似水流年》封面
-
-----
-
-### 列表 Lists
-
-#### 无序列表(减号)Unordered Lists (-)
-
-- 列表一
-- 列表二
-- 列表三
-
-#### 无序列表(星号)Unordered Lists (*)
-
-* 列表一
-* 列表二
-* 列表三
-
-#### 无序列表(加号和嵌套)Unordered Lists (+)
-
-+ 列表一
-+ 列表二
- + 列表二-1
- + 列表二-2
- + 列表二-3
-+ 列表三
- * 列表一
- * 列表二
- * 列表三
-
-#### 有序列表 Ordered Lists (-)
-
-1. 第一行
-2. 第二行
-3. 第三行
-
-#### GFM task list
-
-- [x] GFM task list 1
-- [x] GFM task list 2
-- [ ] GFM task list 3
- - [ ] GFM task list 3-1
- - [ ] GFM task list 3-2
- - [ ] GFM task list 3-3
-- [ ] GFM task list 4
- - [ ] GFM task list 4-1
- - [ ] GFM task list 4-2
-
-----
-
-### 绘制表格 Tables
-
-| 项目 | 价格 | 数量 |
-| -------- | -----: | :----: |
-| 计算机 | $1600 | 5 |
-| 手机 | $12 | 12 |
-| 管线 | $1 | 234 |
-
-First Header | Second Header
-------------- | -------------
-Content Cell | Content Cell
-Content Cell | Content Cell
-
-| First Header | Second Header |
-| ------------- | ------------- |
-| Content Cell | Content Cell |
-| Content Cell | Content Cell |
-
-| Function name | Description |
-| ------------- | ------------------------------ |
-| `help()` | Display the help window. |
-| `destroy()` | **Destroy your computer!** |
-
-| Left-Aligned | Center Aligned | Right Aligned |
-| :------------ |:---------------:| -----:|
-| col 3 is | some wordy text | $1600 |
-| col 2 is | centered | $12 |
-| zebra stripes | are neat | $1 |
-
-| Item | Value |
-| --------- | -----:|
-| Computer | $1600 |
-| Phone | $12 |
-| Pipe | $1 |
-
-----
-
-## 代码
-
-```c
-#include <cstdio>
-int main(){
- printf("hello world");
- return 0;
-}
-```
-
-#### 特殊符号 HTML Entities Codes
-
-© & ¨ ™ ¡ £
-& < > ¥ € ® ± ¶ § ¦ ¯ « ·
-
-X² Y³ ¾ ¼ × ÷ »
-
-18ºC " '
-
-[========]
-
-### Emoji表情 :smiley:
-
-> Blockquotes :star:
-
-#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
-
-- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and tags supported :editormd-logo:;
-- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
-- [x] [ ] :smiley: this is a complete item :smiley:;
-- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao;
-- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
- - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;
- - [ ] :information_desk_person::skin-tone-4: this is :fa-star: :fa-gear: an incomplete item [test link](#);
-
-#### 反斜杠 Escape
-
-\*literal asterisks\*
-
-[========]
-
-### 科学公式 TeX(KaTeX)
-
-$$E=mc^2$$
-
-行内的公式$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。
-
-$$x > y$$
-
-$$\(\sqrt{3x-1}+(1+x)^2\)$$
-
-$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
-
-多行公式:
-
-```math
-\displaystyle
-\left( \sum\_{k=1}^n a\_k b\_k \right)^2
-\leq
-\left( \sum\_{k=1}^n a\_k^2 \right)
-\left( \sum\_{k=1}^n b\_k^2 \right)
-```
-
-```katex
-\displaystyle
- \frac{1}{
- \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
- \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
- 1+\frac{e^{-6\pi}}
- {1+\frac{e^{-8\pi}}
- {1+\cdots} }
- }
- }
-```
-
-```latex
-f(x) = \int_{-\infty}^\infty
- \hat f(\xi)\,e^{2 \pi i \xi x}
- \,d\xi
-```
-
-### 分页符 Page break
-
-> Print Test: Ctrl + P
-
-[========]
-
-### End
diff --git a/html/package.json b/html/package.json
old mode 100644
new mode 100755
index a3c684d..726f401
--- a/html/package.json
+++ b/html/package.json
@@ -9,6 +9,7 @@
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
"dependencies": {
+ "highlight.js": "^9.12.0",
"lodash": "^4.17.4",
"style-loader": "^0.19.0",
"url-loader": "^0.6.2",
diff --git a/html/src/App.vue b/html/src/App.vue
old mode 100644
new mode 100755
index b21d201..0ff845d
--- a/html/src/App.vue
+++ b/html/src/App.vue
@@ -1,25 +1,120 @@