@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.
Files changed (91) hide show
  1. package/dist/esm/i18n/ar.js +1 -1
  2. package/dist/esm/i18n/cs-cz.js +1 -1
  3. package/dist/esm/i18n/de-de.js +1 -1
  4. package/dist/esm/i18n/en-us.js +1 -1
  5. package/dist/esm/i18n/es-es.js +1 -1
  6. package/dist/esm/i18n/fi-fi.js +1 -1
  7. package/dist/esm/i18n/fr-fr.js +1 -1
  8. package/dist/esm/i18n/gl-es.js +1 -1
  9. package/dist/esm/i18n/hr-hr.js +1 -1
  10. package/dist/esm/i18n/i18n.js +1 -1
  11. package/dist/esm/i18n/it-it.js +1 -1
  12. package/dist/esm/i18n/ja-jp.js +1 -1
  13. package/dist/esm/i18n/ko-kr.js +1 -1
  14. package/dist/esm/i18n/nb-no.js +1 -1
  15. package/dist/esm/i18n/nl-nl.js +1 -1
  16. package/dist/esm/i18n/pl-pl.js +1 -1
  17. package/dist/esm/i18n/pt-br.js +1 -1
  18. package/dist/esm/i18n/ru-ru.js +1 -1
  19. package/dist/esm/i18n/sv-se.js +1 -1
  20. package/dist/esm/i18n/tr-tr.js +1 -1
  21. package/dist/esm/i18n/uk-ua.js +1 -1
  22. package/dist/esm/i18n/wysiwyg/nodes/details.d.ts +29 -0
  23. package/dist/esm/i18n/wysiwyg/nodes/summary.d.ts +23 -0
  24. package/dist/esm/i18n/zh-cn.js +1 -1
  25. package/dist/esm/i18n/zh-tw.js +1 -1
  26. package/dist/esm/index.js +120 -7
  27. package/dist/esm/indexViewer.js +2 -1
  28. package/dist/i18n/ar.js +1 -1
  29. package/dist/i18n/cs-cz.js +1 -1
  30. package/dist/i18n/de-de.js +1 -1
  31. package/dist/i18n/es-es.js +1 -1
  32. package/dist/i18n/fi-fi.js +1 -1
  33. package/dist/i18n/fr-fr.js +1 -1
  34. package/dist/i18n/gl-es.js +1 -1
  35. package/dist/i18n/hr-hr.js +1 -1
  36. package/dist/i18n/it-it.js +1 -1
  37. package/dist/i18n/ja-jp.js +1 -1
  38. package/dist/i18n/ko-kr.js +1 -1
  39. package/dist/i18n/nb-no.js +1 -1
  40. package/dist/i18n/nl-nl.js +1 -1
  41. package/dist/i18n/pl-pl.js +1 -1
  42. package/dist/i18n/pt-br.js +1 -1
  43. package/dist/i18n/ru-ru.js +1 -1
  44. package/dist/i18n/sv-se.js +1 -1
  45. package/dist/i18n/tr-tr.js +1 -1
  46. package/dist/i18n/uk-ua.js +1 -1
  47. package/dist/i18n/zh-cn.js +1 -1
  48. package/dist/i18n/zh-tw.js +1 -1
  49. package/dist/theme/toastui-editor-dark.css +33 -8
  50. package/dist/toastui-editor-only.css +45 -15
  51. package/dist/toastui-editor-viewer.css +1 -1
  52. package/dist/toastui-editor-viewer.js +15 -3
  53. package/dist/toastui-editor.css +45 -15
  54. package/dist/toastui-editor.js +128 -7
  55. package/package.json +2 -2
  56. package/types/index.d.ts +1 -1
  57. package/types/wysiwyg.d.ts +3 -1
  58. package/LICENSE +0 -21
  59. package/dist/esm/i18n/__test__/integration/ui/layout.spec.d.ts +0 -1
  60. package/dist/esm/i18n/__test__/integration/ui/toolbar.spec.d.ts +0 -1
  61. package/dist/esm/i18n/__test__/integration/vdom/render.spec.d.ts +0 -1
  62. package/dist/esm/i18n/__test__/integration/widget/widgetNode.spec.d.ts +0 -1
  63. package/dist/esm/i18n/__test__/unit/convertor.spec.d.ts +0 -1
  64. package/dist/esm/i18n/__test__/unit/dom.spec.d.ts +0 -1
  65. package/dist/esm/i18n/__test__/unit/editor.spec.d.ts +0 -1
  66. package/dist/esm/i18n/__test__/unit/eventEmitter.spec.d.ts +0 -1
  67. package/dist/esm/i18n/__test__/unit/helper/common.spec.d.ts +0 -1
  68. package/dist/esm/i18n/__test__/unit/helper/image.spec.d.ts +0 -1
  69. package/dist/esm/i18n/__test__/unit/linkXss.spec.d.ts +0 -1
  70. package/dist/esm/i18n/__test__/unit/markdown/keymap.spec.d.ts +0 -1
  71. package/dist/esm/i18n/__test__/unit/markdown/mdCommand.spec.d.ts +0 -1
  72. package/dist/esm/i18n/__test__/unit/markdown/mdEditor.spec.d.ts +0 -1
  73. package/dist/esm/i18n/__test__/unit/markdown/mdPreview.spec.d.ts +0 -1
  74. package/dist/esm/i18n/__test__/unit/markdown/smartTask.spec.d.ts +0 -1
  75. package/dist/esm/i18n/__test__/unit/markdown/syntaxHighlight.spec.d.ts +0 -1
  76. package/dist/esm/i18n/__test__/unit/markdown/util.d.ts +0 -7
  77. package/dist/esm/i18n/__test__/unit/repro_3296.spec.d.ts +0 -1
  78. package/dist/esm/i18n/__test__/unit/sanitizer.spec.d.ts +0 -1
  79. package/dist/esm/i18n/__test__/unit/utils/escape.spec.d.ts +0 -1
  80. package/dist/esm/i18n/__test__/unit/utils/pollution.spec.d.ts +0 -1
  81. package/dist/esm/i18n/__test__/unit/vdom/template.spec.d.ts +0 -1
  82. package/dist/esm/i18n/__test__/unit/viewer.spec.d.ts +0 -1
  83. package/dist/esm/i18n/__test__/unit/wysiwyg/customBlock.spec.d.ts +0 -1
  84. package/dist/esm/i18n/__test__/unit/wysiwyg/helper/pasteMsoList.spec.d.ts +0 -1
  85. package/dist/esm/i18n/__test__/unit/wysiwyg/imageInsertion.spec.d.ts +0 -1
  86. package/dist/esm/i18n/__test__/unit/wysiwyg/keymap.spec.d.ts +0 -1
  87. package/dist/esm/i18n/__test__/unit/wysiwyg/wwCommand.spec.d.ts +0 -1
  88. package/dist/esm/i18n/__test__/unit/wysiwyg/wwEditor.spec.d.ts +0 -1
  89. package/dist/esm/i18n/__test__/unit/wysiwyg/wwTableCommand.spec.d.ts +0 -1
  90. package/dist/esm/i18n/__test__/unit/wysiwyg/wwToDOMAdaptor.spec.d.ts +0 -1
  91. package/dist/esm/i18n/__test__/unit/xssSanitizer.spec.d.ts +0 -1
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.6
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.6
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.6
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.6
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
@@ -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='M5 12h14'/%3E%3Cpath d='M16 6c0-2-2-2-4-2s-4 1-4 3c0 3 8 2 8 5s-2 3-5 3s-5-2-5-4'/%3E%3C/svg%3E") !important;
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='10' y1='6' x2='21' y2='6'/%3Cline x1='10' y1='12' x2='21' y2='12'/%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpolyline points='4 8 6 5 6 19'/%3E%3C/svg%3E") !important;
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='3' y='5' width='18' height='14' rx='2' ry='2'/%3E%3Cpolyline points='9 11 11 13 15 9'/%3E%3C/svg%3E") !important;
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='3' x2='9' y2='21'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3C/svg%3E") !important;
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.6 | Sat Jan 03 2026
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
- padding: 0 25px;
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 12px;
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 5px;
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=%27M5 12h14%27/%3E%3Cpath d=%27M16 6c0-2-2-2-4-2s-4 1-4 3c0 3 8 2 8 5s-2 3-5 3s-5-2-5-4%27/%3E%3C/svg%3E") !important;
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=%2710%27 y1=%276%27 x2=%2721%27 y2=%276%27/%3Cline x1=%2710%27 y1=%2712%27 x2=%2721%27 y2=%2712%27/%3Cline x1=%2710%27 y1=%2718%27 x2=%2721%27 y2=%2718%27/%3E%3Cpolyline points=%274 8 6 5 6 19%27/%3E%3C/svg%3E") !important;
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=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27 ry=%272%27/%3E%3Cpolyline points=%279 11 11 13 15 9%27/%3E%3C/svg%3E") !important;
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=%273%27 x2=%279%27 y2=%2721%27/%3E%3Cline x1=%2715%27 y1=%273%27 x2=%2715%27 y2=%2721%27/%3E%3C/svg%3E") !important;
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.6 | Sat Jan 03 2026
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
  */
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.6 | Sat Jan 03 2026
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: true,
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
  };
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.6 | Sat Jan 03 2026
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
- padding: 0 25px;
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 12px;
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 5px;
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=%27M5 12h14%27/%3E%3Cpath d=%27M16 6c0-2-2-2-4-2s-4 1-4 3c0 3 8 2 8 5s-2 3-5 3s-5-2-5-4%27/%3E%3C/svg%3E") !important;
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=%2710%27 y1=%276%27 x2=%2721%27 y2=%276%27/%3Cline x1=%2710%27 y1=%2712%27 x2=%2721%27 y2=%2712%27/%3Cline x1=%2710%27 y1=%2718%27 x2=%2721%27 y2=%2718%27/%3E%3Cpolyline points=%274 8 6 5 6 19%27/%3E%3C/svg%3E") !important;
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=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27 ry=%272%27/%3E%3Cpolyline points=%279 11 11 13 15 9%27/%3E%3C/svg%3E") !important;
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=%273%27 x2=%279%27 y2=%2721%27/%3E%3Cline x1=%2715%27 y1=%273%27 x2=%2715%27 y2=%2721%27/%3E%3C/svg%3E") !important;
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
  }