imatrix-ui 0.1.1-up → 0.1.2-up
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.
|
@@ -1,104 +1,34 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<div
|
|
11
|
-
:id="viewerId"
|
|
12
|
-
:style="{ maxHeight: maxHeight + 'px' }"
|
|
13
|
-
style="overflow: auto; border: 1px solid #dcdfe6; padding: 2px"
|
|
14
|
-
/>
|
|
15
|
-
<el-tooltip
|
|
16
|
-
:content="$t('imatrixUIPublicModel.fullScreen')"
|
|
17
|
-
class="item"
|
|
18
|
-
effect="dark"
|
|
19
|
-
placement="top"
|
|
20
|
-
>
|
|
21
|
-
<em
|
|
22
|
-
class="el-icon-full-screen"
|
|
23
|
-
style="z-index: 1; right: 20px; position: absolute; top: 2px"
|
|
24
|
-
@click="fullScreenContent"
|
|
25
|
-
/>
|
|
26
|
-
</el-tooltip>
|
|
27
|
-
<el-image
|
|
28
|
-
ref="previewImg"
|
|
29
|
-
:src="srcList[0]"
|
|
30
|
-
:preview-src-list="srcList"
|
|
31
|
-
style="display: none; width: 100px; height: 100px"
|
|
32
|
-
/>
|
|
33
|
-
</div>
|
|
34
|
-
<el-dialog
|
|
35
|
-
v-model="dialogVisible"
|
|
36
|
-
:title="title"
|
|
37
|
-
destroy-on-close
|
|
38
|
-
append-to-body
|
|
39
|
-
fullscreen
|
|
40
|
-
>
|
|
41
|
-
<div :id="fullscreenViewerId" />
|
|
42
|
-
</el-dialog>
|
|
43
|
-
</div>
|
|
2
|
+
<main id="sample">
|
|
3
|
+
<Editor
|
|
4
|
+
api-key="no-api-key"
|
|
5
|
+
:init="{
|
|
6
|
+
plugins: 'lists link image table code help wordcount'
|
|
7
|
+
}"
|
|
8
|
+
/>
|
|
9
|
+
</main>
|
|
44
10
|
</template>
|
|
11
|
+
<style scoped>
|
|
12
|
+
.logo {
|
|
13
|
+
display: block;
|
|
14
|
+
margin: 0 auto 2rem;
|
|
15
|
+
}
|
|
45
16
|
|
|
17
|
+
@media (min-width: 1024px) {
|
|
18
|
+
#sample {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
place-items: center;
|
|
22
|
+
width: 1000px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
</style>
|
|
46
26
|
<script>
|
|
47
|
-
import
|
|
48
|
-
|
|
49
|
-
import { getLanguageWithLocale } from '../../src/utils/util'
|
|
50
|
-
// 引入tinymce编辑器
|
|
51
|
-
// import Editor from '@tinymce/tinymce-vue'
|
|
52
|
-
// // 引入node_modules里的tinymce相关文件文件
|
|
53
|
-
// import * as tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入则不显示编辑器
|
|
54
|
-
// import 'tinymce/themes/silver' // 编辑器主题，不引入则报错
|
|
55
|
-
// import 'tinymce/icons/default' // 引入编辑器图标icon，不引入则不显示对应图标
|
|
56
|
-
//
|
|
57
|
-
// // 引入编辑器插件
|
|
58
|
-
// import 'tinymce/plugins/advlist' // 高级列表
|
|
59
|
-
// // import 'tinymce/plugins/anchor' // 锚点
|
|
60
|
-
// // import 'tinymce/plugins/autolink' // 自动链接
|
|
61
|
-
// // import 'tinymce/plugins/autoresize' // 编辑器高度自适应,注：plugins里引入此插件时，Init里设置的height将失效
|
|
62
|
-
// // import 'tinymce/plugins/autosave' // 自动存稿
|
|
63
|
-
// import 'tinymce/plugins/directionality' // 文字方向
|
|
64
|
-
// // import 'tinymce/plugins/fullpage' // 文档属性
|
|
65
|
-
// import 'tinymce/plugins/fullscreen' // 全屏
|
|
66
|
-
// // import 'tinymce/plugins/hr' // 水平分割线
|
|
67
|
-
// import 'tinymce/plugins/image' // 插入编辑图片
|
|
68
|
-
// // import 'tinymce/plugins/importcss' // 引入css
|
|
69
|
-
// // import 'tinymce/plugins/insertdatetime' // 插入日期时间
|
|
70
|
-
// import 'tinymce/plugins/link' // 超链接
|
|
71
|
-
// import 'tinymce/plugins/lists' // 列表插件
|
|
72
|
-
// // import 'tinymce/plugins/media' // 插入编辑媒体
|
|
73
|
-
// // import 'tinymce/plugins/nonbreaking' // 插入不间断空格
|
|
74
|
-
// // import 'tinymce/plugins/pagebreak' // 插入分页符
|
|
75
|
-
// // import 'tinymce/plugins/paste' // 粘贴插件
|
|
76
|
-
// import 'tinymce/plugins/preview' // 预览
|
|
77
|
-
// // import 'tinymce/plugins/print' // 打印
|
|
78
|
-
// import 'tinymce/plugins/quickbars' // 快速工具栏
|
|
79
|
-
// import 'tinymce/plugins/save' // 保存
|
|
80
|
-
// import 'tinymce/plugins/searchreplace' // 查找替换
|
|
81
|
-
// // import 'tinymce/plugins/spellchecker' //拼写检查，暂未加入汉化，不建议使用
|
|
82
|
-
// // import 'tinymce/plugins/tabfocus' // 切入切出，按tab键切出编辑器，切入页面其他输入框中
|
|
83
|
-
// import 'tinymce/plugins/table' // 表格
|
|
84
|
-
// // import 'tinymce/plugins/template' // 内容模板
|
|
85
|
-
// // import 'tinymce/plugins/textcolor' // 文字颜色
|
|
86
|
-
// // import 'tinymce/plugins/textpattern' // 快速排版
|
|
87
|
-
// // import 'tinymce/plugins/toc' // 目录生成器
|
|
88
|
-
// // import 'tinymce/plugins/visualblocks' // 显示元素范围
|
|
89
|
-
// // import 'tinymce/plugins/visualchars' // 显示不可见字符
|
|
90
|
-
// import 'tinymce/plugins/wordcount' // 字数统计
|
|
91
|
-
// // 样式
|
|
92
|
-
// // import 'tinymce/skins/content/default/content.min.css'
|
|
93
|
-
// import 'tinymce/skins/ui/oxide/skin.min.css'
|
|
94
|
-
// import 'tinymce/skins/ui/oxide/content.min.css'
|
|
95
|
-
// // 主题
|
|
96
|
-
// import 'tinymce/themes/silver'
|
|
97
|
-
import * as Vue from 'vue'
|
|
27
|
+
import Editor from '@tinymce/tinymce-vue'
|
|
98
28
|
export default {
|
|
99
29
|
name: 'RichEditor',
|
|
100
30
|
components: {
|
|
101
|
-
|
|
31
|
+
Editor,
|
|
102
32
|
},
|
|
103
33
|
props: {
|
|
104
34
|
entity: {
|
|
@@ -1,30 +1,100 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
<div :style="{ maxHeight: maxHeight + 'px' }">
|
|
3
|
+
<!--<Editor-->
|
|
4
|
+
<!-- v-if="!disabled"-->
|
|
5
|
+
<!-- v-model:value="contentValue"-->
|
|
6
|
+
<!-- :init="init"-->
|
|
7
|
+
<!-- :disabled="disabled"-->
|
|
8
|
+
<!--/>-->
|
|
9
|
+
<div>
|
|
10
|
+
<div
|
|
11
|
+
:id="viewerId"
|
|
12
|
+
:style="{ maxHeight: maxHeight + 'px' }"
|
|
13
|
+
style="overflow: auto; border: 1px solid #dcdfe6; padding: 2px"
|
|
14
|
+
/>
|
|
15
|
+
<el-tooltip
|
|
16
|
+
:content="$t('imatrixUIPublicModel.fullScreen')"
|
|
17
|
+
class="item"
|
|
18
|
+
effect="dark"
|
|
19
|
+
placement="top"
|
|
20
|
+
>
|
|
21
|
+
<em
|
|
22
|
+
class="el-icon-full-screen"
|
|
23
|
+
style="z-index: 1; right: 20px; position: absolute; top: 2px"
|
|
24
|
+
@click="fullScreenContent"
|
|
25
|
+
/>
|
|
26
|
+
</el-tooltip>
|
|
27
|
+
<el-image
|
|
28
|
+
ref="previewImg"
|
|
29
|
+
:src="srcList[0]"
|
|
30
|
+
:preview-src-list="srcList"
|
|
31
|
+
style="display: none; width: 100px; height: 100px"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
<el-dialog
|
|
35
|
+
v-model="dialogVisible"
|
|
36
|
+
:title="title"
|
|
37
|
+
destroy-on-close
|
|
38
|
+
append-to-body
|
|
39
|
+
fullscreen
|
|
40
|
+
>
|
|
41
|
+
<div :id="fullscreenViewerId" />
|
|
42
|
+
</el-dialog>
|
|
43
|
+
</div>
|
|
10
44
|
</template>
|
|
11
|
-
<style scoped>
|
|
12
|
-
.logo {
|
|
13
|
-
display: block;
|
|
14
|
-
margin: 0 auto 2rem;
|
|
15
|
-
}
|
|
16
45
|
|
|
17
|
-
@media (min-width: 1024px) {
|
|
18
|
-
#sample {
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
place-items: center;
|
|
22
|
-
width: 1000px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
</style>
|
|
26
46
|
<script>
|
|
27
|
-
import
|
|
47
|
+
import { $on, $off, $once, $emit } from '../utils/gogocodeTransfer'
|
|
48
|
+
|
|
49
|
+
import { getLanguageWithLocale } from '../../src/utils/util'
|
|
50
|
+
// 引入tinymce编辑器
|
|
51
|
+
// import Editor from '@tinymce/tinymce-vue'
|
|
52
|
+
// // 引入node_modules里的tinymce相关文件文件
|
|
53
|
+
// import * as tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入则不显示编辑器
|
|
54
|
+
// import 'tinymce/themes/silver' // 编辑器主题，不引入则报错
|
|
55
|
+
// import 'tinymce/icons/default' // 引入编辑器图标icon，不引入则不显示对应图标
|
|
56
|
+
//
|
|
57
|
+
// // 引入编辑器插件
|
|
58
|
+
// import 'tinymce/plugins/advlist' // 高级列表
|
|
59
|
+
// // import 'tinymce/plugins/anchor' // 锚点
|
|
60
|
+
// // import 'tinymce/plugins/autolink' // 自动链接
|
|
61
|
+
// // import 'tinymce/plugins/autoresize' // 编辑器高度自适应,注：plugins里引入此插件时，Init里设置的height将失效
|
|
62
|
+
// // import 'tinymce/plugins/autosave' // 自动存稿
|
|
63
|
+
// import 'tinymce/plugins/directionality' // 文字方向
|
|
64
|
+
// // import 'tinymce/plugins/fullpage' // 文档属性
|
|
65
|
+
// import 'tinymce/plugins/fullscreen' // 全屏
|
|
66
|
+
// // import 'tinymce/plugins/hr' // 水平分割线
|
|
67
|
+
// import 'tinymce/plugins/image' // 插入编辑图片
|
|
68
|
+
// // import 'tinymce/plugins/importcss' // 引入css
|
|
69
|
+
// // import 'tinymce/plugins/insertdatetime' // 插入日期时间
|
|
70
|
+
// import 'tinymce/plugins/link' // 超链接
|
|
71
|
+
// import 'tinymce/plugins/lists' // 列表插件
|
|
72
|
+
// // import 'tinymce/plugins/media' // 插入编辑媒体
|
|
73
|
+
// // import 'tinymce/plugins/nonbreaking' // 插入不间断空格
|
|
74
|
+
// // import 'tinymce/plugins/pagebreak' // 插入分页符
|
|
75
|
+
// // import 'tinymce/plugins/paste' // 粘贴插件
|
|
76
|
+
// import 'tinymce/plugins/preview' // 预览
|
|
77
|
+
// // import 'tinymce/plugins/print' // 打印
|
|
78
|
+
// import 'tinymce/plugins/quickbars' // 快速工具栏
|
|
79
|
+
// import 'tinymce/plugins/save' // 保存
|
|
80
|
+
// import 'tinymce/plugins/searchreplace' // 查找替换
|
|
81
|
+
// // import 'tinymce/plugins/spellchecker' //拼写检查，暂未加入汉化，不建议使用
|
|
82
|
+
// // import 'tinymce/plugins/tabfocus' // 切入切出，按tab键切出编辑器，切入页面其他输入框中
|
|
83
|
+
// import 'tinymce/plugins/table' // 表格
|
|
84
|
+
// // import 'tinymce/plugins/template' // 内容模板
|
|
85
|
+
// // import 'tinymce/plugins/textcolor' // 文字颜色
|
|
86
|
+
// // import 'tinymce/plugins/textpattern' // 快速排版
|
|
87
|
+
// // import 'tinymce/plugins/toc' // 目录生成器
|
|
88
|
+
// // import 'tinymce/plugins/visualblocks' // 显示元素范围
|
|
89
|
+
// // import 'tinymce/plugins/visualchars' // 显示不可见字符
|
|
90
|
+
// import 'tinymce/plugins/wordcount' // 字数统计
|
|
91
|
+
// // 样式
|
|
92
|
+
// // import 'tinymce/skins/content/default/content.min.css'
|
|
93
|
+
// import 'tinymce/skins/ui/oxide/skin.min.css'
|
|
94
|
+
// import 'tinymce/skins/ui/oxide/content.min.css'
|
|
95
|
+
// // 主题
|
|
96
|
+
// import 'tinymce/themes/silver'
|
|
97
|
+
import * as Vue from 'vue'
|
|
28
98
|
export default {
|
|
29
99
|
name: 'RichEditor',
|
|
30
100
|
components: {
|
package/package.json
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "imatrix-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2-up",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"lib": "vite build",
|
|
7
7
|
"preview": "vite preview"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@tinymce/tinymce-vue": "5",
|
|
11
10
|
"async-validator": "^4.2.5",
|
|
12
11
|
"element-plus": "^2.4.1",
|
|
13
|
-
"js-cookie": "^
|
|
12
|
+
"js-cookie": "^2.2.0",
|
|
14
13
|
"sortablejs": "^1.15.0",
|
|
15
14
|
"tinymce": "^6.7.1"
|
|
16
15
|
},
|