suneditor 2.43.3 → 2.43.6
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/README.md +4 -1
- package/dist/suneditor.min.js +2 -2
- package/package.json +1 -1
- package/src/assets/defaultIcons.js +2 -2
- package/src/lib/constructor.js +36 -23
- package/src/lib/context.js +17 -17
- package/src/lib/core.d.ts +0 -17
- package/src/lib/core.js +301 -197
- package/src/lib/util.js +1 -0
- package/src/plugins/dialog/audio.js +3 -3
- package/src/plugins/dialog/image.js +5 -5
- package/src/plugins/dialog/link.js +2 -2
- package/src/plugins/dialog/math.js +2 -2
- package/src/plugins/dialog/mention.js +1 -1
- package/src/plugins/dialog/video.js +5 -5
- package/src/plugins/modules/_anchor.js +2 -2
- package/src/plugins/modules/_colorPicker.js +3 -3
- package/src/plugins/modules/fileBrowser.js +2 -2
- package/src/plugins/submenu/align.js +1 -1
- package/src/plugins/submenu/font.js +2 -2
- package/src/plugins/submenu/fontSize.js +2 -2
- package/src/plugins/submenu/formatBlock.js +1 -1
- package/src/plugins/submenu/horizontalRule.js +1 -1
- package/src/plugins/submenu/lineHeight.js +2 -2
- package/src/plugins/submenu/list.js +2 -2
- package/src/plugins/submenu/paragraphStyle.js +1 -1
- package/src/plugins/submenu/table.js +2 -2
- package/src/plugins/submenu/template.js +1 -1
- package/src/plugins/submenu/textStyle.js +1 -1
package/src/lib/util.js
CHANGED
|
@@ -1380,6 +1380,7 @@ const util = {
|
|
|
1380
1380
|
* @returns {Element}
|
|
1381
1381
|
*/
|
|
1382
1382
|
splitElement: function (baseNode, offset, depth) {
|
|
1383
|
+
if (this.isWysiwygDiv(baseNode)) return baseNode;
|
|
1383
1384
|
const bp = baseNode.parentNode;
|
|
1384
1385
|
let index = 0, newEl, children, temp;
|
|
1385
1386
|
let next = true;
|
|
@@ -73,7 +73,7 @@ export default {
|
|
|
73
73
|
let html = '' +
|
|
74
74
|
'<form method="post" enctype="multipart/form-data">' +
|
|
75
75
|
'<div class="se-dialog-header">' +
|
|
76
|
-
'<button type="button" data-command="close" class="se-btn se-dialog-close"
|
|
76
|
+
'<button type="button" data-command="close" class="se-btn se-dialog-close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
77
77
|
core.icons.cancel +
|
|
78
78
|
'</button>' +
|
|
79
79
|
'<span class="se-modal-title">' + lang.dialogBox.audioBox.title + '</span>' +
|
|
@@ -86,7 +86,7 @@ export default {
|
|
|
86
86
|
'<label>' + lang.dialogBox.audioBox.file + '</label>' +
|
|
87
87
|
'<div class="se-dialog-form-files">' +
|
|
88
88
|
'<input class="se-input-form _se_audio_files" type="file" accept="' + option.audioAccept + '"' + (option.audioMultipleFile ? ' multiple="multiple"' : '') + '/>' +
|
|
89
|
-
'<button type="button" data-command="filesRemove" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
89
|
+
'<button type="button" data-command="filesRemove" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '" aria-label="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
90
90
|
'</div>' +
|
|
91
91
|
'</div>';
|
|
92
92
|
}
|
|
@@ -103,7 +103,7 @@ export default {
|
|
|
103
103
|
html += '' +
|
|
104
104
|
'</div>' +
|
|
105
105
|
'<div class="se-dialog-footer">' +
|
|
106
|
-
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
106
|
+
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
107
107
|
'</div>' +
|
|
108
108
|
'</form>';
|
|
109
109
|
|
|
@@ -126,7 +126,7 @@ export default {
|
|
|
126
126
|
|
|
127
127
|
let html = '' +
|
|
128
128
|
'<div class="se-dialog-header">' +
|
|
129
|
-
'<button type="button" data-command="close" class="se-btn se-dialog-close" class="close"
|
|
129
|
+
'<button type="button" data-command="close" class="se-btn se-dialog-close" class="close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
130
130
|
core.icons.cancel +
|
|
131
131
|
'</button>' +
|
|
132
132
|
'<span class="se-modal-title">' + lang.dialogBox.imageBox.title + '</span>' +
|
|
@@ -145,7 +145,7 @@ export default {
|
|
|
145
145
|
'<label>' + lang.dialogBox.imageBox.file + '</label>' +
|
|
146
146
|
'<div class="se-dialog-form-files">' +
|
|
147
147
|
'<input class="se-input-form _se_image_file" type="file" accept="' + option.imageAccept + '"' + (option.imageMultipleFile ? ' multiple="multiple"' : '') + '/>' +
|
|
148
|
-
'<button type="button" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
148
|
+
'<button type="button" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '" aria-label="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
149
149
|
'</div>' +
|
|
150
150
|
'</div>' ;
|
|
151
151
|
}
|
|
@@ -156,7 +156,7 @@ export default {
|
|
|
156
156
|
'<label>' + lang.dialogBox.imageBox.url + '</label>' +
|
|
157
157
|
'<div class="se-dialog-form-files">' +
|
|
158
158
|
'<input class="se-input-form se-input-url _se_image_url" type="text" />' +
|
|
159
|
-
((option.imageGalleryUrl && core.plugins.imageGallery) ? '<button type="button" class="se-btn se-dialog-files-edge-button __se__gallery" title="' + lang.toolbar.imageGallery + '">' + core.icons.image_gallery + '</button>' : '') +
|
|
159
|
+
((option.imageGalleryUrl && core.plugins.imageGallery) ? '<button type="button" class="se-btn se-dialog-files-edge-button __se__gallery" title="' + lang.toolbar.imageGallery + '" aria-label="' + lang.toolbar.imageGallery + '">' + core.icons.image_gallery + '</button>' : '') +
|
|
160
160
|
'</div>' +
|
|
161
161
|
'<pre class="se-link-preview"></pre>' +
|
|
162
162
|
'</div>';
|
|
@@ -190,7 +190,7 @@ export default {
|
|
|
190
190
|
'<label class="se-dialog-size-x"' + heightDisplay + '>' + (onlyPercentage ? '%' : 'x') + '</label>' +
|
|
191
191
|
'<input type="text" class="se-input-control _se_image_size_y" placeholder="auto"' + onlyPercentDisplay + (onlyPercentage ? ' max="100"' : '') + heightDisplay + '/>' +
|
|
192
192
|
'<label' + onlyPercentDisplay + heightDisplay + '><input type="checkbox" class="se-dialog-btn-check _se_image_check_proportion" checked/> ' + lang.dialogBox.proportion + '</label>' +
|
|
193
|
-
'<button type="button" title="' + lang.dialogBox.revertButton + '" class="se-btn se-dialog-btn-revert" style="float: right;">' + core.icons.revert + '</button>' +
|
|
193
|
+
'<button type="button" title="' + lang.dialogBox.revertButton + '" aria-label="' + lang.dialogBox.revertButton + '" class="se-btn se-dialog-btn-revert" style="float: right;">' + core.icons.revert + '</button>' +
|
|
194
194
|
'</div>' ;
|
|
195
195
|
}
|
|
196
196
|
|
|
@@ -210,7 +210,7 @@ export default {
|
|
|
210
210
|
'<label><input type="radio" name="suneditor_image_radio" class="se-dialog-btn-radio" value="center">' + lang.dialogBox.center + '</label>' +
|
|
211
211
|
'<label><input type="radio" name="suneditor_image_radio" class="se-dialog-btn-radio" value="right">' + lang.dialogBox.right + '</label>' +
|
|
212
212
|
'</div>' +
|
|
213
|
-
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
213
|
+
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
214
214
|
'</div>' +
|
|
215
215
|
'</form>';
|
|
216
216
|
|
|
@@ -59,14 +59,14 @@ export default {
|
|
|
59
59
|
let html = '' +
|
|
60
60
|
'<form>' +
|
|
61
61
|
'<div class="se-dialog-header">' +
|
|
62
|
-
'<button type="button" data-command="close" class="se-btn se-dialog-close"
|
|
62
|
+
'<button type="button" data-command="close" class="se-btn se-dialog-close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
63
63
|
icons.cancel +
|
|
64
64
|
'</button>' +
|
|
65
65
|
'<span class="se-modal-title">' + lang.dialogBox.linkBox.title + '</span>' +
|
|
66
66
|
'</div>' +
|
|
67
67
|
core.context.anchor.forms.innerHTML +
|
|
68
68
|
'<div class="se-dialog-footer">' +
|
|
69
|
-
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
69
|
+
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
70
70
|
'</div>' +
|
|
71
71
|
'</form>';
|
|
72
72
|
|
|
@@ -56,7 +56,7 @@ export default {
|
|
|
56
56
|
let html = '' +
|
|
57
57
|
'<form>' +
|
|
58
58
|
'<div class="se-dialog-header">' +
|
|
59
|
-
'<button type="button" data-command="close" class="se-btn se-dialog-close"
|
|
59
|
+
'<button type="button" data-command="close" class="se-btn se-dialog-close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
60
60
|
core.icons.cancel +
|
|
61
61
|
'</button>' +
|
|
62
62
|
'<span class="se-modal-title">' + lang.dialogBox.mathBox.title + '</span>' +
|
|
@@ -82,7 +82,7 @@ export default {
|
|
|
82
82
|
'</div>' +
|
|
83
83
|
'</div>' +
|
|
84
84
|
'<div class="se-dialog-footer">' +
|
|
85
|
-
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
85
|
+
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
86
86
|
'</div>' +
|
|
87
87
|
'</form>';
|
|
88
88
|
|
|
@@ -89,7 +89,7 @@ export default {
|
|
|
89
89
|
const html = `
|
|
90
90
|
<form class="se-dialog-form">
|
|
91
91
|
<div class="se-dialog-header">
|
|
92
|
-
<button type="button" data-command="close" class="se-btn se-dialog-close"
|
|
92
|
+
<button type="button" data-command="close" class="se-btn se-dialog-close" title="${lang.dialogBox.close}" aria-label="${lang.dialogBox.close}">
|
|
93
93
|
${core.icons.cancel}
|
|
94
94
|
</button>
|
|
95
95
|
<span class="se-modal-title">${lang.dialogBox.mentionBox.title}</span>
|
|
@@ -114,7 +114,7 @@ export default {
|
|
|
114
114
|
let html = '' +
|
|
115
115
|
'<form method="post" enctype="multipart/form-data">' +
|
|
116
116
|
'<div class="se-dialog-header">' +
|
|
117
|
-
'<button type="button" data-command="close" class="se-btn se-dialog-close"
|
|
117
|
+
'<button type="button" data-command="close" class="se-btn se-dialog-close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
118
118
|
core.icons.cancel +
|
|
119
119
|
'</button>' +
|
|
120
120
|
'<span class="se-modal-title">' + lang.dialogBox.videoBox.title + '</span>' +
|
|
@@ -127,7 +127,7 @@ export default {
|
|
|
127
127
|
'<label>' + lang.dialogBox.videoBox.file + '</label>' +
|
|
128
128
|
'<div class="se-dialog-form-files">' +
|
|
129
129
|
'<input class="se-input-form _se_video_file" type="file" accept="' + option.videoAccept + '"' + (option.videoMultipleFile ? ' multiple="multiple"' : '') + '/>' +
|
|
130
|
-
'<button type="button" data-command="filesRemove" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
130
|
+
'<button type="button" data-command="filesRemove" class="se-btn se-dialog-files-edge-button se-file-remove" title="' + lang.controller.remove + '" aria-label="' + lang.controller.remove + '">' + core.icons.cancel + '</button>' +
|
|
131
131
|
'</div>' +
|
|
132
132
|
'</div>' ;
|
|
133
133
|
}
|
|
@@ -160,13 +160,13 @@ export default {
|
|
|
160
160
|
'<input class="se-input-control _se_video_size_x" placeholder="100%"' + (onlyPercentage ? ' type="number" min="1"' : 'type="text"') + (onlyPercentage ? ' max="100"' : '') + '/>' +
|
|
161
161
|
'<label class="se-dialog-size-x"' + onlyWidthDisplay + '>' + (onlyPercentage ? '%' : 'x') + '</label>' +
|
|
162
162
|
'<input class="se-input-control _se_video_size_y" placeholder="' + (option.videoRatio * 100) + '%"' + (onlyPercentage ? ' type="number" min="1"' : 'type="text"') + (onlyPercentage ? ' max="100"' : '') + heightDisplay + '/>' +
|
|
163
|
-
'<select class="se-input-select se-video-ratio" title="' + lang.dialogBox.ratio + '"' + ratioDisplay + '>';
|
|
163
|
+
'<select class="se-input-select se-video-ratio" title="' + lang.dialogBox.ratio + '" aria-label="' + lang.dialogBox.ratio + '"' + ratioDisplay + '>';
|
|
164
164
|
if (!heightDisplay) html += '<option value=""> - </option>';
|
|
165
165
|
for (let i = 0, len = ratioList.length; i < len; i++) {
|
|
166
166
|
html += '<option value="' + ratioList[i].value + '"' + (ratio.toString() === ratioList[i].value.toString() ? ' selected' : '') + '>' + ratioList[i].name + '</option>';
|
|
167
167
|
}
|
|
168
168
|
html += '</select>' +
|
|
169
|
-
'<button type="button" title="' + lang.dialogBox.revertButton + '" class="se-btn se-dialog-btn-revert" style="float: right;">' + core.icons.revert + '</button>' +
|
|
169
|
+
'<button type="button" title="' + lang.dialogBox.revertButton + '" aria-label="' + lang.dialogBox.revertButton + '" class="se-btn se-dialog-btn-revert" style="float: right;">' + core.icons.revert + '</button>' +
|
|
170
170
|
'</div>' +
|
|
171
171
|
'<div class="se-dialog-form se-dialog-form-footer"' + onlyPercentDisplay + onlyWidthDisplay + '>' +
|
|
172
172
|
'<label><input type="checkbox" class="se-dialog-btn-check _se_video_check_proportion" checked/> ' + lang.dialogBox.proportion + '</label>' +
|
|
@@ -182,7 +182,7 @@ export default {
|
|
|
182
182
|
'<label><input type="radio" name="suneditor_video_radio" class="se-dialog-btn-radio" value="center">' + lang.dialogBox.center + '</label>' +
|
|
183
183
|
'<label><input type="radio" name="suneditor_video_radio" class="se-dialog-btn-radio" value="right">' + lang.dialogBox.right + '</label>' +
|
|
184
184
|
'</div>' +
|
|
185
|
-
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
185
|
+
'<button type="submit" class="se-btn-primary" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '"><span>' + lang.dialogBox.submitButton + '</span></button>' +
|
|
186
186
|
'</div>' +
|
|
187
187
|
'</form>';
|
|
188
188
|
|
|
@@ -35,7 +35,7 @@ export default {
|
|
|
35
35
|
'<label>' + lang.dialogBox.linkBox.url + '</label>' +
|
|
36
36
|
'<div class="se-dialog-form-files">' +
|
|
37
37
|
'<input class="se-input-form se-input-url" type="text" placeholder="' + (core.options.protocol || '') + '" />' +
|
|
38
|
-
'<button type="button" class="se-btn se-dialog-files-edge-button _se_bookmark_button" title="' + lang.dialogBox.linkBox.bookmark + '">' + icons.bookmark + '</button>' +
|
|
38
|
+
'<button type="button" class="se-btn se-dialog-files-edge-button _se_bookmark_button" title="' + lang.dialogBox.linkBox.bookmark + '" aria-label="' + lang.dialogBox.linkBox.bookmark + '">' + icons.bookmark + '</button>' +
|
|
39
39
|
core.plugins.selectMenu.setForm() +
|
|
40
40
|
'</div>' +
|
|
41
41
|
'<div class="se-anchor-preview-form">' +
|
|
@@ -58,7 +58,7 @@ export default {
|
|
|
58
58
|
'<ul class="se-list-basic se-list-checked">';
|
|
59
59
|
for (let i = 0, len = relList.length, rel; i < len; i++) {
|
|
60
60
|
rel = relList[i];
|
|
61
|
-
html += '<li><button type="button" class="se-btn-list' + (defaultRel.indexOf(rel) > -1 ? ' se-checked' : '') + '" data-command="' + rel + '" title="' + rel + '"><span class="se-svg">' + icons.checked + '</span>' + rel + '</button></li>';
|
|
61
|
+
html += '<li><button type="button" class="se-btn-list' + (defaultRel.indexOf(rel) > -1 ? ' se-checked' : '') + '" data-command="' + rel + '" title="' + rel + '" aria-label="' + rel + '"><span class="se-svg">' + icons.checked + '</span>' + rel + '</button></li>';
|
|
62
62
|
}
|
|
63
63
|
html += '</ul></div></div></div>';
|
|
64
64
|
}
|
|
@@ -68,10 +68,10 @@ export default {
|
|
|
68
68
|
list += '' +
|
|
69
69
|
'<form class="se-form-group">' +
|
|
70
70
|
'<input type="text" maxlength="9" class="_se_color_picker_input se-color-input"/>' +
|
|
71
|
-
'<button type="submit" class="se-btn-primary _se_color_picker_submit" title="' + lang.dialogBox.submitButton + '">' +
|
|
71
|
+
'<button type="submit" class="se-btn-primary _se_color_picker_submit" title="' + lang.dialogBox.submitButton + '" aria-label="' + lang.dialogBox.submitButton + '">' +
|
|
72
72
|
core.icons.checked +
|
|
73
73
|
'</button>' +
|
|
74
|
-
'<button type="button" class="se-btn _se_color_picker_remove" title="' + lang.toolbar.removeFormat + '">' +
|
|
74
|
+
'<button type="button" class="se-btn _se_color_picker_remove" title="' + lang.toolbar.removeFormat + '" aria-label="' + lang.toolbar.removeFormat + '">' +
|
|
75
75
|
core.icons.erase +
|
|
76
76
|
'</button>' +
|
|
77
77
|
'</form>' +
|
|
@@ -93,7 +93,7 @@ export default {
|
|
|
93
93
|
color = colorList[i];
|
|
94
94
|
if (typeof color === 'string') {
|
|
95
95
|
list += '<li>' +
|
|
96
|
-
'<button type="button" data-value="' + color + '" title="' + color + '" style="background-color:' + color + ';"></button>' +
|
|
96
|
+
'<button type="button" data-value="' + color + '" title="' + color + '" aria-label="' + color + '" style="background-color:' + color + ';"></button>' +
|
|
97
97
|
'</li>';
|
|
98
98
|
}
|
|
99
99
|
}
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
|
|
88
88
|
return '<div class="se-file-browser-content">' +
|
|
89
89
|
'<div class="se-file-browser-header">' +
|
|
90
|
-
'<button type="button" data-command="close" class="se-btn se-file-browser-close" class="close"
|
|
90
|
+
'<button type="button" data-command="close" class="se-btn se-file-browser-close" class="close" title="' + lang.dialogBox.close + '" aria-label="' + lang.dialogBox.close + '">' +
|
|
91
91
|
core.icons.cancel +
|
|
92
92
|
'</button>' +
|
|
93
93
|
'<span class="se-file-browser-title"></span>' +
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
tag = tags[t];
|
|
282
282
|
if (tag && _tags.indexOf(tag) === -1) {
|
|
283
283
|
_tags.push(tag);
|
|
284
|
-
tagsHTML += '<a title="' + tag + '">' + tag + '</a>';
|
|
284
|
+
tagsHTML += '<a title="' + tag + '" aria-label="' + tag + '">' + tag + '</a>';
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
287
|
}
|
|
@@ -53,7 +53,7 @@ export default {
|
|
|
53
53
|
item = alignItems[i];
|
|
54
54
|
text = lang.toolbar['align' + item.charAt(0).toUpperCase() + item.slice(1)];
|
|
55
55
|
html += '<li>' +
|
|
56
|
-
'<button type="button" class="se-btn-list se-btn-align" data-value="' + item + '" title="' + text + '">' +
|
|
56
|
+
'<button type="button" class="se-btn-list se-btn-align" data-value="' + item + '" title="' + text + '" aria-label="' + text + '">' +
|
|
57
57
|
'<span class="se-list-icon">' + icons['align_' + item] + '</span>' + text +
|
|
58
58
|
'</button>' +
|
|
59
59
|
'</li>';
|
|
@@ -56,11 +56,11 @@ export default {
|
|
|
56
56
|
|
|
57
57
|
let list = '<div class="se-list-inner">' +
|
|
58
58
|
'<ul class="se-list-basic">' +
|
|
59
|
-
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
59
|
+
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '" aria-label="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
60
60
|
for (i = 0, len = fontList.length; i < len; i++) {
|
|
61
61
|
font = fontList[i];
|
|
62
62
|
text = font.split(',')[0];
|
|
63
|
-
list += '<li><button type="button" class="se-btn-list" data-value="' + font + '" data-txt="' + text + '" title="' + text + '" style="font-family:' + font + ';">' + text + '</button></li>';
|
|
63
|
+
list += '<li><button type="button" class="se-btn-list" data-value="' + font + '" data-txt="' + text + '" title="' + text + '" aria-label="' + text + '" style="font-family:' + font + ';">' + text + '</button></li>';
|
|
64
64
|
}
|
|
65
65
|
list += '</ul></div>';
|
|
66
66
|
listDiv.innerHTML = list;
|
|
@@ -44,10 +44,10 @@ export default {
|
|
|
44
44
|
|
|
45
45
|
let list = '<div class="se-list-inner">' +
|
|
46
46
|
'<ul class="se-list-basic">' +
|
|
47
|
-
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
47
|
+
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '" aria-label="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
48
48
|
for (let i = 0, unit = option.fontSizeUnit, len = sizeList.length, size; i < len; i++) {
|
|
49
49
|
size = sizeList[i];
|
|
50
|
-
list += '<li><button type="button" class="se-btn-list" data-value="' + size + unit + '" title="' + size + unit + '" style="font-size:' + size + unit + ';">' + size + '</button></li>';
|
|
50
|
+
list += '<li><button type="button" class="se-btn-list" data-value="' + size + unit + '" title="' + size + unit + '" aria-label="' + size + unit + '" style="font-size:' + size + unit + ';">' + size + '</button></li>';
|
|
51
51
|
}
|
|
52
52
|
list += '</ul></div>';
|
|
53
53
|
|
|
@@ -62,7 +62,7 @@ export default {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
list += '<li>' +
|
|
65
|
-
'<button type="button" class="se-btn-list" data-command="' + command + '" data-value="' + tagName + '" data-class="' + className + '" title="' + name + '">' +
|
|
65
|
+
'<button type="button" class="se-btn-list" data-command="' + command + '" data-value="' + tagName + '" data-class="' + className + '" title="' + name + '" aria-label="' + name + '">' +
|
|
66
66
|
'<' + tagName + attrs + '>' + name + '</' + tagName + '>' +
|
|
67
67
|
'</button></li>';
|
|
68
68
|
}
|
|
@@ -36,7 +36,7 @@ export default {
|
|
|
36
36
|
let list = '';
|
|
37
37
|
for (let i = 0, len = items.length; i < len; i++) {
|
|
38
38
|
list += '<li>' +
|
|
39
|
-
'<button type="button" class="se-btn-list btn_line" data-command="horizontalRule" data-value="' + items[i].class + '" title="' + items[i].name + '">' +
|
|
39
|
+
'<button type="button" class="se-btn-list btn_line" data-command="horizontalRule" data-value="' + items[i].class + '" title="' + items[i].name + '" aria-label="' + items[i].name + '">' +
|
|
40
40
|
'<hr' + (items[i].class ? ' class="' + items[i].class + '"' : '') + (items[i].style ? ' style="' + items[i].style + '"' : '') + '/>' +
|
|
41
41
|
'</button>' +
|
|
42
42
|
'</li>';
|
|
@@ -49,10 +49,10 @@ export default {
|
|
|
49
49
|
|
|
50
50
|
let list = '<div class="se-list-inner">' +
|
|
51
51
|
'<ul class="se-list-basic">' +
|
|
52
|
-
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
52
|
+
'<li><button type="button" class="default_value se-btn-list" title="' + lang.toolbar.default + '" aria-label="' + lang.toolbar.default + '">(' + lang.toolbar.default + ')</button></li>';
|
|
53
53
|
for (let i = 0, len = sizeList.length, size; i < len; i++) {
|
|
54
54
|
size = sizeList[i];
|
|
55
|
-
list += '<li><button type="button" class="se-btn-list" data-value="' + size.value + '" title="' + size.text + '">' + size.text + '</button></li>';
|
|
55
|
+
list += '<li><button type="button" class="se-btn-list" data-value="' + size.value + '" title="' + size.text + '" aria-label="' + size.text + '">' + size.text + '</button></li>';
|
|
56
56
|
}
|
|
57
57
|
list += '</ul></div>';
|
|
58
58
|
|
|
@@ -45,10 +45,10 @@ export default {
|
|
|
45
45
|
listDiv.innerHTML = '' +
|
|
46
46
|
'<div class="se-list-inner">' +
|
|
47
47
|
'<ul class="se-list-basic">' +
|
|
48
|
-
'<li><button type="button" class="se-btn-list se-tooltip" data-command="OL" title="' + lang.toolbar.orderList + '">' +
|
|
48
|
+
'<li><button type="button" class="se-btn-list se-tooltip" data-command="OL" title="' + lang.toolbar.orderList + '" aria-label="' + lang.toolbar.orderList + '">' +
|
|
49
49
|
core.icons.list_number +
|
|
50
50
|
'</button></li>' +
|
|
51
|
-
'<li><button type="button" class="se-btn-list se-tooltip" data-command="UL" title="' + lang.toolbar.unorderList + '">' +
|
|
51
|
+
'<li><button type="button" class="se-btn-list se-tooltip" data-command="UL" title="' + lang.toolbar.unorderList + '" aria-label="' + lang.toolbar.unorderList + '">' +
|
|
52
52
|
core.icons.list_bullets +
|
|
53
53
|
'</button></li>' +
|
|
54
54
|
'</ul>' +
|
|
@@ -71,7 +71,7 @@ export default {
|
|
|
71
71
|
_class = p._class;
|
|
72
72
|
|
|
73
73
|
list += '<li>' +
|
|
74
|
-
'<button type="button" class="se-btn-list' + (_class ? ' ' + _class: '') + '" data-value="' + p.class + '" title="' + name + '">' +
|
|
74
|
+
'<button type="button" class="se-btn-list' + (_class ? ' ' + _class: '') + '" data-value="' + p.class + '" title="' + name + '" aria-label="' + name + '">' +
|
|
75
75
|
'<div' + attrs + '>' + name + '</div>' +
|
|
76
76
|
'</button></li>';
|
|
77
77
|
}
|
|
@@ -176,9 +176,9 @@ export default {
|
|
|
176
176
|
'<div class="se-btn-group-sub sun-editor-common se-list-layer se-table-split">' +
|
|
177
177
|
'<div class="se-list-inner">' +
|
|
178
178
|
'<ul class="se-list-basic">' +
|
|
179
|
-
'<li class="se-btn-list" data-command="split" data-value="vertical" style="line-height:32px;" title="' + lang.controller.VerticalSplit + '">' +
|
|
179
|
+
'<li class="se-btn-list" data-command="split" data-value="vertical" style="line-height:32px;" title="' + lang.controller.VerticalSplit + '" aria-label="' + lang.controller.VerticalSplit + '">' +
|
|
180
180
|
lang.controller.VerticalSplit + '</li>' +
|
|
181
|
-
'<li class="se-btn-list" data-command="split" data-value="horizontal" style="line-height:32px;" title="' + lang.controller.HorizontalSplit + '">' +
|
|
181
|
+
'<li class="se-btn-list" data-command="split" data-value="horizontal" style="line-height:32px;" title="' + lang.controller.HorizontalSplit + '" aria-label="' + lang.controller.HorizontalSplit + '">' +
|
|
182
182
|
lang.controller.HorizontalSplit + '</li>' +
|
|
183
183
|
'</ul>' +
|
|
184
184
|
'</div>' +
|
|
@@ -42,7 +42,7 @@ export default {
|
|
|
42
42
|
'<ul class="se-list-basic">';
|
|
43
43
|
for (let i = 0, len = templateList.length, t; i < len; i++) {
|
|
44
44
|
t = templateList[i];
|
|
45
|
-
list += '<li><button type="button" class="se-btn-list" data-value="' + i + '" title="' + t.name + '">' + t.name + '</button></li>';
|
|
45
|
+
list += '<li><button type="button" class="se-btn-list" data-value="' + i + '" title="' + t.name + '" aria-label="' + t.name + '">' + t.name + '</button></li>';
|
|
46
46
|
}
|
|
47
47
|
list += '</ul></div>';
|
|
48
48
|
|
|
@@ -85,7 +85,7 @@ export default {
|
|
|
85
85
|
value = value.replace(/,$/, '');
|
|
86
86
|
|
|
87
87
|
list += '<li>' +
|
|
88
|
-
'<button type="button" class="se-btn-list' + (_class ? ' ' + _class: '') + '" data-command="' + tag + '" data-value="' + value + '" title="' + name + '">' +
|
|
88
|
+
'<button type="button" class="se-btn-list' + (_class ? ' ' + _class: '') + '" data-command="' + tag + '" data-value="' + value + '" title="' + name + '" aria-label="' + name + '">' +
|
|
89
89
|
'<' + tag + attrs + '>' + name + '</' + tag + '>' +
|
|
90
90
|
'</button></li>';
|
|
91
91
|
}
|