@licium/editor 3.2.8 → 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 +17 -8
  50. package/dist/toastui-editor-only.css +25 -14
  51. package/dist/toastui-editor-viewer.css +1 -1
  52. package/dist/toastui-editor-viewer.js +15 -3
  53. package/dist/toastui-editor.css +25 -14
  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
package/dist/i18n/tr-tr.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.7
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
package/dist/i18n/uk-ua.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.7
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
package/dist/i18n/zh-cn.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.7
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
package/dist/i18n/zh-tw.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : i18n
3
- * @version 3.2.7
3
+ * @version 3.2.8
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
package/dist/theme/toastui-editor-dark.css 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 Geometric */
504
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='M15 6c0-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
+ 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 */
@@ -523,43 +524,51 @@
523
524
 
524
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%3Cpath d='M10 6h11M10 12h11M10 18h11M4 8l2-3v14'/%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 */
529
531
  /* Text Color Plugin (Dark Mode) - High Specificity */
530
532
  .toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
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%3Cpath d='M12 3l-7 17h3l1.5-4h9l1.5 4h3L12 3z'/%3E%3Cpath d='M10.4 14h3.2L12 9l-1.6 5z' fill='%23eee' stroke='none'/%3E%3Cline x1='4' y1='22' x2='20' y2='22'/%3E%3C/svg%3E") !important;
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;
532
534
  background-size: 24px 24px !important;
533
535
  background-position: center center !important;
534
536
  }
535
537
 
538
+ /* Code Block (Dark Mode) - Force Fix */
536
539
  /* Code Block (Dark Mode) - Force Fix */
537
540
  .toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
538
541
  .toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
539
- 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 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") !important;
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;
540
543
  text-indent: -9999px !important;
541
544
  /* Hide text 'CB' */
542
545
  color: transparent !important;
543
546
  }
544
547
 
548
+ /* Task List */
545
549
  /* Task List */
546
550
  .toastui-editor-dark .toastui-editor-toolbar-icons.task-list {
547
- 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;
548
552
  }
549
553
 
550
554
  /* Indent */
551
- .toastui-editor-dark .toastui-editor-toolbar-icons.indent {
555
+ .toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.indent {
552
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;
553
557
  }
554
558
 
555
559
  /* Outdent */
556
- .toastui-editor-dark .toastui-editor-toolbar-icons.outdent {
560
+ .toastui-editor-dark .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.outdent {
557
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;
558
562
  }
559
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
+
560
569
  /* Table */
561
570
  .toastui-editor-dark .toastui-editor-toolbar-icons.table {
562
- 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;
563
572
  }
564
573
 
565
574
  /* Image */
package/dist/toastui-editor-only.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.7 | 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,7 @@
300
300
  .toastui-editor-defaultUI-toolbar {
301
301
  display: -ms-flexbox;
302
302
  display: flex;
303
- justify-content: space-between;
303
+ justify-content: flex-start;
304
304
  padding: 0 10px;
305
305
  height: 45px;
306
306
  background-color: #f7f9fc;
@@ -324,6 +324,12 @@
324
324
  .toastui-editor-toolbar-group {
325
325
  display: -ms-flexbox;
326
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;
327
333
  }
328
334
 
329
335
  .toastui-editor-defaultUI-toolbar button {
@@ -926,12 +932,12 @@ only screen and (min-resolution: 2dppx) {
926
932
 
927
933
  /* Italic (I) */
928
934
  .toastui-editor-toolbar-icons.italic {
929
- 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;
930
936
  }
931
937
 
932
938
  /* Strike (S) - Refined Geometric */
933
939
  .toastui-editor-toolbar-icons.strike {
934
- 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=%27M15 6c0-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;
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;
935
941
  }
936
942
 
937
943
  /* HR Line */
@@ -946,32 +952,32 @@ only screen and (min-resolution: 2dppx) {
946
952
 
947
953
  /* Bullet List */
948
954
  .toastui-editor-toolbar-icons.bullet-list {
949
- 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;
950
956
  }
951
957
 
952
958
  /* Ordered List - Refined */
953
959
  .toastui-editor-toolbar-icons.ordered-list {
954
- 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=%27M10 6h11M10 12h11M10 18h11M4 8l2-3v14%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;
955
961
  }
956
962
 
957
963
  /* Task List */
958
964
  .toastui-editor-toolbar-icons.task-list {
959
- 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;
960
966
  }
961
967
 
962
968
  /* Indent */
963
- .toastui-editor-toolbar-icons.indent {
964
- 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;
965
971
  }
966
972
 
967
973
  /* Outdent */
968
- .toastui-editor-toolbar-icons.outdent {
969
- 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;
970
976
  }
971
977
 
972
978
  /* Table */
973
979
  .toastui-editor-toolbar-icons.table {
974
- 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;
975
981
  }
976
982
 
977
983
  /* Image */
@@ -1007,7 +1013,7 @@ only screen and (min-resolution: 2dppx) {
1007
1013
 
1008
1014
  /* Text Color Plugin (Light Mode) - High Specificity Override */
1009
1015
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
1010
- 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=%27M12 3l-7 17h3l1.5-4h9l1.5 4h3L12 3z%27/%3E%3Cpath d=%27M10.4 14h3.2L12 9l-1.6 5z%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Cline x1=%274%27 y1=%2722%27 x2=%2720%27 y2=%2722%27/%3E%3C/svg%3E") !important;
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;
1011
1017
  background-size: 24px 24px !important;
1012
1018
  background-position: center center !important;
1013
1019
  }
@@ -1015,12 +1021,17 @@ only screen and (min-resolution: 2dppx) {
1015
1021
  /* Code Block - Force Fix with High Specificity */
1016
1022
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
1017
1023
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
1018
- 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 2h12a2 2 0 0 0 2-2V8z%27/%3E%3Cpolyline points=%2714 2 14 8 20 8%27/%3E%3Cline x1=%2716%27 y1=%2713%27 x2=%278%27 y2=%2713%27/%3E%3Cline x1=%2716%27 y1=%2717%27 x2=%278%27 y2=%2717%27/%3E%3Cpolyline points=%2710 9 9 9 8 9%27/%3E%3C/svg%3E") !important;
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;
1019
1025
  text-indent: -9999px !important;
1020
1026
  /* Hide text 'CB' if present */
1021
1027
  color: transparent !important;
1022
1028
  }
1023
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
+
1024
1035
  .toastui-editor-toolbar-icons.alignCenter {
1025
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;
1026
1037
  }
package/dist/toastui-editor-viewer.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.7 | 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
  */
package/dist/toastui-editor-viewer.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.7 | 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
  };
package/dist/toastui-editor.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * @licium/editor
3
- * @version 3.2.7 | 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,7 @@ img.ProseMirror-separator {
352
352
  .toastui-editor-defaultUI-toolbar {
353
353
  display: -ms-flexbox;
354
354
  display: flex;
355
- justify-content: space-between;
355
+ justify-content: flex-start;
356
356
  padding: 0 10px;
357
357
  height: 45px;
358
358
  background-color: #f7f9fc;
@@ -376,6 +376,12 @@ img.ProseMirror-separator {
376
376
  .toastui-editor-toolbar-group {
377
377
  display: -ms-flexbox;
378
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;
379
385
  }
380
386
 
381
387
  .toastui-editor-defaultUI-toolbar button {
@@ -978,12 +984,12 @@ only screen and (min-resolution: 2dppx) {
978
984
 
979
985
  /* Italic (I) */
980
986
  .toastui-editor-toolbar-icons.italic {
981
- 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;
982
988
  }
983
989
 
984
990
  /* Strike (S) - Refined Geometric */
985
991
  .toastui-editor-toolbar-icons.strike {
986
- 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=%27M15 6c0-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;
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;
987
993
  }
988
994
 
989
995
  /* HR Line */
@@ -998,32 +1004,32 @@ only screen and (min-resolution: 2dppx) {
998
1004
 
999
1005
  /* Bullet List */
1000
1006
  .toastui-editor-toolbar-icons.bullet-list {
1001
- 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;
1002
1008
  }
1003
1009
 
1004
1010
  /* Ordered List - Refined */
1005
1011
  .toastui-editor-toolbar-icons.ordered-list {
1006
- 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=%27M10 6h11M10 12h11M10 18h11M4 8l2-3v14%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;
1007
1013
  }
1008
1014
 
1009
1015
  /* Task List */
1010
1016
  .toastui-editor-toolbar-icons.task-list {
1011
- 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;
1012
1018
  }
1013
1019
 
1014
1020
  /* Indent */
1015
- .toastui-editor-toolbar-icons.indent {
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%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;
1017
1023
  }
1018
1024
 
1019
1025
  /* Outdent */
1020
- .toastui-editor-toolbar-icons.outdent {
1021
- 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;
1022
1028
  }
1023
1029
 
1024
1030
  /* Table */
1025
1031
  .toastui-editor-toolbar-icons.table {
1026
- 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;
1027
1033
  }
1028
1034
 
1029
1035
  /* Image */
@@ -1059,7 +1065,7 @@ only screen and (min-resolution: 2dppx) {
1059
1065
 
1060
1066
  /* Text Color Plugin (Light Mode) - High Specificity Override */
1061
1067
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.color {
1062
- 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=%27M12 3l-7 17h3l1.5-4h9l1.5 4h3L12 3z%27/%3E%3Cpath d=%27M10.4 14h3.2L12 9l-1.6 5z%27 fill=%27%23333%27 stroke=%27none%27/%3E%3Cline x1=%274%27 y1=%2722%27 x2=%2720%27 y2=%2722%27/%3E%3C/svg%3E") !important;
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;
1063
1069
  background-size: 24px 24px !important;
1064
1070
  background-position: center center !important;
1065
1071
  }
@@ -1067,12 +1073,17 @@ only screen and (min-resolution: 2dppx) {
1067
1073
  /* Code Block - Force Fix with High Specificity */
1068
1074
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.codeblock,
1069
1075
  .toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons.code-block {
1070
- 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 2h12a2 2 0 0 0 2-2V8z%27/%3E%3Cpolyline points=%2714 2 14 8 20 8%27/%3E%3Cline x1=%2716%27 y1=%2713%27 x2=%278%27 y2=%2713%27/%3E%3Cline x1=%2716%27 y1=%2717%27 x2=%278%27 y2=%2717%27/%3E%3Cpolyline points=%2710 9 9 9 8 9%27/%3E%3C/svg%3E") !important;
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;
1071
1077
  text-indent: -9999px !important;
1072
1078
  /* Hide text 'CB' if present */
1073
1079
  color: transparent !important;
1074
1080
  }
1075
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
+
1076
1087
  .toastui-editor-toolbar-icons.alignCenter {
1077
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;
1078
1089
  }