@licium/editor-plugin-details 1.0.3 → 3.2.10

package/dist/cdn/toastui-editor-plugin-details.min.css

@@ -0,0 +1,6 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.13 | Thu Jan 08 2026
+ * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
+ * @license MIT
+ */.toastui-editor-toolbar-icons.details{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' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3Cpath d='m9 10 3 3 3-3'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:24px 24px!important;text-indent:-9999px!important}details{background-color:#f7f7f7;border:1px solid #e1e1e1;border-radius:4px;display:block;margin:10px 0;padding:10px}summary{cursor:pointer;font-weight:700;margin-bottom:5px;outline:none}.toastui-editor-dark .toastui-editor-toolbar-icons.details{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='m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3Cpath d='m9 10 3 3 3-3'/%3E%3C/svg%3E")!important}.toastui-editor-dark details{background-color:#282a36;border-color:#44475a;color:#f8f8f2}

package/dist/cdn/toastui-editor-plugin-details.min.js

@@ -0,0 +1,7 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.13 | Thu Jan 08 2026
+ * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
+ * @license MIT
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.toastui=t():(e.toastui=e.toastui||{},e.toastui.Editor=e.toastui.Editor||{},e.toastui.Editor.plugin=e.toastui.Editor.plugin||{},e.toastui.Editor.plugin.details=t())}(self,(function(){return function(){"use strict";var e={d:function(t,n){for(var a in n)e.o(n,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:n[a]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return a}});var n=function(){return n=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.create;Object.create;"function"==typeof SuppressedError&&SuppressedError;function a(e,t){void 0===t&&(t={});var a=e.i18n,o=e.eventEmitter;!function(e){e.setLanguage(["en","en-US"],{details:"Collapsible Block",summary:"Summary header",content:"Hidden content"}),e.setLanguage(["ar","ar-AR"],{details:"كتلة قابلة للطي",summary:"عنوان الملخص",content:"المحتوى المخفي"}),e.setLanguage(["cs","cs-CZ"],{details:"Sbalitelný blok",summary:"Záhlaví shrnutí",content:"Skrytý obsah"}),e.setLanguage(["de","de-DE"],{details:"Aufklappbarer Block",summary:"Klick mich zum Aufklappen",content:"Hier steht der versteckte Inhalt"}),e.setLanguage(["es","es-ES"],{details:"Bloque plegable",summary:"Encabezado del resumen",content:"Contenido oculto"}),e.setLanguage(["fi","fi-FI"],{details:"Kokoontaitettava lohko",summary:"Yhteenveto",content:"Piilotettu sisältö"}),e.setLanguage(["fr","fr-FR"],{details:"Bloc pliable",summary:"Titre du résumé",content:"Contenu masqué"}),e.setLanguage(["gl","gl-ES"],{details:"Bloque pregable",summary:"Cabeceira do resumo",content:"Contido oculto"}),e.setLanguage(["hr","hr-HR"],{details:"Sklopivi blok",summary:"Naslov sažetka",content:"Skriveni sadržaj"}),e.setLanguage(["it","it-IT"],{details:"Blocco comprimibile",summary:"Intestazione riepilogo",content:"Contenuto nascosto"}),e.setLanguage(["ja","ja-JP"],{details:"折りたたみブロック",summary:"要約ヘッダー",content:"隠しコンテンツ"}),e.setLanguage(["ko","ko-KR"],{details:"접이식 블록",summary:"요약 헤더",content:"숨겨진 콘텐츠"}),e.setLanguage(["nb","nb-NO"],{details:"Sammenleggbar blokk",summary:"Sammendrag overskrift",content:"Skjult innhold"}),e.setLanguage(["nl","nl-NL"],{details:"Inklapbaar blok",summary:"Samenvatting kop",content:"Verborgen inhoud"}),e.setLanguage(["pl","pl-PL"],{details:"Blok zwijany",summary:"Nagłówek podsumowania",content:"Ukryta treść"}),e.setLanguage(["pt","pt-BR"],{details:"Bloco recolhível",summary:"Cabeçalho de resumo",content:"Conteúdo oculto"}),e.setLanguage(["ru","ru-RU"],{details:"Сворачиваемый блок",summary:"Заголовок резюме",content:"Скрытый контент"}),e.setLanguage(["sv","sv-SE"],{details:"Hopfällbart block",summary:"Sammanfattning rubrik",content:"Dolt innehåll"}),e.setLanguage(["tr","tr-TR"],{details:"Daraltılabilir blok",summary:"Özet başlığı",content:"Gizli içerik"}),e.setLanguage(["uk","uk-UA"],{details:"Згортаємий блок",summary:"Заголовок резюме",content:"Прихований вміст"}),e.setLanguage(["zh","zh-CN"],{details:"可折叠块",summary:"摘要标题",content:"隐藏内容"}),e.setLanguage(["zh-TW"],{details:"可折疊區塊",summary:"摘要標題",content:"隱藏內容"})}(a);var r=function(e){return{name:"details",tooltip:e.get("details"),className:"toastui-editor-toolbar-icons details",command:"details"}}(a);return o.listen("keydown",(function(t,n){console.log("[Details Plugin] keydown via eventEmitter!",{editorType:t,key:n.key}),"wysiwyg"===t&&("Enter"!==n.key&&"ArrowDown"!==n.key||function(e,t){var n=e.instance;if(n){var a=n.getCurrentModeEditor();if(a&&a.view){for(var o=a.view,r=o.state,i=r.selection.$from,s=-1,l=i.depth;l>0;l-=1)if("details"===i.node(l).type.name){s=l;break}if(!(s<0)){var u=i.node(s),c=i.before(s)+u.nodeSize,d=i.after(),m=d>=c-1;if(console.log("[Details Plugin] Inside details:",{key:t.key,isAtEnd:m,afterPara:d,nodeEnd:c,parentType:i.parent.type.name,parentEmpty:0===i.parent.content.size}),m){var g=r.tr,p=r.schema,y=r.selection.constructor;if("Enter"===t.key){if("paragraph"!==i.parent.type.name||0!==i.parent.content.size)return;var f=i.index(s),v=u.child(f-1);if(!v||"paragraph"!==v.type.name||0!==v.content.size)return void console.log("[Details Plugin] Allowing one empty line. Not exiting yet.");console.log("[Details Plugin] EXITING via Double Enter (Two empty paras)!"),t.preventDefault();var k=i.before();g.delete(k,d);var h=p.nodes.paragraph.createAndFill(),b=c-(d-k);g.insert(b,h),y.near&&g.setSelection(y.near(g.doc.resolve(b+1))),o.dispatch(g)}if("ArrowDown"===t.key){if(i.parentOffset!==i.parent.content.size)return;console.log("[Details Plugin] EXITING via ArrowDown!"),t.preventDefault(),c<r.doc.content.size?y.near&&(g.setSelection(y.near(g.doc.resolve(c))),o.dispatch(g)):(h=p.nodes.paragraph.createAndFill(),g.insert(c,h),y.near&&g.setSelection(y.near(g.doc.resolve(c+1))),o.dispatch(g))}}}}else console.log("[Details Plugin] No editor view found")}else console.log("[Details Plugin] No instance found")}(e,n))})),{toHTMLRenderers:{htmlBlock:{renderer:function(e){return/<(\/)?(details|summary)/i.test(e.literal||"")?[{type:"html",content:e.literal||""}]:[{type:"openTag",tagName:"div",outerNewLine:!0},{type:"html",content:e.literal||""},{type:"closeTag",tagName:"div",outerNewLine:!0}]}}},markdownCommands:{details:function(e,t,n){var o=t.tr,r=t.selection,i=t.schema,s=r.content(),l=s.content.textBetween(0,s.content.size,"\n")||a.get("content"),u=""+("<details>\n<summary>"+a.get("summary")+"</summary>\n")+l+"\n</details>";return o.replaceSelectionWith(i.text(u)),n(o),!0}},wysiwygNodeViews:{details:function(e,t,a){var o=document.createElement("details"),r=e.attrs&&e.attrs.htmlAttrs||{};return(!0===e.attrs.open||r&&null!==r.open&&void 0!==r.open)&&(o.open=!0),o.addEventListener("click",(function(o){var i=o.target;if("SUMMARY"===i.tagName||i.closest("summary")){o.preventDefault();var s=a();if("number"==typeof s){var l=null!==r.open&&void 0!==r.open,u=n({},r);l?delete u.open:u.open="";var c=n(n({},e.attrs),{htmlAttrs:u});t.dispatch(t.state.tr.setNodeMarkup(s,null,c))}}})),{dom:o,contentDOM:o}}},wysiwygCommands:{details:function(e,t,n){var o=t.tr,r=t.schema,i=a.get("summary"),s=a.get("content"),l=r.nodes,u=l.details,c=l.summary,d=l.paragraph;if(u&&c&&d){var m=c.create({},r.text(i)),g=d.create({},r.text(s)),p=u.create({},[m,g]);return o.replaceSelectionWith(p),n(o),!0}return!1}},toolbarItems:[{groupIndex:4,itemIndex:3,item:r}]}}return t=t.default}()}));

package/dist/toastui-editor-plugin-details.css

@@ -0,0 +1,42 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 3.2.10 | Thu Jan 08 2026
+ * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
+ * @license MIT
+ */
+/* Light Mode */
+.toastui-editor-toolbar-icons.details {
+    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=%27M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%27/%3E%3Cpath d=%27M9 10L12 13 15 10%27 stroke=%27%23333%27/%3E%3C/svg%3E") !important;
+    background-size: 24px 24px !important;
+    background-repeat: no-repeat !important;
+    background-position: center center !important;
+    text-indent: -9999px !important;
+}
+
+details {
+    display: block;
+    background-color: #f7f7f7;
+    border: 1px solid #e1e1e1;
+    border-radius: 4px;
+    padding: 10px;
+    margin: 10px 0;
+}
+
+summary {
+    cursor: pointer;
+    font-weight: bold;
+    margin-bottom: 5px;
+    outline: none;
+}
+
+/* Dark Mode */
+.toastui-editor-dark .toastui-editor-toolbar-icons.details {
+    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%23eee%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%27/%3E%3Cpath d=%27M9 10L12 13 15 10%27 stroke=%27%23eee%27/%3E%3C/svg%3E") !important;
+}
+
+.toastui-editor-dark details {
+    background-color: #282a36;
+    /* Darker background for contrast against editor bg */
+    border-color: #44475a;
+    color: #f8f8f2;
+}

package/dist/toastui-editor-plugin-details.js

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Editor : Text Align Plugin
- * @version 1.0.2 | Sun Jan 04 2026
+ * @version 3.2.10 | Thu Jan 08 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -455,16 +455,117 @@ function addLangs(i18n) {
         summary: 'Summary header',
         content: 'Hidden content',
     });
+    i18n.setLanguage(['ar', 'ar-AR'], {
+        details: 'كتلة قابلة للطي',
+        summary: 'عنوان الملخص',
+        content: 'المحتوى المخفي',
+    });
+    i18n.setLanguage(['cs', 'cs-CZ'], {
+        details: 'Sbalitelný blok',
+        summary: 'Záhlaví shrnutí',
+        content: 'Skrytý obsah',
+    });
     i18n.setLanguage(['de', 'de-DE'], {
         details: 'Aufklappbarer Block',
         summary: 'Klick mich zum Aufklappen',
         content: 'Hier steht der versteckte Inhalt',
     });
+    i18n.setLanguage(['es', 'es-ES'], {
+        details: 'Bloque plegable',
+        summary: 'Encabezado del resumen',
+        content: 'Contenido oculto',
+    });
+    i18n.setLanguage(['fi', 'fi-FI'], {
+        details: 'Kokoontaitettava lohko',
+        summary: 'Yhteenveto',
+        content: 'Piilotettu sisältö',
+    });
+    i18n.setLanguage(['fr', 'fr-FR'], {
+        details: 'Bloc pliable',
+        summary: 'Titre du résumé',
+        content: 'Contenu masqué',
+    });
+    i18n.setLanguage(['gl', 'gl-ES'], {
+        details: 'Bloque pregable',
+        summary: 'Cabeceira do resumo',
+        content: 'Contido oculto',
+    });
+    i18n.setLanguage(['hr', 'hr-HR'], {
+        details: 'Sklopivi blok',
+        summary: 'Naslov sažetka',
+        content: 'Skriveni sadržaj',
+    });
+    i18n.setLanguage(['it', 'it-IT'], {
+        details: 'Blocco comprimibile',
+        summary: 'Intestazione riepilogo',
+        content: 'Contenuto nascosto',
+    });
+    i18n.setLanguage(['ja', 'ja-JP'], {
+        details: '折りたたみブロック',
+        summary: '要約ヘッダー',
+        content: '隠しコンテンツ',
+    });
+    i18n.setLanguage(['ko', 'ko-KR'], {
+        details: '접이식 블록',
+        summary: '요약 헤더',
+        content: '숨겨진 콘텐츠',
+    });
+    i18n.setLanguage(['nb', 'nb-NO'], {
+        details: 'Sammenleggbar blokk',
+        summary: 'Sammendrag overskrift',
+        content: 'Skjult innhold',
+    });
+    i18n.setLanguage(['nl', 'nl-NL'], {
+        details: 'Inklapbaar blok',
+        summary: 'Samenvatting kop',
+        content: 'Verborgen inhoud',
+    });
+    i18n.setLanguage(['pl', 'pl-PL'], {
+        details: 'Blok zwijany',
+        summary: 'Nagłówek podsumowania',
+        content: 'Ukryta treść',
+    });
+    i18n.setLanguage(['pt', 'pt-BR'], {
+        details: 'Bloco recolhível',
+        summary: 'Cabeçalho de resumo',
+        content: 'Conteúdo oculto',
+    });
+    i18n.setLanguage(['ru', 'ru-RU'], {
+        details: 'Сворачиваемый блок',
+        summary: 'Заголовок резюме',
+        content: 'Скрытый контент',
+    });
+    i18n.setLanguage(['sv', 'sv-SE'], {
+        details: 'Hopfällbart block',
+        summary: 'Sammanfattning rubrik',
+        content: 'Dolt innehåll',
+    });
+    i18n.setLanguage(['tr', 'tr-TR'], {
+        details: 'Daraltılabilir blok',
+        summary: 'Özet başlığı',
+        content: 'Gizli içerik',
+    });
+    i18n.setLanguage(['uk', 'uk-UA'], {
+        details: 'Згортаємий блок',
+        summary: 'Заголовок резюме',
+        content: 'Прихований вміст',
+    });
+    i18n.setLanguage(['zh', 'zh-CN'], {
+        details: '可折叠块',
+        summary: '摘要标题',
+        content: '隐藏内容',
+    });
+    i18n.setLanguage(['zh-TW'], {
+        details: '可折疊區塊',
+        summary: '摘要標題',
+        content: '隱藏內容',
+    });
 }
 
 ;// CONCATENATED MODULE: ./src/index.ts
 
 
+
 var PREFIX = 'toastui-editor-';
 function createToolbarItemOption(i18n) {
     return {
@@ -524,9 +625,23 @@ function handleDetailsExit(context, event) {
         if (!isEmptyPara) {
             return;
         }
-        console.log('[Details Plugin] EXITING via Enter!');
+        // Check previous node to see if it's also an empty paragraph
+        // $from.index(0) gives the index in the parent details node
+        var index = $from.index(detailsDepth);
+        var prevNode = detailsNode.child(index - 1);
+        var isPrevEmptyPara = prevNode && prevNode.type.name === 'paragraph' && prevNode.content.size === 0;
+        if (!isPrevEmptyPara) {
+            console.log('[Details Plugin] Allowing one empty line. Not exiting yet.');
+            return;
+        }
+        console.log('[Details Plugin] EXITING via Double Enter (Two empty paras)!');
         event.preventDefault();
         var beforePara = $from.before();
+        // delete the current empty para and the previous one? 
+        // Usually "Exit" means: Lift the current empty para out.
+        // But if we have TWO empty paras, maybe we want to keep one inside?
+        // Let's stick to: If two empty paras, we treat it as an exit signal.
+        // We should probably remove the *current* empty para and move the cursor out.
         tr.delete(beforePara, afterPara);
         var p = schema.nodes.paragraph.createAndFill();
         var insertPos = nodeEnd - (afterPara - beforePara);
@@ -577,6 +692,20 @@ function detailsPlugin(context, options) {
         handleDetailsExit(context, event);
     });
     return {
+        toHTMLRenderers: {
+            htmlBlock: {
+                renderer: function (node) {
+                    var isDetails = /<(\/)?(details|summary)/i.test(node.literal || '');
+                    return isDetails
+                        ? [{ type: 'html', content: node.literal || '' }]
+                        : [
+                            { type: 'openTag', tagName: 'div', outerNewLine: true },
+                            { type: 'html', content: node.literal || '' },
+                            { type: 'closeTag', tagName: 'div', outerNewLine: true },
+                        ];
+                },
+            },
+        },
         markdownCommands: {
             details: function (payload, _a, dispatch) {
                 var tr = _a.tr, selection = _a.selection, schema = _a.schema;
@@ -591,25 +720,14 @@ function detailsPlugin(context, options) {
                 return true;
             },
         },
-        toHTMLRenderers: {
-            htmlBlock: {
-                details: function (node) { return [
-                    { type: 'openTag', tagName: 'details', outerNewLine: true },
-                    { type: 'html', content: node.childrenHTML || '' },
-                    { type: 'closeTag', tagName: 'details', outerNewLine: true },
-                ]; },
-                summary: function (node) { return [
-                    { type: 'openTag', tagName: 'summary', outerNewLine: true },
-                    { type: 'html', content: node.childrenHTML || '' },
-                    { type: 'closeTag', tagName: 'summary', outerNewLine: true },
-                ]; },
-            },
-        },
         wysiwygNodeViews: {
             details: function (node, view, getPos) {
                 var dom = document.createElement('details');
-                var htmlAttrs = node.attrs.htmlAttrs;
-                if (htmlAttrs.open) {
+                var htmlAttrs = (node.attrs && node.attrs.htmlAttrs) || {};
+                var isOpenAttr = node.attrs.open; // Core definition uses direct attribute
+                // Check both direct attribute (priority) and htmlAttrs (legacy/plugin)
+                var isOpen = isOpenAttr === true || (htmlAttrs && htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined');
+                if (isOpen) {
                     dom.open = true;
                 }
                 dom.addEventListener('click', function (e) {
@@ -618,7 +736,15 @@ function detailsPlugin(context, options) {
                         e.preventDefault();
                         var pos = getPos();
                         if (typeof pos === 'number') {
-                            var newAttrs = __assign(__assign({}, node.attrs), { htmlAttrs: __assign(__assign({}, htmlAttrs), { open: !htmlAttrs.open }) });
+                            var isOpen_1 = htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined';
+                            var newHtmlAttrs = __assign({}, htmlAttrs);
+                            if (isOpen_1) {
+                                delete newHtmlAttrs.open;
+                            }
+                            else {
+                                newHtmlAttrs.open = '';
+                            }
+                            var newAttrs = __assign(__assign({}, node.attrs), { htmlAttrs: newHtmlAttrs });
                             view.dispatch(view.state.tr.setNodeMarkup(pos, null, newAttrs));
                         }
                     }
@@ -645,8 +771,8 @@ function detailsPlugin(context, options) {
         },
         toolbarItems: [
             {
-                groupIndex: 0,
-                itemIndex: 4,
+                groupIndex: 4,
+                itemIndex: 3,
                 item: toolbarItem,
             },
         ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licium/editor-plugin-details",
-  "version": "1.0.3",
+  "version": "3.2.10",
   "description": "Details/Summary plugin for Toast UI Editor",
   "keywords": [
     "nhn",
@@ -47,5 +47,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
-}
+  },
+  "gitHead": "f5c5e17205373f73a607b05d989c4b06768752dd"
+}

package/src/i18n/langs.ts

@@ -7,9 +7,129 @@ export function addLangs(i18n: I18n) {
     content: 'Hidden content',
   });
 
+  i18n.setLanguage(['ar', 'ar-AR'], {
+    details: 'كتلة قابلة للطي',
+    summary: 'عنوان الملخص',
+    content: 'المحتوى المخفي',
+  });
+
+  i18n.setLanguage(['cs', 'cs-CZ'], {
+    details: 'Sbalitelný blok',
+    summary: 'Záhlaví shrnutí',
+    content: 'Skrytý obsah',
+  });
+
   i18n.setLanguage(['de', 'de-DE'], {
     details: 'Aufklappbarer Block',
     summary: 'Klick mich zum Aufklappen',
     content: 'Hier steht der versteckte Inhalt',
   });
+
+  i18n.setLanguage(['es', 'es-ES'], {
+    details: 'Bloque plegable',
+    summary: 'Encabezado del resumen',
+    content: 'Contenido oculto',
+  });
+
+  i18n.setLanguage(['fi', 'fi-FI'], {
+    details: 'Kokoontaitettava lohko',
+    summary: 'Yhteenveto',
+    content: 'Piilotettu sisältö',
+  });
+
+  i18n.setLanguage(['fr', 'fr-FR'], {
+    details: 'Bloc pliable',
+    summary: 'Titre du résumé',
+    content: 'Contenu masqué',
+  });
+
+  i18n.setLanguage(['gl', 'gl-ES'], {
+    details: 'Bloque pregable',
+    summary: 'Cabeceira do resumo',
+    content: 'Contido oculto',
+  });
+
+  i18n.setLanguage(['hr', 'hr-HR'], {
+    details: 'Sklopivi blok',
+    summary: 'Naslov sažetka',
+    content: 'Skriveni sadržaj',
+  });
+
+  i18n.setLanguage(['it', 'it-IT'], {
+    details: 'Blocco comprimibile',
+    summary: 'Intestazione riepilogo',
+    content: 'Contenuto nascosto',
+  });
+
+  i18n.setLanguage(['ja', 'ja-JP'], {
+    details: '折りたたみブロック',
+    summary: '要約ヘッダー',
+    content: '隠しコンテンツ',
+  });
+
+  i18n.setLanguage(['ko', 'ko-KR'], {
+    details: '접이식 블록',
+    summary: '요약 헤더',
+    content: '숨겨진 콘텐츠',
+  });
+
+  i18n.setLanguage(['nb', 'nb-NO'], {
+    details: 'Sammenleggbar blokk',
+    summary: 'Sammendrag overskrift',
+    content: 'Skjult innhold',
+  });
+
+  i18n.setLanguage(['nl', 'nl-NL'], {
+    details: 'Inklapbaar blok',
+    summary: 'Samenvatting kop',
+    content: 'Verborgen inhoud',
+  });
+
+  i18n.setLanguage(['pl', 'pl-PL'], {
+    details: 'Blok zwijany',
+    summary: 'Nagłówek podsumowania',
+    content: 'Ukryta treść',
+  });
+
+  i18n.setLanguage(['pt', 'pt-BR'], {
+    details: 'Bloco recolhível',
+    summary: 'Cabeçalho de resumo',
+    content: 'Conteúdo oculto',
+  });
+
+  i18n.setLanguage(['ru', 'ru-RU'], {
+    details: 'Сворачиваемый блок',
+    summary: 'Заголовок резюме',
+    content: 'Скрытый контент',
+  });
+
+  i18n.setLanguage(['sv', 'sv-SE'], {
+    details: 'Hopfällbart block',
+    summary: 'Sammanfattning rubrik',
+    content: 'Dolt innehåll',
+  });
+
+  i18n.setLanguage(['tr', 'tr-TR'], {
+    details: 'Daraltılabilir blok',
+    summary: 'Özet başlığı',
+    content: 'Gizli içerik',
+  });
+
+  i18n.setLanguage(['uk', 'uk-UA'], {
+    details: 'Згортаємий блок',
+    summary: 'Заголовок резюме',
+    content: 'Прихований вміст',
+  });
+
+  i18n.setLanguage(['zh', 'zh-CN'], {
+    details: '可折叠块',
+    summary: '摘要标题',
+    content: '隐藏内容',
+  });
+
+  i18n.setLanguage(['zh-TW'], {
+    details: '可折疊區塊',
+    summary: '摘要標題',
+    content: '隱藏內容',
+  });
 }

package/src/index.ts

@@ -1,6 +1,8 @@
-import type { PluginContext, PluginInfo, I18n } from '@licium/editor';
+/* eslint-disable */
+import type { PluginContext, PluginInfo, I18n, MdNode } from '@licium/editor';
 import { PluginOptions } from '@t/index';
 import { addLangs } from './i18n/langs';
+import './css/plugin.css';
 
 const PREFIX = 'toastui-editor-';
 
@@ -77,11 +79,28 @@ function handleDetailsExit(context: PluginContext, event: KeyboardEvent): void {
       return;
     }
 
-    console.log('[Details Plugin] EXITING via Enter!');
+    // Check previous node to see if it's also an empty paragraph
+    // $from.index(0) gives the index in the parent details node
+    const index = $from.index(detailsDepth);
+    const prevNode = detailsNode.child(index - 1);
+    const isPrevEmptyPara = prevNode && prevNode.type.name === 'paragraph' && prevNode.content.size === 0;
+
+    if (!isPrevEmptyPara) {
+      console.log('[Details Plugin] Allowing one empty line. Not exiting yet.');
+      return;
+    }
+
+    console.log('[Details Plugin] EXITING via Double Enter (Two empty paras)!');
     event.preventDefault();
 
     const beforePara = $from.before();
 
+    // delete the current empty para and the previous one? 
+    // Usually "Exit" means: Lift the current empty para out.
+    // But if we have TWO empty paras, maybe we want to keep one inside?
+    // Let's stick to: If two empty paras, we treat it as an exit signal.
+    // We should probably remove the *current* empty para and move the cursor out.
+
     tr.delete(beforePara, afterPara);
 
     const p = schema.nodes.paragraph.createAndFill()!;
@@ -152,6 +171,20 @@ export default function detailsPlugin(
   });
 
   return {
+    toHTMLRenderers: {
+      htmlBlock: {
+        renderer: (node) => {
+          const isDetails = /<(\/)?(details|summary)/i.test(node.literal || '');
+          return isDetails
+            ? [{ type: 'html', content: node.literal || '' }]
+            : [
+              { type: 'openTag', tagName: 'div', outerNewLine: true },
+              { type: 'html', content: node.literal || '' },
+              { type: 'closeTag', tagName: 'div', outerNewLine: true },
+            ];
+        },
+      },
+    },
     markdownCommands: {
       details: (payload, { tr, selection, schema }, dispatch) => {
         const slice = selection.content();
@@ -168,26 +201,18 @@ export default function detailsPlugin(
         return true;
       },
     },
-    toHTMLRenderers: {
-      htmlBlock: {
-        details: (node) => [
-          { type: 'openTag', tagName: 'details', outerNewLine: true },
-          { type: 'html', content: node.childrenHTML || '' },
-          { type: 'closeTag', tagName: 'details', outerNewLine: true },
-        ],
-        summary: (node) => [
-          { type: 'openTag', tagName: 'summary', outerNewLine: true },
-          { type: 'html', content: node.childrenHTML || '' },
-          { type: 'closeTag', tagName: 'summary', outerNewLine: true },
-        ],
-      },
-    },
+
+
     wysiwygNodeViews: {
       details: (node, view, getPos) => {
         const dom = document.createElement('details');
-        const { htmlAttrs } = node.attrs;
+        const htmlAttrs = (node.attrs && node.attrs.htmlAttrs) || {};
+        const isOpenAttr = node.attrs.open; // Core definition uses direct attribute
+
+        // Check both direct attribute (priority) and htmlAttrs (legacy/plugin)
+        const isOpen = isOpenAttr === true || (htmlAttrs && htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined');
 
-        if (htmlAttrs.open) {
+        if (isOpen) {
           dom.open = true;
         }
 
@@ -200,9 +225,18 @@ export default function detailsPlugin(
             const pos = getPos();
 
             if (typeof pos === 'number') {
+              const isOpen = htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined';
+              const newHtmlAttrs = { ...htmlAttrs };
+
+              if (isOpen) {
+                delete newHtmlAttrs.open;
+              } else {
+                newHtmlAttrs.open = '';
+              }
+
               const newAttrs = {
                 ...node.attrs,
-                htmlAttrs: { ...htmlAttrs, open: !htmlAttrs.open },
+                htmlAttrs: newHtmlAttrs,
               };
 
               view.dispatch(view.state.tr.setNodeMarkup(pos, null, newAttrs));
@@ -235,8 +269,8 @@ export default function detailsPlugin(
     },
     toolbarItems: [
       {
-        groupIndex: 0,
-        itemIndex: 4,
+        groupIndex: 4,
+        itemIndex: 3,
         item: toolbarItem,
       },
     ],