vue-editify 0.0.27 → 0.0.29
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -3
- package/examples/App.vue +90 -90
- package/examples/main.js +4 -4
- package/lib/editify.es.js +104 -71
- package/lib/editify.umd.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +37 -37
- package/src/Editify.vue +2004 -2004
- package/src/components/base/Button.vue +440 -440
- package/src/components/base/Checkbox.vue +196 -196
- package/src/components/base/Icon.vue +31 -31
- package/src/components/base/Layer.vue +712 -712
- package/src/components/base/Tooltip.vue +82 -82
- package/src/components/base/Triangle.vue +159 -159
- package/src/components/bussiness/Colors.vue +138 -138
- package/src/components/bussiness/InsertImage.vue +316 -316
- package/src/components/bussiness/InsertLink.vue +136 -136
- package/src/components/bussiness/InsertTable.vue +157 -157
- package/src/components/bussiness/InsertVideo.vue +316 -316
- package/src/components/bussiness/Menu.vue +1458 -1458
- package/src/components/bussiness/Toolbar.vue +1122 -1122
- package/src/core/index.js +1263 -1263
- package/src/css/base.less +30 -30
- package/src/css/hljs.less +54 -54
- package/src/hljs/index.js +62 -62
- package/src/icon/iconfont.css +211 -211
- package/src/index.js +24 -24
- package/src/locale/en_US.js +84 -84
- package/src/locale/index.js +14 -14
- package/src/locale/zh_CN.js +84 -84
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 }
|