@licium/editor-plugin-color-syntax 3.2.12 → 3.2.14
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,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* TOAST UI Editor : Color Syntax Plugin
|
|
3
|
-
* @version 3.2.
|
|
3
|
+
* @version 3.2.14 | Sat Jan 10 2026
|
|
4
4
|
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
.toastui-editor-popup-color button:hover {
|
|
74
|
+
background-color: #dff4ff !important;
|
|
74
75
|
border-color: #cbcfdb;
|
|
75
76
|
}
|
|
76
77
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* TOAST UI Editor : Color Syntax Plugin
|
|
3
|
-
* @version 3.2.
|
|
3
|
+
* @version 3.2.14 | Sat Jan 10 2026
|
|
4
4
|
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -223,9 +223,9 @@ function createToolbarItemOption(colorPickerContainer, i18n) {
|
|
|
223
223
|
return {
|
|
224
224
|
name: 'color',
|
|
225
225
|
tooltip: i18n.get('Text color'),
|
|
226
|
-
className: PREFIX
|
|
226
|
+
className: "".concat(PREFIX, "toolbar-icons color"),
|
|
227
227
|
popup: {
|
|
228
|
-
className: PREFIX
|
|
228
|
+
className: "".concat(PREFIX, "popup-color"),
|
|
229
229
|
body: colorPickerContainer,
|
|
230
230
|
style: { width: 'auto' },
|
|
231
231
|
},
|
|
@@ -241,8 +241,8 @@ function createSelection(tr, selection, SelectionClass, openTag, closeTag) {
|
|
|
241
241
|
: SelectionClass.create(doc, mappedFrom, mappedTo);
|
|
242
242
|
}
|
|
243
243
|
function getCurrentEditorEl(colorPickerEl, containerClassName) {
|
|
244
|
-
var editorDefaultEl = findParentByClassName(colorPickerEl, PREFIX
|
|
245
|
-
return editorDefaultEl.querySelector("."
|
|
244
|
+
var editorDefaultEl = findParentByClassName(colorPickerEl, "".concat(PREFIX, "defaultUI"));
|
|
245
|
+
return editorDefaultEl.querySelector(".".concat(containerClassName, " .ProseMirror"));
|
|
246
246
|
}
|
|
247
247
|
var containerClassName;
|
|
248
248
|
var currentEditorEl;
|
|
@@ -268,7 +268,7 @@ function colorSyntaxPlugin(context, options) {
|
|
|
268
268
|
var button = createApplyButton(i18n.get('OK'));
|
|
269
269
|
var clearButton = createApplyButton(i18n.get('Clear')); // @TODO: Add translation key if needed
|
|
270
270
|
eventEmitter.listen('focus', function (editType) {
|
|
271
|
-
containerClassName = ""
|
|
271
|
+
containerClassName = "".concat(PREFIX).concat(editType === 'markdown' ? 'md' : 'ww', "-container");
|
|
272
272
|
});
|
|
273
273
|
container.addEventListener('click', function (ev) {
|
|
274
274
|
if (ev.target.getAttribute('type') === 'button') {
|
|
@@ -286,7 +286,7 @@ function colorSyntaxPlugin(context, options) {
|
|
|
286
286
|
});
|
|
287
287
|
colorPicker.slider.toggle(true);
|
|
288
288
|
var buttonContainer = document.createElement('div');
|
|
289
|
-
buttonContainer.className = PREFIX
|
|
289
|
+
buttonContainer.className = "".concat(PREFIX, "button-container");
|
|
290
290
|
buttonContainer.appendChild(button);
|
|
291
291
|
buttonContainer.appendChild(clearButton);
|
|
292
292
|
container.appendChild(buttonContainer);
|
|
@@ -299,9 +299,9 @@ function colorSyntaxPlugin(context, options) {
|
|
|
299
299
|
if (selectedColor) {
|
|
300
300
|
var slice = selection.content();
|
|
301
301
|
var textContent = slice.content.textBetween(0, slice.content.size, '\n');
|
|
302
|
-
var openTag = "<span style=\"color: "
|
|
302
|
+
var openTag = "<span style=\"color: ".concat(selectedColor, "\">");
|
|
303
303
|
var closeTag = "</span>";
|
|
304
|
-
var colored = ""
|
|
304
|
+
var colored = "".concat(openTag).concat(textContent).concat(closeTag);
|
|
305
305
|
tr.replaceSelectionWith(schema.text(colored)).setSelection(createSelection(tr, selection, pmState.TextSelection, openTag, closeTag));
|
|
306
306
|
dispatch(tr);
|
|
307
307
|
return true;
|
|
@@ -326,7 +326,7 @@ function colorSyntaxPlugin(context, options) {
|
|
|
326
326
|
var tr = _b.tr, selection = _b.selection, schema = _b.schema;
|
|
327
327
|
if (selectedColor) {
|
|
328
328
|
var from = selection.from, to = selection.to;
|
|
329
|
-
var attrs = { htmlAttrs: { style: "color: "
|
|
329
|
+
var attrs = { htmlAttrs: { style: "color: ".concat(selectedColor) } };
|
|
330
330
|
var mark = schema.marks.span.create(attrs);
|
|
331
331
|
tr.addMark(from, to, mark);
|
|
332
332
|
dispatch(tr);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@licium/editor-plugin-color-syntax",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.14",
|
|
4
4
|
"description": "TOAST UI Editor : Color Syntax Plugin",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"nhn",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"publishConfig": {
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "474aa76d6fcc3523669c320a45286ac0cfe51a91"
|
|
55
55
|
}
|