@licium/editor 3.2.7 → 3.2.9
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/dist/esm/i18n/ar.js +1 -1
- package/dist/esm/i18n/cs-cz.js +1 -1
- package/dist/esm/i18n/de-de.js +1 -1
- package/dist/esm/i18n/en-us.js +1 -1
- package/dist/esm/i18n/es-es.js +1 -1
- package/dist/esm/i18n/fi-fi.js +1 -1
- package/dist/esm/i18n/fr-fr.js +1 -1
- package/dist/esm/i18n/gl-es.js +1 -1
- package/dist/esm/i18n/hr-hr.js +1 -1
- package/dist/esm/i18n/i18n.js +1 -1
- package/dist/esm/i18n/it-it.js +1 -1
- package/dist/esm/i18n/ja-jp.js +1 -1
- package/dist/esm/i18n/ko-kr.js +1 -1
- package/dist/esm/i18n/nb-no.js +1 -1
- package/dist/esm/i18n/nl-nl.js +1 -1
- package/dist/esm/i18n/pl-pl.js +1 -1
- package/dist/esm/i18n/pt-br.js +1 -1
- package/dist/esm/i18n/ru-ru.js +1 -1
- package/dist/esm/i18n/sv-se.js +1 -1
- package/dist/esm/i18n/tr-tr.js +1 -1
- package/dist/esm/i18n/uk-ua.js +1 -1
- package/dist/esm/i18n/wysiwyg/nodes/details.d.ts +29 -0
- package/dist/esm/i18n/wysiwyg/nodes/summary.d.ts +23 -0
- package/dist/esm/i18n/zh-cn.js +1 -1
- package/dist/esm/i18n/zh-tw.js +1 -1
- package/dist/esm/index.js +120 -7
- package/dist/esm/indexViewer.js +2 -1
- package/dist/i18n/ar.js +1 -1
- package/dist/i18n/cs-cz.js +1 -1
- package/dist/i18n/de-de.js +1 -1
- package/dist/i18n/es-es.js +1 -1
- package/dist/i18n/fi-fi.js +1 -1
- package/dist/i18n/fr-fr.js +1 -1
- package/dist/i18n/gl-es.js +1 -1
- package/dist/i18n/hr-hr.js +1 -1
- package/dist/i18n/it-it.js +1 -1
- package/dist/i18n/ja-jp.js +1 -1
- package/dist/i18n/ko-kr.js +1 -1
- package/dist/i18n/nb-no.js +1 -1
- package/dist/i18n/nl-nl.js +1 -1
- package/dist/i18n/pl-pl.js +1 -1
- package/dist/i18n/pt-br.js +1 -1
- package/dist/i18n/ru-ru.js +1 -1
- package/dist/i18n/sv-se.js +1 -1
- package/dist/i18n/tr-tr.js +1 -1
- package/dist/i18n/uk-ua.js +1 -1
- package/dist/i18n/zh-cn.js +1 -1
- package/dist/i18n/zh-tw.js +1 -1
- package/dist/theme/toastui-editor-dark.css +33 -8
- package/dist/toastui-editor-only.css +45 -15
- package/dist/toastui-editor-viewer.css +1 -1
- package/dist/toastui-editor-viewer.js +15 -3
- package/dist/toastui-editor.css +45 -15
- package/dist/toastui-editor.js +128 -7
- package/package.json +2 -2
- package/types/index.d.ts +1 -1
- package/types/wysiwyg.d.ts +3 -1
- package/LICENSE +0 -21
- package/dist/esm/i18n/__test__/integration/ui/layout.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/integration/ui/toolbar.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/integration/vdom/render.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/integration/widget/widgetNode.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/convertor.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/dom.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/editor.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/eventEmitter.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/helper/common.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/helper/image.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/linkXss.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/keymap.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/mdCommand.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/mdEditor.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/mdPreview.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/smartTask.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/syntaxHighlight.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/markdown/util.d.ts +0 -7
- package/dist/esm/i18n/__test__/unit/repro_3296.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/sanitizer.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/utils/escape.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/utils/pollution.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/vdom/template.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/viewer.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/customBlock.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/helper/pasteMsoList.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/imageInsertion.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/keymap.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/wwCommand.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/wwEditor.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/wwTableCommand.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/wysiwyg/wwToDOMAdaptor.spec.d.ts +0 -1
- package/dist/esm/i18n/__test__/unit/xssSanitizer.spec.d.ts +0 -1
package/dist/i18n/tr-tr.js
CHANGED
package/dist/i18n/uk-ua.js
CHANGED
package/dist/i18n/zh-cn.js
CHANGED
package/dist/i18n/zh-tw.js
CHANGED
|
@@ -501,9 +501,10 @@
|
|
|
501
501
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E") !important;
|
|
502
502
|
}
|
|
503
503
|
|
|
504
|
-
/* Strike (S) - Refined */
|
|
504
|
+
/* Strike (S) - Refined Geometric */
|
|
505
|
+
/* Strike (S) - Refined Geometric */
|
|
505
506
|
.toastui-editor-dark .toastui-editor-toolbar-icons.strike {
|
|
506
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='
|
|
507
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7c0-2.5-2-3.5-5-3.5s-5 1.5-5 4c0 2.5 3 3.5 5 4.5c2 1 5 2 5 4.5c0 3-2.5 4-5 4c-3 0-5-1.5-5.5-4'/%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E") !important;
|
|
507
508
|
}
|
|
508
509
|
|
|
509
510
|
/* HR Line */
|
|
@@ -521,29 +522,53 @@
|
|
|
521
522
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='6' x2='20' y2='6'/%3E%3Cline x1='9' y1='12' x2='20' y2='12'/%3E%3Cline x1='9' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='5' cy='6' r='1' fill='%23eee' stroke='none'/%3E%3Ccircle cx='5' cy='12' r='1' fill='%23eee' stroke='none'/%3E%3Ccircle cx='5' cy='18' r='1' fill='%23eee' stroke='none'/%3E%3C/svg%3E") !important;
|
|
522
523
|
}
|
|
523
524
|
|
|
524
|
-
/* Ordered List */
|
|
525
|
+
/* Ordered List - Refined */
|
|
525
526
|
.toastui-editor-dark .toastui-editor-toolbar-icons.ordered-list {
|
|
526
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='
|
|
527
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l2-2v6'/%3E%3Cline x1='12' y1='7' x2='22' y2='7'/%3E%3Cpath d='M5 16c0-2 4-2 4 0c0 2-4 3-4 4h4'/%3E%3Cline x1='12' y1='18' x2='22' y2='18'/%3E%3C/svg%3E") !important;
|
|
527
528
|
}
|
|
528
529
|
|
|
530
|
+
/* Text Color Plugin (Dark Mode) - High Specificity */
|
|
531
|
+
/* Text Color Plugin (Dark Mode) - High Specificity */
|
|
532
|
+
.toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
|
|
533
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 17 12 3 17 17'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='4' y1='21' x2='20' y2='21' stroke-width='3'/%3E%3C/svg%3E") !important;
|
|
534
|
+
background-size: 24px 24px !important;
|
|
535
|
+
background-position: center center !important;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
/* Code Block (Dark Mode) - Force Fix */
|
|
539
|
+
/* Code Block (Dark Mode) - Force Fix */
|
|
540
|
+
.toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
|
|
541
|
+
.toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
|
|
542
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h5'/%3E%3Cpath d='M20 13V8l-6-6'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cline x1='8' y1='13' x2='15' y2='13'/%3E%3Cline x1='8' y1='17' x2='12' y2='17'/%3E%3Cpolyline points='17 17 14 20 17 23'/%3E%3Cpolyline points='19 17 22 20 19 23'/%3E%3C/svg%3E") !important;
|
|
543
|
+
text-indent: -9999px !important;
|
|
544
|
+
/* Hide text 'CB' */
|
|
545
|
+
color: transparent !important;
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
/* Task List */
|
|
529
549
|
/* Task List */
|
|
530
550
|
.toastui-editor-dark .toastui-editor-toolbar-icons.task-list {
|
|
531
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='
|
|
551
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' ry='2'/%3E%3Cpolyline points='8 12 11 15 16 10'/%3E%3C/svg%3E") !important;
|
|
532
552
|
}
|
|
533
553
|
|
|
534
554
|
/* Indent */
|
|
535
|
-
.toastui-editor-dark .toastui-editor-toolbar-icons.indent {
|
|
555
|
+
.toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.indent {
|
|
536
556
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 8 7 12 3 16'/%3E%3Cline x1='21' y1='12' x2='11' y2='12'/%3E%3Cline x1='21' y1='6' x2='11' y2='6'/%3E%3Cline x1='21' y1='18' x2='11' y2='18'/%3E%3C/svg%3E") !important;
|
|
537
557
|
}
|
|
538
558
|
|
|
539
559
|
/* Outdent */
|
|
540
|
-
.toastui-editor-dark .toastui-editor-toolbar-icons.outdent {
|
|
560
|
+
.toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.outdent {
|
|
541
561
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='7 8 3 12 7 16'/%3E%3Cline x1='21' y1='12' x2='11' y2='12'/%3E%3Cline x1='21' y1='6' x2='11' y2='6'/%3E%3Cline x1='21' y1='18' x2='11' y2='18'/%3E%3C/svg%3E") !important;
|
|
542
562
|
}
|
|
543
563
|
|
|
564
|
+
/* Emoji Plugin (Dark Mode) */
|
|
565
|
+
.toastui-editor-dark .toastui-editor-toolbar-icons.emoji {
|
|
566
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E") !important;
|
|
567
|
+
}
|
|
568
|
+
|
|
544
569
|
/* Table */
|
|
545
570
|
.toastui-editor-dark .toastui-editor-toolbar-icons.table {
|
|
546
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3Cline x1='9' y1='
|
|
571
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3Cline x1='9' y1='9' x2='9' y2='21'/%3E%3Cline x1='15' y1='9' x2='15' y2='21'/%3E%3C/svg%3E") !important;
|
|
547
572
|
}
|
|
548
573
|
|
|
549
574
|
/* Image */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @licium/editor
|
|
3
|
-
* @version 3.2.
|
|
3
|
+
* @version 3.2.8 | Tue Jan 06 2026
|
|
4
4
|
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -300,7 +300,8 @@
|
|
|
300
300
|
.toastui-editor-defaultUI-toolbar {
|
|
301
301
|
display: -ms-flexbox;
|
|
302
302
|
display: flex;
|
|
303
|
-
|
|
303
|
+
justify-content: flex-start;
|
|
304
|
+
padding: 0 10px;
|
|
304
305
|
height: 45px;
|
|
305
306
|
background-color: #f7f9fc;
|
|
306
307
|
border-bottom: 1px solid #ebedf2;
|
|
@@ -317,12 +318,18 @@
|
|
|
317
318
|
width: 1px;
|
|
318
319
|
height: 18px;
|
|
319
320
|
background-color: #e1e3e9;
|
|
320
|
-
margin: 14px
|
|
321
|
+
margin: 14px 0px;
|
|
321
322
|
}
|
|
322
323
|
|
|
323
324
|
.toastui-editor-toolbar-group {
|
|
324
325
|
display: -ms-flexbox;
|
|
325
326
|
display: flex;
|
|
327
|
+
margin-right: 15px;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.toastui-editor-toolbar-group:has(.scroll-sync) {
|
|
331
|
+
margin-right: 0;
|
|
332
|
+
margin-left: auto;
|
|
326
333
|
}
|
|
327
334
|
|
|
328
335
|
.toastui-editor-defaultUI-toolbar button {
|
|
@@ -332,7 +339,7 @@
|
|
|
332
339
|
height: 32px;
|
|
333
340
|
padding: 0;
|
|
334
341
|
border-radius: 3px;
|
|
335
|
-
margin: 7px
|
|
342
|
+
margin: 7px 3px;
|
|
336
343
|
border: 1px solid #f7f9fc;
|
|
337
344
|
}
|
|
338
345
|
|
|
@@ -350,6 +357,7 @@
|
|
|
350
357
|
line-height: 10px;
|
|
351
358
|
color: #81858f;
|
|
352
359
|
cursor: pointer;
|
|
360
|
+
align-self: center;
|
|
353
361
|
}
|
|
354
362
|
|
|
355
363
|
.toastui-editor-defaultUI-toolbar .scroll-sync::before {
|
|
@@ -924,12 +932,12 @@ only screen and (min-resolution: 2dppx) {
|
|
|
924
932
|
|
|
925
933
|
/* Italic (I) */
|
|
926
934
|
.toastui-editor-toolbar-icons.italic {
|
|
927
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2719%27 y1=%274%27 x2=%2710%27 y2=%274%27/%3Cline x1=%2714%27 y1=%2720%27 x2=%275%27 y2=%2720%27/%3Cline x1=%2715%27 y1=%274%27 x2=%279%27 y2=%2720%27/%3E%3C/svg%3E") !important;
|
|
935
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2719%27 y1=%274%27 x2=%2710%27 y2=%274%27/%3E%3Cline x1=%2714%27 y1=%2720%27 x2=%275%27 y2=%2720%27/%3E%3Cline x1=%2715%27 y1=%274%27 x2=%279%27 y2=%2720%27/%3E%3C/svg%3E") !important;
|
|
928
936
|
}
|
|
929
937
|
|
|
930
|
-
/* Strike (S) - Refined */
|
|
938
|
+
/* Strike (S) - Refined Geometric */
|
|
931
939
|
.toastui-editor-toolbar-icons.strike {
|
|
932
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%
|
|
940
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M18 7c0-2.5-2-3.5-5-3.5s-5 1.5-5 4c0 2.5 3 3.5 5 4.5c2 1 5 2 5 4.5c0 3-2.5 4-5 4c-3 0-5-1.5-5.5-4%27/%3E%3Cpath d=%27M4 12h16%27/%3E%3C/svg%3E") !important;
|
|
933
941
|
}
|
|
934
942
|
|
|
935
943
|
/* HR Line */
|
|
@@ -944,32 +952,32 @@ only screen and (min-resolution: 2dppx) {
|
|
|
944
952
|
|
|
945
953
|
/* Bullet List */
|
|
946
954
|
.toastui-editor-toolbar-icons.bullet-list {
|
|
947
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279%27 y1=%276%27 x2=%2720%27 y2=%276%27/%3Cline x1=%279%27 y1=%2712%27 x2=%2720%27 y2=%2712%27/%3Cline x1=%279%27 y1=%2718%27 x2=%2720%27 y2=%2718%27/%3E%3Ccircle cx=%275%27 cy=%276%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2712%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2718%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3C/svg%3E") !important;
|
|
955
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279%27 y1=%276%27 x2=%2720%27 y2=%276%27/%3E%3Cline x1=%279%27 y1=%2712%27 x2=%2720%27 y2=%2712%27/%3E%3Cline x1=%279%27 y1=%2718%27 x2=%2720%27 y2=%2718%27/%3E%3Ccircle cx=%275%27 cy=%276%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2712%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2718%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3C/svg%3E") !important;
|
|
948
956
|
}
|
|
949
957
|
|
|
950
958
|
/* Ordered List - Refined */
|
|
951
959
|
.toastui-editor-toolbar-icons.ordered-list {
|
|
952
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%
|
|
960
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 6l2-2v6%27/%3E%3Cline x1=%2712%27 y1=%277%27 x2=%2722%27 y2=%277%27/%3E%3Cpath d=%27M5 16c0-2 4-2 4 0c0 2-4 3-4 4h4%27/%3E%3Cline x1=%2712%27 y1=%2718%27 x2=%2722%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
953
961
|
}
|
|
954
962
|
|
|
955
963
|
/* Task List */
|
|
956
964
|
.toastui-editor-toolbar-icons.task-list {
|
|
957
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%
|
|
965
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27 ry=%272%27/%3E%3Cpolyline points=%278 12 11 15 16 10%27/%3E%3C/svg%3E") !important;
|
|
958
966
|
}
|
|
959
967
|
|
|
960
968
|
/* Indent */
|
|
961
|
-
.toastui-editor-toolbar-icons.indent {
|
|
962
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%273 8 7 12 3 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
969
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.indent {
|
|
970
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%273 8 7 12 3 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
963
971
|
}
|
|
964
972
|
|
|
965
973
|
/* Outdent */
|
|
966
|
-
.toastui-editor-toolbar-icons.outdent {
|
|
967
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 8 3 12 7 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
974
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.outdent {
|
|
975
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 8 3 12 7 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
968
976
|
}
|
|
969
977
|
|
|
970
978
|
/* Table */
|
|
971
979
|
.toastui-editor-toolbar-icons.table {
|
|
972
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27/%3E%3Cline x1=%273%27 y1=%279%27 x2=%2721%27 y2=%279%27/%3E%3Cline x1=%273%27 y1=%2715%27 x2=%2721%27 y2=%2715%27/%3E%3Cline x1=%279%27 y1=%
|
|
980
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27/%3E%3Cline x1=%273%27 y1=%279%27 x2=%2721%27 y2=%279%27/%3E%3Cline x1=%273%27 y1=%2715%27 x2=%2721%27 y2=%2715%27/%3E%3Cline x1=%279%27 y1=%279%27 x2=%279%27 y2=%2721%27/%3E%3Cline x1=%2715%27 y1=%279%27 x2=%2715%27 y2=%2721%27/%3E%3C/svg%3E") !important;
|
|
973
981
|
}
|
|
974
982
|
|
|
975
983
|
/* Image */
|
|
@@ -998,10 +1006,32 @@ only screen and (min-resolution: 2dppx) {
|
|
|
998
1006
|
}
|
|
999
1007
|
|
|
1000
1008
|
/* Text Align Plugin (Light Mode) */
|
|
1009
|
+
|
|
1001
1010
|
.toastui-editor-toolbar-icons.alignLeft {
|
|
1002
1011
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23333\" stroke-width=\"2\" stroke-linecap=\"round\"%3E%3Cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" /%3E%3Cline x1=\"3\" y1=\"10\" x2=\"14\" y2=\"10\" /%3E%3Cline x1=\"3\" y1=\"14\" x2=\"21\" y2=\"14\" /%3E%3Cline x1=\"3\" y1=\"18\" x2=\"14\" y2=\"18\" /%3E%3C/svg%3E") !important;
|
|
1003
1012
|
}
|
|
1004
1013
|
|
|
1014
|
+
/* Text Color Plugin (Light Mode) - High Specificity Override */
|
|
1015
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
|
|
1016
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 17 12 3 17 17%27/%3E%3Cline x1=%278%27 y1=%2713%27 x2=%2716%27 y2=%2713%27/%3E%3Cline x1=%274%27 y1=%2721%27 x2=%2720%27 y2=%2721%27 stroke-width=%273%27/%3E%3C/svg%3E") !important;
|
|
1017
|
+
background-size: 24px 24px !important;
|
|
1018
|
+
background-position: center center !important;
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
/* Code Block - Force Fix with High Specificity */
|
|
1022
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
|
|
1023
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
|
|
1024
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h5%27/%3E%3Cpath d=%27M20 13V8l-6-6%27/%3E%3Cpath d=%27M14 2v6h6%27/%3E%3Cline x1=%278%27 y1=%2713%27 x2=%2715%27 y2=%2713%27/%3E%3Cline x1=%278%27 y1=%2717%27 x2=%2712%27 y2=%2717%27/%3E%3Cpolyline points=%2717 17 14 20 17 23%27/%3E%3Cpolyline points=%2719 17 22 20 19 23%27/%3E%3C/svg%3E") !important;
|
|
1025
|
+
text-indent: -9999px !important;
|
|
1026
|
+
/* Hide text 'CB' if present */
|
|
1027
|
+
color: transparent !important;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
/* Emoji Plugin (Light Mode) */
|
|
1031
|
+
.toastui-editor-toolbar-icons.emoji {
|
|
1032
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M8 14s1.5 2 4 2 4-2 4-2%27/%3E%3Cline x1=%279%27 y1=%279%27 x2=%279.01%27 y2=%279%27/%3E%3Cline x1=%2715%27 y1=%279%27 x2=%2715.01%27 y2=%279%27/%3E%3C/svg%3E") !important;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1005
1035
|
.toastui-editor-toolbar-icons.alignCenter {
|
|
1006
1036
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23333\" stroke-width=\"2\" stroke-linecap=\"round\"%3E%3Cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" /%3E%3Cline x1=\"7\" y1=\"10\" x2=\"17\" y2=\"10\" /%3E%3Cline x1=\"3\" y1=\"14\" x2=\"21\" y2=\"14\" /%3E%3Cline x1=\"7\" y1=\"18\" x2=\"17\" y2=\"18\" /%3E%3C/svg%3E") !important;
|
|
1007
1037
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @licium/editor
|
|
3
|
-
* @version 3.2.
|
|
3
|
+
* @version 3.2.8 | Tue Jan 06 2026
|
|
4
4
|
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -12668,6 +12668,7 @@ function getChildrenHTML(node, typeName) {
|
|
|
12668
12668
|
function getHTMLAttrsByHTMLString(html) {
|
|
12669
12669
|
html = html.match(reHTMLTag)[0];
|
|
12670
12670
|
const attrs = html.match(new RegExp(constants_ATTRIBUTE, 'g'));
|
|
12671
|
+
// prettier-ignore
|
|
12671
12672
|
return attrs
|
|
12672
12673
|
? attrs.reduce((acc, attr) => {
|
|
12673
12674
|
const [name, ...values] = attr.trim().split('=');
|
|
@@ -12695,10 +12696,13 @@ function sanitizeDOM(node, typeName, sanitizer, wwToDOMAdaptor) {
|
|
|
12695
12696
|
}
|
|
12696
12697
|
const schemaFactory = {
|
|
12697
12698
|
htmlBlock(typeName, sanitizeHTML, wwToDOMAdaptor) {
|
|
12699
|
+
const isContainer = ['details', 'summary'].includes(typeName);
|
|
12698
12700
|
return {
|
|
12699
|
-
atom:
|
|
12700
|
-
content: 'block+',
|
|
12701
|
+
atom: !isContainer,
|
|
12702
|
+
content: typeName === 'summary' ? 'inline*' : 'block+',
|
|
12701
12703
|
group: 'block',
|
|
12704
|
+
defining: isContainer,
|
|
12705
|
+
isolating: typeName === 'details',
|
|
12702
12706
|
attrs: {
|
|
12703
12707
|
htmlAttrs: { default: {} },
|
|
12704
12708
|
childrenHTML: { default: '' },
|
|
@@ -12708,6 +12712,11 @@ const schemaFactory = {
|
|
|
12708
12712
|
{
|
|
12709
12713
|
tag: typeName,
|
|
12710
12714
|
getAttrs(dom) {
|
|
12715
|
+
if (isContainer) {
|
|
12716
|
+
return {
|
|
12717
|
+
htmlAttrs: getHTMLAttrs(dom),
|
|
12718
|
+
};
|
|
12719
|
+
}
|
|
12711
12720
|
return {
|
|
12712
12721
|
htmlAttrs: getHTMLAttrs(dom),
|
|
12713
12722
|
childrenHTML: dom.innerHTML,
|
|
@@ -12718,6 +12727,9 @@ const schemaFactory = {
|
|
|
12718
12727
|
toDOM(node) {
|
|
12719
12728
|
const { dom, htmlAttrs } = sanitizeDOM(node, typeName, sanitizeHTML, wwToDOMAdaptor);
|
|
12720
12729
|
htmlAttrs.class = htmlAttrs.class ? `${htmlAttrs.class} html-block` : 'html-block';
|
|
12730
|
+
if (isContainer) {
|
|
12731
|
+
return [typeName, htmlAttrs, 0];
|
|
12732
|
+
}
|
|
12721
12733
|
return [typeName, htmlAttrs, ...toArray_default()(dom.childNodes)];
|
|
12722
12734
|
},
|
|
12723
12735
|
};
|
package/dist/toastui-editor.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @licium/editor
|
|
3
|
-
* @version 3.2.
|
|
3
|
+
* @version 3.2.8 | Tue Jan 06 2026
|
|
4
4
|
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -352,7 +352,8 @@ img.ProseMirror-separator {
|
|
|
352
352
|
.toastui-editor-defaultUI-toolbar {
|
|
353
353
|
display: -ms-flexbox;
|
|
354
354
|
display: flex;
|
|
355
|
-
|
|
355
|
+
justify-content: flex-start;
|
|
356
|
+
padding: 0 10px;
|
|
356
357
|
height: 45px;
|
|
357
358
|
background-color: #f7f9fc;
|
|
358
359
|
border-bottom: 1px solid #ebedf2;
|
|
@@ -369,12 +370,18 @@ img.ProseMirror-separator {
|
|
|
369
370
|
width: 1px;
|
|
370
371
|
height: 18px;
|
|
371
372
|
background-color: #e1e3e9;
|
|
372
|
-
margin: 14px
|
|
373
|
+
margin: 14px 0px;
|
|
373
374
|
}
|
|
374
375
|
|
|
375
376
|
.toastui-editor-toolbar-group {
|
|
376
377
|
display: -ms-flexbox;
|
|
377
378
|
display: flex;
|
|
379
|
+
margin-right: 15px;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.toastui-editor-toolbar-group:has(.scroll-sync) {
|
|
383
|
+
margin-right: 0;
|
|
384
|
+
margin-left: auto;
|
|
378
385
|
}
|
|
379
386
|
|
|
380
387
|
.toastui-editor-defaultUI-toolbar button {
|
|
@@ -384,7 +391,7 @@ img.ProseMirror-separator {
|
|
|
384
391
|
height: 32px;
|
|
385
392
|
padding: 0;
|
|
386
393
|
border-radius: 3px;
|
|
387
|
-
margin: 7px
|
|
394
|
+
margin: 7px 3px;
|
|
388
395
|
border: 1px solid #f7f9fc;
|
|
389
396
|
}
|
|
390
397
|
|
|
@@ -402,6 +409,7 @@ img.ProseMirror-separator {
|
|
|
402
409
|
line-height: 10px;
|
|
403
410
|
color: #81858f;
|
|
404
411
|
cursor: pointer;
|
|
412
|
+
align-self: center;
|
|
405
413
|
}
|
|
406
414
|
|
|
407
415
|
.toastui-editor-defaultUI-toolbar .scroll-sync::before {
|
|
@@ -976,12 +984,12 @@ only screen and (min-resolution: 2dppx) {
|
|
|
976
984
|
|
|
977
985
|
/* Italic (I) */
|
|
978
986
|
.toastui-editor-toolbar-icons.italic {
|
|
979
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2719%27 y1=%274%27 x2=%2710%27 y2=%274%27/%3Cline x1=%2714%27 y1=%2720%27 x2=%275%27 y2=%2720%27/%3Cline x1=%2715%27 y1=%274%27 x2=%279%27 y2=%2720%27/%3E%3C/svg%3E") !important;
|
|
987
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2719%27 y1=%274%27 x2=%2710%27 y2=%274%27/%3E%3Cline x1=%2714%27 y1=%2720%27 x2=%275%27 y2=%2720%27/%3E%3Cline x1=%2715%27 y1=%274%27 x2=%279%27 y2=%2720%27/%3E%3C/svg%3E") !important;
|
|
980
988
|
}
|
|
981
989
|
|
|
982
|
-
/* Strike (S) - Refined */
|
|
990
|
+
/* Strike (S) - Refined Geometric */
|
|
983
991
|
.toastui-editor-toolbar-icons.strike {
|
|
984
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%
|
|
992
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M18 7c0-2.5-2-3.5-5-3.5s-5 1.5-5 4c0 2.5 3 3.5 5 4.5c2 1 5 2 5 4.5c0 3-2.5 4-5 4c-3 0-5-1.5-5.5-4%27/%3E%3Cpath d=%27M4 12h16%27/%3E%3C/svg%3E") !important;
|
|
985
993
|
}
|
|
986
994
|
|
|
987
995
|
/* HR Line */
|
|
@@ -996,32 +1004,32 @@ only screen and (min-resolution: 2dppx) {
|
|
|
996
1004
|
|
|
997
1005
|
/* Bullet List */
|
|
998
1006
|
.toastui-editor-toolbar-icons.bullet-list {
|
|
999
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279%27 y1=%276%27 x2=%2720%27 y2=%276%27/%3Cline x1=%279%27 y1=%2712%27 x2=%2720%27 y2=%2712%27/%3Cline x1=%279%27 y1=%2718%27 x2=%2720%27 y2=%2718%27/%3E%3Ccircle cx=%275%27 cy=%276%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2712%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2718%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3C/svg%3E") !important;
|
|
1007
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279%27 y1=%276%27 x2=%2720%27 y2=%276%27/%3E%3Cline x1=%279%27 y1=%2712%27 x2=%2720%27 y2=%2712%27/%3E%3Cline x1=%279%27 y1=%2718%27 x2=%2720%27 y2=%2718%27/%3E%3Ccircle cx=%275%27 cy=%276%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2712%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Ccircle cx=%275%27 cy=%2718%27 r=%271%27 fill=%27%23333%27 stroke=%27none%27/%3E%3C/svg%3E") !important;
|
|
1000
1008
|
}
|
|
1001
1009
|
|
|
1002
1010
|
/* Ordered List - Refined */
|
|
1003
1011
|
.toastui-editor-toolbar-icons.ordered-list {
|
|
1004
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%
|
|
1012
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 6l2-2v6%27/%3E%3Cline x1=%2712%27 y1=%277%27 x2=%2722%27 y2=%277%27/%3E%3Cpath d=%27M5 16c0-2 4-2 4 0c0 2-4 3-4 4h4%27/%3E%3Cline x1=%2712%27 y1=%2718%27 x2=%2722%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
1005
1013
|
}
|
|
1006
1014
|
|
|
1007
1015
|
/* Task List */
|
|
1008
1016
|
.toastui-editor-toolbar-icons.task-list {
|
|
1009
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%
|
|
1017
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27 ry=%272%27/%3E%3Cpolyline points=%278 12 11 15 16 10%27/%3E%3C/svg%3E") !important;
|
|
1010
1018
|
}
|
|
1011
1019
|
|
|
1012
1020
|
/* Indent */
|
|
1013
|
-
.toastui-editor-toolbar-icons.indent {
|
|
1014
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%273 8 7 12 3 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
1021
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.indent {
|
|
1022
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%273 8 7 12 3 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
1015
1023
|
}
|
|
1016
1024
|
|
|
1017
1025
|
/* Outdent */
|
|
1018
|
-
.toastui-editor-toolbar-icons.outdent {
|
|
1019
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 8 3 12 7 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
1026
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.outdent {
|
|
1027
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 8 3 12 7 16%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%2711%27 y2=%2712%27/%3E%3Cline x1=%2721%27 y1=%276%27 x2=%2711%27 y2=%276%27/%3E%3Cline x1=%2721%27 y1=%2718%27 x2=%2711%27 y2=%2718%27/%3E%3C/svg%3E") !important;
|
|
1020
1028
|
}
|
|
1021
1029
|
|
|
1022
1030
|
/* Table */
|
|
1023
1031
|
.toastui-editor-toolbar-icons.table {
|
|
1024
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27/%3E%3Cline x1=%273%27 y1=%279%27 x2=%2721%27 y2=%279%27/%3E%3Cline x1=%273%27 y1=%2715%27 x2=%2721%27 y2=%2715%27/%3E%3Cline x1=%279%27 y1=%
|
|
1032
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%273%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27/%3E%3Cline x1=%273%27 y1=%279%27 x2=%2721%27 y2=%279%27/%3E%3Cline x1=%273%27 y1=%2715%27 x2=%2721%27 y2=%2715%27/%3E%3Cline x1=%279%27 y1=%279%27 x2=%279%27 y2=%2721%27/%3E%3Cline x1=%2715%27 y1=%279%27 x2=%2715%27 y2=%2721%27/%3E%3C/svg%3E") !important;
|
|
1025
1033
|
}
|
|
1026
1034
|
|
|
1027
1035
|
/* Image */
|
|
@@ -1050,10 +1058,32 @@ only screen and (min-resolution: 2dppx) {
|
|
|
1050
1058
|
}
|
|
1051
1059
|
|
|
1052
1060
|
/* Text Align Plugin (Light Mode) */
|
|
1061
|
+
|
|
1053
1062
|
.toastui-editor-toolbar-icons.alignLeft {
|
|
1054
1063
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23333\" stroke-width=\"2\" stroke-linecap=\"round\"%3E%3Cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" /%3E%3Cline x1=\"3\" y1=\"10\" x2=\"14\" y2=\"10\" /%3E%3Cline x1=\"3\" y1=\"14\" x2=\"21\" y2=\"14\" /%3E%3Cline x1=\"3\" y1=\"18\" x2=\"14\" y2=\"18\" /%3E%3C/svg%3E") !important;
|
|
1055
1064
|
}
|
|
1056
1065
|
|
|
1066
|
+
/* Text Color Plugin (Light Mode) - High Specificity Override */
|
|
1067
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
|
|
1068
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%277 17 12 3 17 17%27/%3E%3Cline x1=%278%27 y1=%2713%27 x2=%2716%27 y2=%2713%27/%3E%3Cline x1=%274%27 y1=%2721%27 x2=%2720%27 y2=%2721%27 stroke-width=%273%27/%3E%3C/svg%3E") !important;
|
|
1069
|
+
background-size: 24px 24px !important;
|
|
1070
|
+
background-position: center center !important;
|
|
1071
|
+
}
|
|
1072
|
+
|
|
1073
|
+
/* Code Block - Force Fix with High Specificity */
|
|
1074
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
|
|
1075
|
+
.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
|
|
1076
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h5%27/%3E%3Cpath d=%27M20 13V8l-6-6%27/%3E%3Cpath d=%27M14 2v6h6%27/%3E%3Cline x1=%278%27 y1=%2713%27 x2=%2715%27 y2=%2713%27/%3E%3Cline x1=%278%27 y1=%2717%27 x2=%2712%27 y2=%2717%27/%3E%3Cpolyline points=%2717 17 14 20 17 23%27/%3E%3Cpolyline points=%2719 17 22 20 19 23%27/%3E%3C/svg%3E") !important;
|
|
1077
|
+
text-indent: -9999px !important;
|
|
1078
|
+
/* Hide text 'CB' if present */
|
|
1079
|
+
color: transparent !important;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
/* Emoji Plugin (Light Mode) */
|
|
1083
|
+
.toastui-editor-toolbar-icons.emoji {
|
|
1084
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23333%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M8 14s1.5 2 4 2 4-2 4-2%27/%3E%3Cline x1=%279%27 y1=%279%27 x2=%279.01%27 y2=%279%27/%3E%3Cline x1=%2715%27 y1=%279%27 x2=%2715.01%27 y2=%279%27/%3E%3C/svg%3E") !important;
|
|
1085
|
+
}
|
|
1086
|
+
|
|
1057
1087
|
.toastui-editor-toolbar-icons.alignCenter {
|
|
1058
1088
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23333\" stroke-width=\"2\" stroke-linecap=\"round\"%3E%3Cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" /%3E%3Cline x1=\"7\" y1=\"10\" x2=\"17\" y2=\"10\" /%3E%3Cline x1=\"3\" y1=\"14\" x2=\"21\" y2=\"14\" /%3E%3Cline x1=\"7\" y1=\"18\" x2=\"17\" y2=\"18\" /%3E%3C/svg%3E") !important;
|
|
1059
1089
|
}
|