vue-editify 0.1.3 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
package/src/css/base.less CHANGED
@@ -1,30 +1,30 @@
1
- //三角图标大小
2
- @triangle-size: 6px;
3
- //编辑器内的默认字体大小
4
- @font-size: 14px;
5
- //字体颜色
6
- @font-color: #555;
7
- //较浅的字体颜色(副文本颜色)
8
- @font-color-light: #888;
9
- //更浅的字体颜色(placeholder和禁用字体颜色)
10
- @font-color-disabled: #ccc;
11
- //较深的字体颜色(编辑器内容区域字体颜色)
12
- @font-color-dark: #333;
13
- //链接字体颜色
14
- @font-color-link: #079457;
15
- //链接字体悬浮色
16
- @font-color-link-dark: #05683d;
17
- //边框颜色
18
- @border-color: #dfdfdf;
19
- //默认背景色
20
- @background: #fff;
21
- //较深的背景色
22
- @background-dark: #f7f8fa;
23
- //更深的背景色
24
- @background-darker: #ebedf0;
25
- //代码块背景色
26
- @pre-background: #f2f6fb;
27
- //反色调字体颜色
28
- @reverse-color: #fff;
29
- //反色调背景色
30
- @reverse-background: #000;
1
+ //三角图标大小
2
+ @triangle-size: 6px;
3
+ //编辑器内的默认字体大小
4
+ @font-size: 14px;
5
+ //字体颜色
6
+ @font-color: #555;
7
+ //较浅的字体颜色(副文本颜色)
8
+ @font-color-light: #888;
9
+ //更浅的字体颜色(placeholder和禁用字体颜色)
10
+ @font-color-disabled: #ccc;
11
+ //较深的字体颜色(编辑器内容区域字体颜色)
12
+ @font-color-dark: #333;
13
+ //链接字体颜色
14
+ @font-color-link: #079457;
15
+ //链接字体悬浮色
16
+ @font-color-link-dark: #05683d;
17
+ //边框颜色
18
+ @border-color: #dfdfdf;
19
+ //默认背景色
20
+ @background: #fff;
21
+ //较深的背景色
22
+ @background-dark: #f7f8fa;
23
+ //更深的背景色
24
+ @background-darker: #ebedf0;
25
+ //代码块背景色
26
+ @pre-background: #f2f6fb;
27
+ //反色调字体颜色
28
+ @reverse-color: #fff;
29
+ //反色调背景色
30
+ @reverse-background: #000;
package/src/css/hljs.less CHANGED
@@ -1,54 +1,54 @@
1
- /**
2
- * 这里是对highlight的主题样式的自定义设置
3
- */
4
-
5
- .editify-hljs-addition,
6
- .editify-hljs-meta,
7
- .editify-hljs-string,
8
- .editify-hljs-symbol,
9
- .editify-hljs-template-tag,
10
- .editify-hljs-template-variable,
11
- .editify-hljs-deletion,
12
- .editify-hljs-variable {
13
- color: #54489b;
14
- }
15
- .editify-hljs-comment,
16
- .editify-hljs-quote {
17
- color: #bbb;
18
- }
19
- .editify-hljs-bullet,
20
- .editify-hljs-link,
21
- .editify-hljs-number,
22
- .editify-hljs-regexp,
23
- .editify-hljs-attr,
24
- .editify-hljs-attribute {
25
- color: #0e9a56;
26
- }
27
-
28
- .editify-hljs-built_in,
29
- .editify-hljs-doctag,
30
- .editify-hljs-keyword,
31
- .editify-hljs-name,
32
- .editify-hljs-section,
33
- .editify-hljs-strong,
34
- .editify-hljs-tag,
35
- .editify-hljs-literal,
36
- .editify-hljs-type {
37
- color: #092d5d;
38
- }
39
-
40
- .editify-hljs-title {
41
- color: #c45d08;
42
- }
43
-
44
- .editify-hljs-selector-tag {
45
- color: #920606;
46
- }
47
-
48
- .editify-hljs-selector-class {
49
- color: #c45d08;
50
- }
51
-
52
- .editify-hljs-selector-id {
53
- color: #0d658d;
54
- }
1
+ /**
2
+ * 这里是对highlight的主题样式的自定义设置
3
+ */
4
+
5
+ .editify-hljs-addition,
6
+ .editify-hljs-meta,
7
+ .editify-hljs-string,
8
+ .editify-hljs-symbol,
9
+ .editify-hljs-template-tag,
10
+ .editify-hljs-template-variable,
11
+ .editify-hljs-deletion,
12
+ .editify-hljs-variable {
13
+ color: #54489b;
14
+ }
15
+ .editify-hljs-comment,
16
+ .editify-hljs-quote {
17
+ color: #bbb;
18
+ }
19
+ .editify-hljs-bullet,
20
+ .editify-hljs-link,
21
+ .editify-hljs-number,
22
+ .editify-hljs-regexp,
23
+ .editify-hljs-attr,
24
+ .editify-hljs-attribute {
25
+ color: #0e9a56;
26
+ }
27
+
28
+ .editify-hljs-built_in,
29
+ .editify-hljs-doctag,
30
+ .editify-hljs-keyword,
31
+ .editify-hljs-name,
32
+ .editify-hljs-section,
33
+ .editify-hljs-strong,
34
+ .editify-hljs-tag,
35
+ .editify-hljs-literal,
36
+ .editify-hljs-type {
37
+ color: #092d5d;
38
+ }
39
+
40
+ .editify-hljs-title {
41
+ color: #c45d08;
42
+ }
43
+
44
+ .editify-hljs-selector-tag {
45
+ color: #920606;
46
+ }
47
+
48
+ .editify-hljs-selector-class {
49
+ color: #c45d08;
50
+ }
51
+
52
+ .editify-hljs-selector-id {
53
+ color: #0d658d;
54
+ }
package/src/hljs/index.js CHANGED
@@ -1,62 +1,62 @@
1
- //引入核心库
2
- import hljs from 'highlight.js/lib/core'
3
- //引入语言支持
4
- import plaintext from 'highlight.js/lib/languages/plaintext'
5
- import json from 'highlight.js/lib/languages/json'
6
- import javascript from 'highlight.js/lib/languages/javascript'
7
- import java from 'highlight.js/lib/languages/java'
8
- import typescript from 'highlight.js/lib/languages/typescript'
9
- import html from 'highlight.js/lib/languages/xml'
10
- import markdown from 'highlight.js/lib/languages/markdown'
11
- import css from 'highlight.js/lib/languages/css'
12
- import less from 'highlight.js/lib/languages/less'
13
- import scss from 'highlight.js/lib/languages/scss'
14
- import objectivec from 'highlight.js/lib/languages/objectivec'
15
- import swift from 'highlight.js/lib/languages/swift'
16
- import dart from 'highlight.js/lib/languages/dart'
17
- import nginx from 'highlight.js/lib/languages/nginx'
18
- import php from 'highlight.js/lib/languages/php'
19
- import python from 'highlight.js/lib/languages/python'
20
- //注册语言
21
- hljs.registerLanguage('plaintext', plaintext)
22
- hljs.registerLanguage('json', json)
23
- hljs.registerLanguage('javascript', javascript)
24
- hljs.registerLanguage('java', java)
25
- hljs.registerLanguage('typescript', typescript)
26
- hljs.registerLanguage('html', html)
27
- hljs.registerLanguage('markdown', markdown)
28
- hljs.registerLanguage('css', css)
29
- hljs.registerLanguage('less', less)
30
- hljs.registerLanguage('scss', scss)
31
- hljs.registerLanguage('objectivec', objectivec)
32
- hljs.registerLanguage('swift', swift)
33
- hljs.registerLanguage('dart', dart)
34
- hljs.registerLanguage('nginx', nginx)
35
- hljs.registerLanguage('php', php)
36
- hljs.registerLanguage('python', python)
37
- //引入css样式主题
38
- import '../css/hljs.less'
39
- //import 'highlight.js/styles/github.css'
40
- //import 'highlight.js/styles/atom-one-light.css'
41
- //import 'highlight.js/styles/lightfair.css'
42
- //import 'highlight.js/styles/color-brewer.css'
43
- //全局设置
44
- hljs.configure({
45
- cssSelector: 'pre',
46
- classPrefix: 'editify-hljs-',
47
- ignoreUnescapedHTML: true
48
- })
49
-
50
- //获取经过hljs处理的html元素
51
- const getHljsHtml = function (code, language) {
52
- if (language) {
53
- return hljs.highlight(code, {
54
- language: language,
55
- ignoreIllegals: true
56
- }).value
57
- }
58
- return hljs.highlightAuto(code).value
59
- }
60
- const languages = ['plaintext', 'json', 'javascript', 'html', 'css', 'less', 'scss', 'java', 'markdown', 'swift', 'objectivec', 'typescript', 'dart', 'nginx', 'php', 'python']
61
-
62
- export { getHljsHtml, languages }
1
+ //引入核心库
2
+ import hljs from 'highlight.js/lib/core'
3
+ //引入语言支持
4
+ import plaintext from 'highlight.js/lib/languages/plaintext'
5
+ import json from 'highlight.js/lib/languages/json'
6
+ import javascript from 'highlight.js/lib/languages/javascript'
7
+ import java from 'highlight.js/lib/languages/java'
8
+ import typescript from 'highlight.js/lib/languages/typescript'
9
+ import html from 'highlight.js/lib/languages/xml'
10
+ import markdown from 'highlight.js/lib/languages/markdown'
11
+ import css from 'highlight.js/lib/languages/css'
12
+ import less from 'highlight.js/lib/languages/less'
13
+ import scss from 'highlight.js/lib/languages/scss'
14
+ import objectivec from 'highlight.js/lib/languages/objectivec'
15
+ import swift from 'highlight.js/lib/languages/swift'
16
+ import dart from 'highlight.js/lib/languages/dart'
17
+ import nginx from 'highlight.js/lib/languages/nginx'
18
+ import php from 'highlight.js/lib/languages/php'
19
+ import python from 'highlight.js/lib/languages/python'
20
+ //注册语言
21
+ hljs.registerLanguage('plaintext', plaintext)
22
+ hljs.registerLanguage('json', json)
23
+ hljs.registerLanguage('javascript', javascript)
24
+ hljs.registerLanguage('java', java)
25
+ hljs.registerLanguage('typescript', typescript)
26
+ hljs.registerLanguage('html', html)
27
+ hljs.registerLanguage('markdown', markdown)
28
+ hljs.registerLanguage('css', css)
29
+ hljs.registerLanguage('less', less)
30
+ hljs.registerLanguage('scss', scss)
31
+ hljs.registerLanguage('objectivec', objectivec)
32
+ hljs.registerLanguage('swift', swift)
33
+ hljs.registerLanguage('dart', dart)
34
+ hljs.registerLanguage('nginx', nginx)
35
+ hljs.registerLanguage('php', php)
36
+ hljs.registerLanguage('python', python)
37
+ //引入css样式主题
38
+ import '../css/hljs.less'
39
+ //import 'highlight.js/styles/github.css'
40
+ //import 'highlight.js/styles/atom-one-light.css'
41
+ //import 'highlight.js/styles/lightfair.css'
42
+ //import 'highlight.js/styles/color-brewer.css'
43
+ //全局设置
44
+ hljs.configure({
45
+ cssSelector: 'pre',
46
+ classPrefix: 'editify-hljs-',
47
+ ignoreUnescapedHTML: true
48
+ })
49
+
50
+ //获取经过hljs处理的html元素
51
+ const getHljsHtml = function (code, language) {
52
+ if (language) {
53
+ return hljs.highlight(code, {
54
+ language: language,
55
+ ignoreIllegals: true
56
+ }).value
57
+ }
58
+ return hljs.highlightAuto(code).value
59
+ }
60
+ const languages = ['plaintext', 'json', 'javascript', 'html', 'css', 'less', 'scss', 'java', 'markdown', 'swift', 'objectivec', 'typescript', 'dart', 'nginx', 'php', 'python']
61
+
62
+ export { getHljsHtml, languages }