@lambo-design/wang-editor 1.0.0-beta.1

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/index.js ADDED
@@ -0,0 +1,2 @@
1
+ import LamboWangEditor from './src/index.vue'
2
+ export default LamboWangEditor
package/package.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "@lambo-design/wang-editor",
3
+ "version": "1.0.0-beta.1",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "author": "lambo",
7
+ "license": "ISC",
8
+ "publishConfig": {
9
+ "access": "public",
10
+ "registry": "https://registry.npmjs.org/"
11
+ },
12
+ "dependencies": {
13
+ "wangeditor": "^3.1.1"
14
+ },
15
+ "devDependencies": {
16
+ "@lambo-design/core": "^4.7.1-beta.45",
17
+ "@lambo-design/shared": "^1.0.0-beta.26"
18
+ },
19
+ "scripts": {}
20
+ }
package/src/index.vue ADDED
@@ -0,0 +1,191 @@
1
+ <template>
2
+ <div class="lambo-wang-editor editor-wrapper">
3
+ <div :id="editorId"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import axios from 'axios';
9
+ import {oneOf} from '@lambo-design/shared/utils/platform';
10
+
11
+ export default {
12
+ name: 'LamboWangEditor',
13
+ props: {
14
+ value: {
15
+ type: String,
16
+ default: ''
17
+ },
18
+ /**
19
+ * 绑定的值的类型, enum: ['html', 'text']
20
+ */
21
+ valueType: {
22
+ type: String,
23
+ default: 'html',
24
+ validator: (val) => {
25
+ return oneOf(val, ['html', 'text'])
26
+ }
27
+ },
28
+ /**
29
+ * @description 设置change事件触发时间间隔
30
+ */
31
+ changeInterval: {
32
+ type: Number,
33
+ default: 200
34
+ },
35
+ /**
36
+ * @description 是否开启本地存储
37
+ */
38
+ cache: {
39
+ type: Boolean,
40
+ default: true
41
+ },
42
+ /**
43
+ * 上传图片上下文
44
+ */
45
+ ossServerContext: {
46
+ type: String,
47
+ default: ''
48
+ },
49
+ /**
50
+ * 上传图片Url地址
51
+ */
52
+ ossFilePutUrl: {
53
+ type: String,
54
+ default: "/oss/file/put"
55
+ },
56
+ /**
57
+ * 获取图片url地址
58
+ */
59
+ ossFileGetImgUrl: {
60
+ type: String,
61
+ default: "/oss/file/getImage/"
62
+ },
63
+
64
+ },
65
+ computed: {
66
+ editorId() {
67
+ return `editor${this._uid}`
68
+ }
69
+ },
70
+ methods: {
71
+ setHtml(val) {
72
+ this.editor.txt.html(val)
73
+ }
74
+ },
75
+ mounted() {
76
+ let self = this;
77
+ const Editor = require('wangeditor')
78
+ self.editor = new Editor(`#${this.editorId}`)
79
+ self.editor.customConfig.onchange = (html) => {
80
+ let text = self.editor.txt.text()
81
+ if (self.cache) localStorage.editorCache = html
82
+ this.$emit('input', self.valueType === 'html' ? html : text)
83
+ this.$emit('on-change', html, text)
84
+ }
85
+
86
+ // 删除粘贴内容的样式
87
+ self.editor.customConfig.pasteFilterStyle = false
88
+ // 设置触发事件间隔
89
+ self.editor.customConfig.onchangeTimeout = this.changeInterval
90
+
91
+ self.editor.customConfig.zIndex = 1000
92
+
93
+ // 配置debug模式
94
+ self.editor.customConfig.debug = true
95
+ // 隐藏“网络图片”tab
96
+ self.editor.customConfig.showLinkImg = false
97
+ // 使用 base64 保存图片
98
+ // this.editor.customConfig.uploadImgShowBase64 = true
99
+ // 上传图片到服务器
100
+ // this.editor.customConfig.uploadImgServer = config.ossServerContext + "/file/wangeditor/put"
101
+ //
102
+ self.editor.customConfig.uploadImgHeaders = {
103
+ // 'Accept': 'multipart/form-data, text/plain, */*',
104
+ // 'enctype':'multipart/form-data'
105
+ // =""
106
+ }
107
+ let ossServer = this.ossServerContext;
108
+ self.editor.customConfig.customUploadImg = function (files, insert) {
109
+ let formData = new FormData();
110
+ for (let file of files) {
111
+ formData.append('file', file);
112
+ }
113
+ // files 是 input 中选中的文件列表
114
+ // insert 是获取图片 url 后,插入到编辑器的方法
115
+ axios.post(ossServer + self.ossFilePutUrl, formData).then(response => {
116
+ if (response.data.code == "1") {
117
+ var result = response.data.data;
118
+ // 上传代码返回结果之后,将图片插入到编辑器中
119
+ let imgUrl = []
120
+ result.forEach(item => {
121
+ insert(ossServer + self.ossFileGetImgUrl + item.fileId)
122
+ // imgUrl.push()
123
+ })
124
+
125
+ }
126
+ })
127
+
128
+
129
+ }
130
+ // 自定义菜单配置
131
+ self.editor.customConfig.menus = [
132
+ 'head', // 标题
133
+ 'bold', // 粗体
134
+ 'fontSize', // 字号
135
+ 'fontName', // 字体
136
+ 'italic', // 斜体
137
+ 'underline', // 下划线
138
+ 'strikeThrough', // 删除线
139
+ 'foreColor', // 文字颜色
140
+ 'backColor', // 背景颜色
141
+ 'link', // 插入链接
142
+ 'list', // 列表
143
+ 'justify', // 对齐方式
144
+ 'quote', // 引用
145
+ // 'emoticon', // 表情
146
+ 'image', // 插入图片
147
+ 'table', // 表格
148
+ 'video', // 插入视频
149
+ 'code', // 插入代码
150
+ 'undo', // 撤销
151
+ 'redo' // 重复
152
+ ]
153
+ // 自定义配置颜色(字体颜色、背景色)
154
+ self.editor.customConfig.colors = [
155
+ '#000000',
156
+ '#eeece0',
157
+ '#1c487f',
158
+ '#4d80bf',
159
+ '#c24f4a',
160
+ '#8baa4a',
161
+ '#7b5ba1',
162
+ '#46acc8',
163
+ '#f9963b',
164
+ '#ffffff'
165
+ ]
166
+ self.editor.customConfig.pasteTextHandle = function (content) {
167
+ // content 即粘贴过来的内容(html 或 纯文本),可进行自定义处理然后返回
168
+ if (content == '' && !content) return ''
169
+ var str = content
170
+ str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
171
+ str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
172
+ str = str.replace(/<\/?[^>]*>/g, '')
173
+ str = str.replace(/[ | ]*\n/g, '\n')
174
+ // str = str.replace(/&nbsp;/ig, '')
175
+ return str
176
+ }
177
+
178
+ // create这个方法一定要在所有配置项之后调用
179
+ self.editor.create()
180
+ // 如果本地有存储加载本地存储内容
181
+ let html = self.value || localStorage.editorCache
182
+
183
+
184
+ if (html) self.editor.txt.html(html)
185
+ }
186
+ }
187
+ </script>
188
+
189
+ <style lang="less">
190
+ @import "./styles/css/index.less";
191
+ </style>
@@ -0,0 +1,428 @@
1
+ @import '@lambo-design/core/src/styles/default.less';
2
+ .lambo-wang-editor{
3
+ .w-e-toolbar,
4
+ .w-e-text-container,
5
+ .w-e-menu-panel {
6
+ padding: 0;
7
+ margin: 0;
8
+ box-sizing: border-box;
9
+ }
10
+ .w-e-toolbar *,
11
+ .w-e-text-container *,
12
+ .w-e-menu-panel * {
13
+ padding: 0;
14
+ margin: 0;
15
+ box-sizing: border-box;
16
+ }
17
+ .w-e-clear-fix:after {
18
+ content: "";
19
+ display: table;
20
+ clear: both;
21
+ }
22
+
23
+ .w-e-toolbar .w-e-droplist {
24
+ position: absolute;
25
+ left: 0;
26
+ top: 0;
27
+ background-color: var(---background-color-base,@_background-color-base);
28
+ border: 1px solid #f1f1f1;
29
+ border-right-color: var(---border-color-split,@_border-color-split);
30
+ border-bottom-color: var(---border-color-split,@_border-color-split);
31
+ }
32
+ .w-e-toolbar .w-e-droplist .w-e-dp-title {
33
+ text-align: center;
34
+ color: #999;
35
+ line-height: 2;
36
+ border-bottom: 1px solid #f1f1f1;
37
+ font-size: 13px;
38
+ }
39
+ .w-e-toolbar .w-e-droplist ul.w-e-list {
40
+ list-style: none;
41
+ line-height: 1;
42
+ }
43
+ .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item {
44
+ color: #333;
45
+ padding: 5px 0;
46
+ }
47
+ .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item:hover {
48
+ background-color: #f1f1f1;
49
+ }
50
+ .w-e-toolbar .w-e-droplist ul.w-e-block {
51
+ list-style: none;
52
+ text-align: left;
53
+ padding: 5px;
54
+ }
55
+ .w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item {
56
+ display: inline-block;
57
+ *display: inline;
58
+ *zoom: 1;
59
+ padding: 3px 5px;
60
+ }
61
+ .w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item:hover {
62
+ background-color: #f1f1f1;
63
+ }
64
+
65
+ @font-face {
66
+ font-family: 'w-e-icon';
67
+ src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('truetype');
68
+ font-weight: normal;
69
+ font-style: normal;
70
+ }
71
+ [class^="w-e-icon-"],
72
+ [class*=" w-e-icon-"] {
73
+ /* use !important to prevent issues with browser extensions that change fonts */
74
+ font-family: 'w-e-icon' !important;
75
+ speak: none;
76
+ font-style: normal;
77
+ font-weight: normal;
78
+ font-variant: normal;
79
+ text-transform: none;
80
+ line-height: 1;
81
+ /* Better Font Rendering =========== */
82
+ -webkit-font-smoothing: antialiased;
83
+ -moz-osx-font-smoothing: grayscale;
84
+ }
85
+ .w-e-icon-close:before {
86
+ content: "\f00d";
87
+ }
88
+ .w-e-icon-upload2:before {
89
+ content: "\e9c6";
90
+ }
91
+ .w-e-icon-trash-o:before {
92
+ content: "\f014";
93
+ }
94
+ .w-e-icon-header:before {
95
+ content: "\f1dc";
96
+ }
97
+ .w-e-icon-pencil2:before {
98
+ content: "\e906";
99
+ }
100
+ .w-e-icon-paint-brush:before {
101
+ content: "\f1fc";
102
+ }
103
+ .w-e-icon-image:before {
104
+ content: "\e90d";
105
+ }
106
+ .w-e-icon-play:before {
107
+ content: "\e912";
108
+ }
109
+ .w-e-icon-location:before {
110
+ content: "\e947";
111
+ }
112
+ .w-e-icon-undo:before {
113
+ content: "\e965";
114
+ }
115
+ .w-e-icon-redo:before {
116
+ content: "\e966";
117
+ }
118
+ .w-e-icon-quotes-left:before {
119
+ content: "\e977";
120
+ }
121
+ .w-e-icon-list-numbered:before {
122
+ content: "\e9b9";
123
+ }
124
+ .w-e-icon-list2:before {
125
+ content: "\e9bb";
126
+ }
127
+ .w-e-icon-link:before {
128
+ content: "\e9cb";
129
+ }
130
+ .w-e-icon-happy:before {
131
+ content: "\e9df";
132
+ }
133
+ .w-e-icon-bold:before {
134
+ content: "\ea62";
135
+ }
136
+ .w-e-icon-underline:before {
137
+ content: "\ea63";
138
+ }
139
+ .w-e-icon-italic:before {
140
+ content: "\ea64";
141
+ }
142
+ .w-e-icon-strikethrough:before {
143
+ content: "\ea65";
144
+ }
145
+ .w-e-icon-table2:before {
146
+ content: "\ea71";
147
+ }
148
+ .w-e-icon-paragraph-left:before {
149
+ content: "\ea77";
150
+ }
151
+ .w-e-icon-paragraph-center:before {
152
+ content: "\ea78";
153
+ }
154
+ .w-e-icon-paragraph-right:before {
155
+ content: "\ea79";
156
+ }
157
+ .w-e-icon-terminal:before {
158
+ content: "\f120";
159
+ }
160
+ .w-e-icon-page-break:before {
161
+ content: "\ea68";
162
+ }
163
+ .w-e-icon-cancel-circle:before {
164
+ content: "\ea0d";
165
+ }
166
+ .w-e-icon-font:before {
167
+ content: "\ea5c";
168
+ }
169
+ .w-e-icon-text-heigh:before {
170
+ content: "\ea5f";
171
+ }
172
+
173
+ .w-e-toolbar {
174
+ display: -webkit-box;
175
+ display: -ms-flexbox;
176
+ display: flex;
177
+ padding: 0 5px;
178
+ /* flex-wrap: wrap; */
179
+ /* 单个菜单 */
180
+ }
181
+ .w-e-toolbar .w-e-menu {
182
+ position: relative;
183
+ text-align: center;
184
+ padding: 5px 10px;
185
+ cursor: pointer;
186
+ }
187
+ .w-e-toolbar .w-e-menu i {
188
+ color: #999;
189
+ }
190
+ .w-e-toolbar .w-e-menu:hover i {
191
+ color: #333;
192
+ }
193
+ .w-e-toolbar .w-e-active i {
194
+ color: #1e88e5;
195
+ }
196
+ .w-e-toolbar .w-e-active:hover i {
197
+ color: #1e88e5;
198
+ }
199
+
200
+ .w-e-text-container .w-e-panel-container {
201
+ position: absolute;
202
+ top: 0;
203
+ left: 50%;
204
+ border: 1px solid var(---border-color-split,@_border-color-split);
205
+ border-top: 0;
206
+ box-shadow: 1px 1px 2px var(---border-color-split,@_border-color-split);
207
+ color: #333;
208
+ background-color: #fff;
209
+ /* 为 emotion panel 定制的样式 */
210
+ /* 上传图片的 panel 定制样式 */
211
+ }
212
+ .w-e-text-container .w-e-panel-container .w-e-panel-close {
213
+ position: absolute;
214
+ right: 0;
215
+ top: 0;
216
+ padding: 5px;
217
+ margin: 2px 5px 0 0;
218
+ cursor: pointer;
219
+ color: #999;
220
+ }
221
+ .w-e-text-container .w-e-panel-container .w-e-panel-close:hover {
222
+ color: #333;
223
+ }
224
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-title {
225
+ list-style: none;
226
+ display: -webkit-box;
227
+ display: -ms-flexbox;
228
+ display: flex;
229
+ font-size: 14px;
230
+ margin: 2px 10px 0 10px;
231
+ border-bottom: 1px solid #f1f1f1;
232
+ }
233
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-item {
234
+ padding: 3px 5px;
235
+ color: #999;
236
+ cursor: pointer;
237
+ margin: 0 3px;
238
+ position: relative;
239
+ top: 1px;
240
+ }
241
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-active {
242
+ color: #333;
243
+ border-bottom: 1px solid #333;
244
+ cursor: default;
245
+ font-weight: 700;
246
+ }
247
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content {
248
+ padding: 10px 15px 10px 15px;
249
+ font-size: 16px;
250
+ /* 输入框的样式 */
251
+ /* 按钮的样式 */
252
+ }
253
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input:focus,
254
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus,
255
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content button:focus {
256
+ outline: none;
257
+ }
258
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea {
259
+ width: 100%;
260
+ border: 1px solid var(---border-color-split,@_border-color-split);
261
+ padding: 5px;
262
+ }
263
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus {
264
+ border-color: #1e88e5;
265
+ }
266
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text] {
267
+ border: none;
268
+ border-bottom: 1px solid var(---border-color-split,@_border-color-split);
269
+ font-size: 14px;
270
+ height: 20px;
271
+ color: #333;
272
+ text-align: left;
273
+ }
274
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].small {
275
+ width: 30px;
276
+ text-align: center;
277
+ }
278
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].block {
279
+ display: block;
280
+ width: 100%;
281
+ margin: 10px 0;
282
+ }
283
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text]:focus {
284
+ border-bottom: 2px solid #1e88e5;
285
+ }
286
+ //.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button {
287
+ // font-size: 14px;
288
+ // color: #0091FF;
289
+ // border: none;
290
+ // padding: 5px 10px;
291
+ // background-color: #fff;
292
+ // cursor: pointer;
293
+ // border-radius: 3px;
294
+ //}
295
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.left {
296
+ float: left;
297
+ margin-right: 10px;
298
+ }
299
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.right {
300
+ float: right;
301
+ margin-left: 10px;
302
+ }
303
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.gray {
304
+ color: #999;
305
+ }
306
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.red {
307
+ color: #c24f4a;
308
+ }
309
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button:hover {
310
+ background-color: #f1f1f1;
311
+ }
312
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container:after {
313
+ content: "";
314
+ display: table;
315
+ clear: both;
316
+ }
317
+ .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item {
318
+ cursor: pointer;
319
+ font-size: 18px;
320
+ padding: 0 3px;
321
+ display: inline-block;
322
+ *display: inline;
323
+ *zoom: 1;
324
+ }
325
+ .w-e-text-container .w-e-panel-container .w-e-up-img-container {
326
+ text-align: center;
327
+ }
328
+ .w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn {
329
+ display: inline-block;
330
+ *display: inline;
331
+ *zoom: 1;
332
+ color: #999;
333
+ cursor: pointer;
334
+ font-size: 60px;
335
+ line-height: 1;
336
+ }
337
+ .w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn:hover {
338
+ color: #333;
339
+ }
340
+
341
+ .w-e-text-container {
342
+ position: relative;
343
+ }
344
+ .w-e-text-container .w-e-progress {
345
+ position: absolute;
346
+ background-color: #1e88e5;
347
+ bottom: 0;
348
+ left: 0;
349
+ height: 1px;
350
+ }
351
+ .w-e-text {
352
+ padding: 0 10px;
353
+ overflow-y: scroll;
354
+ }
355
+ .w-e-text p,
356
+ .w-e-text h1,
357
+ .w-e-text h2,
358
+ .w-e-text h3,
359
+ .w-e-text h4,
360
+ .w-e-text h5,
361
+ .w-e-text table,
362
+ .w-e-text pre {
363
+ margin: 10px 0;
364
+ line-height: 1.5;
365
+ }
366
+ .w-e-text ul,
367
+ .w-e-text ol {
368
+ margin: 10px 0 10px 20px;
369
+ }
370
+ .w-e-text blockquote {
371
+ display: block;
372
+ border-left: 8px solid #d0e5f2;
373
+ padding: 5px 10px;
374
+ margin: 10px 0;
375
+ line-height: 1.4;
376
+ font-size: 100%;
377
+ background-color: #f1f1f1;
378
+ }
379
+ .w-e-text code {
380
+ display: inline-block;
381
+ *display: inline;
382
+ *zoom: 1;
383
+ background-color: #f1f1f1;
384
+ border-radius: 3px;
385
+ padding: 3px 5px;
386
+ margin: 0 3px;
387
+ }
388
+ .w-e-text pre code {
389
+ display: block;
390
+ }
391
+ .w-e-text table {
392
+ border-top: 1px solid var(---border-color-split,@_border-color-split);
393
+ border-left: 1px solid var(---border-color-split,@_border-color-split);
394
+ }
395
+ .w-e-text table td,
396
+ .w-e-text table th {
397
+ border-bottom: 1px solid var(---border-color-split,@_border-color-split);
398
+ border-right: 1px solid var(---border-color-split,@_border-color-split);
399
+ padding: 3px 5px;
400
+ }
401
+ .w-e-text table th {
402
+ border-bottom: 2px solid var(---border-color-split,@_border-color-split);
403
+ text-align: center;
404
+ }
405
+ .w-e-text:focus {
406
+ outline: none;
407
+ }
408
+ .w-e-text img {
409
+ cursor: pointer;
410
+ width: 200px;
411
+ }
412
+ .w-e-text img:hover {
413
+ box-shadow: 0 0 5px #333;
414
+ }
415
+
416
+ .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button {
417
+ font-size: 14px;
418
+ color: #0091FF;
419
+ border: none;
420
+ padding: 5px 10px;
421
+ background-color: #fff;
422
+ cursor: pointer;
423
+ border-radius: 3px;
424
+ }
425
+ }
426
+
427
+
428
+