vue-editify 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 }