@licium/editor-plugin-details 1.0.3 → 1.0.13

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

@@ -0,0 +1,42 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.12 | Mon Jan 05 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/cdn/toastui-editor-plugin-details.js

@@ -0,0 +1,683 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.12 | Mon Jan 05 2026
+ * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["toastui"] = factory();
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = root["toastui"]["Editor"] || {}, root["toastui"]["Editor"]["plugin"] = root["toastui"]["Editor"]["plugin"] || {}, root["toastui"]["Editor"]["plugin"]["details"] = factory();
+})(self, function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ detailsPlugin; }
+});
+
+;// CONCATENATED MODULE: ../../node_modules/tslib/tslib.es6.mjs
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf ||
+      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+  return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() { this.constructor = d; }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  }
+  return __assign.apply(this, arguments);
+}
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+  return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+  var _, done = false;
+  for (var i = decorators.length - 1; i >= 0; i--) {
+      var context = {};
+      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+      if (kind === "accessor") {
+          if (result === void 0) continue;
+          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+          if (_ = accept(result.get)) descriptor.get = _;
+          if (_ = accept(result.set)) descriptor.set = _;
+          if (_ = accept(result.init)) initializers.unshift(_);
+      }
+      else if (_ = accept(result)) {
+          if (kind === "field") initializers.unshift(_);
+          else descriptor[key] = _;
+      }
+  }
+  if (target) Object.defineProperty(target, contextIn.name, descriptor);
+  done = true;
+};
+
+function __runInitializers(thisArg, initializers, value) {
+  var useValue = arguments.length > 2;
+  for (var i = 0; i < initializers.length; i++) {
+      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+  }
+  return useValue ? value : void 0;
+};
+
+function __propKey(x) {
+  return typeof x === "symbol" ? x : "".concat(x);
+};
+
+function __setFunctionName(f, name, prefix) {
+  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+
+function __metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  function verb(n) { return function (v) { return step([n, v]); }; }
+  function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+              case 0: case 1: t = op; break;
+              case 4: _.label++; return { value: op[1], done: false };
+              case 5: _.label++; y = op[1]; op = [0]; continue;
+              case 7: op = _.ops.pop(); _.trys.pop(); continue;
+              default:
+                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop(); continue;
+          }
+          op = body.call(thisArg, _);
+      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+  }
+  Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
+/** @deprecated */
+function __spread() {
+  for (var ar = [], i = 0; i < arguments.length; i++)
+      ar = ar.concat(__read(arguments[i]));
+  return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+  return r;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+  return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var g = generator.apply(thisArg, _arguments || []), i, q = [];
+  return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
+  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+  function fulfill(value) { resume("next", value); }
+  function reject(value) { resume("throw", value); }
+  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+  var i, p;
+  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+  return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+  Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+  o["default"] = v;
+};
+
+var ownKeys = function(o) {
+  ownKeys = Object.getOwnPropertyNames || function (o) {
+    var ar = [];
+    for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+    return ar;
+  };
+  return ownKeys(o);
+};
+
+function __importStar(mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+  __setModuleDefault(result, mod);
+  return result;
+}
+
+function __importDefault(mod) {
+  return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+  return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+function __addDisposableResource(env, value, async) {
+  if (value !== null && value !== void 0) {
+    if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+    var dispose, inner;
+    if (async) {
+      if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+      dispose = value[Symbol.asyncDispose];
+    }
+    if (dispose === void 0) {
+      if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+      dispose = value[Symbol.dispose];
+      if (async) inner = dispose;
+    }
+    if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };
+    env.stack.push({ value: value, dispose: dispose, async: async });
+  }
+  else if (async) {
+    env.stack.push({ async: true });
+  }
+  return value;
+}
+
+var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function __disposeResources(env) {
+  function fail(e) {
+    env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+    env.hasError = true;
+  }
+  var r, s = 0;
+  function next() {
+    while (r = env.stack.pop()) {
+      try {
+        if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);
+        if (r.dispose) {
+          var result = r.dispose.call(r.value);
+          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+        }
+        else s |= 1;
+      }
+      catch (e) {
+        fail(e);
+      }
+    }
+    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();
+    if (env.hasError) throw env.error;
+  }
+  return next();
+}
+
+function __rewriteRelativeImportExtension(path, preserveJsx) {
+  if (typeof path === "string" && /^\.\.?\//.test(path)) {
+      return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+          return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+      });
+  }
+  return path;
+}
+
+/* harmony default export */ var tslib_es6 = ({
+  __extends,
+  __assign,
+  __rest,
+  __decorate,
+  __param,
+  __esDecorate,
+  __runInitializers,
+  __propKey,
+  __setFunctionName,
+  __metadata,
+  __awaiter,
+  __generator,
+  __createBinding,
+  __exportStar,
+  __values,
+  __read,
+  __spread,
+  __spreadArrays,
+  __spreadArray,
+  __await,
+  __asyncGenerator,
+  __asyncDelegator,
+  __asyncValues,
+  __makeTemplateObject,
+  __importStar,
+  __importDefault,
+  __classPrivateFieldGet,
+  __classPrivateFieldSet,
+  __classPrivateFieldIn,
+  __addDisposableResource,
+  __disposeResources,
+  __rewriteRelativeImportExtension,
+});
+
+;// CONCATENATED MODULE: ./src/i18n/langs.ts
+function addLangs(i18n) {
+    i18n.setLanguage(['en', 'en-US'], {
+        details: 'Collapsible Block',
+        summary: 'Summary header',
+        content: 'Hidden content',
+    });
+    i18n.setLanguage(['de', 'de-DE'], {
+        details: 'Aufklappbarer Block',
+        summary: 'Klick mich zum Aufklappen',
+        content: 'Hier steht der versteckte Inhalt',
+    });
+}
+
+;// CONCATENATED MODULE: ./src/index.ts
+
+
+
+var PREFIX = 'toastui-editor-';
+function createToolbarItemOption(i18n) {
+    return {
+        name: 'details',
+        tooltip: i18n.get('details'),
+        className: PREFIX + "toolbar-icons details",
+        command: 'details',
+    };
+}
+function handleDetailsExit(context, event) {
+    var instance = context.instance;
+    if (!instance) {
+        console.log('[Details Plugin] No instance found');
+        return;
+    }
+    var editor = instance.getCurrentModeEditor();
+    if (!editor || !editor.view) {
+        console.log('[Details Plugin] No editor view found');
+        return;
+    }
+    var view = editor.view;
+    var state = view.state;
+    var selection = state.selection;
+    var $from = selection.$from;
+    // Find details node in ancestry
+    var detailsDepth = -1;
+    for (var d = $from.depth; d > 0; d -= 1) {
+        if ($from.node(d).type.name === 'details') {
+            detailsDepth = d;
+            break;
+        }
+    }
+    if (detailsDepth < 0) {
+        return;
+    }
+    var detailsNode = $from.node(detailsDepth);
+    var nodeStart = $from.before(detailsDepth);
+    var nodeEnd = nodeStart + detailsNode.nodeSize;
+    var afterPara = $from.after();
+    var isAtEnd = afterPara >= nodeEnd - 1;
+    console.log('[Details Plugin] Inside details:', {
+        key: event.key,
+        isAtEnd: isAtEnd,
+        afterPara: afterPara,
+        nodeEnd: nodeEnd,
+        parentType: $from.parent.type.name,
+        parentEmpty: $from.parent.content.size === 0,
+    });
+    if (!isAtEnd) {
+        return;
+    }
+    var tr = state.tr, schema = state.schema;
+    var SelectionClass = state.selection.constructor;
+    // Enter on empty paragraph
+    if (event.key === 'Enter') {
+        var isEmptyPara = $from.parent.type.name === 'paragraph' && $from.parent.content.size === 0;
+        if (!isEmptyPara) {
+            return;
+        }
+        // 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);
+        tr.insert(insertPos, p);
+        if (SelectionClass.near) {
+            tr.setSelection(SelectionClass.near(tr.doc.resolve(insertPos + 1)));
+        }
+        view.dispatch(tr);
+    }
+    // ArrowDown at end of content
+    if (event.key === 'ArrowDown') {
+        var atEndOfParent = $from.parentOffset === $from.parent.content.size;
+        if (!atEndOfParent) {
+            return;
+        }
+        console.log('[Details Plugin] EXITING via ArrowDown!');
+        event.preventDefault();
+        if (nodeEnd < state.doc.content.size) {
+            if (SelectionClass.near) {
+                tr.setSelection(SelectionClass.near(tr.doc.resolve(nodeEnd)));
+                view.dispatch(tr);
+            }
+        }
+        else {
+            var p = schema.nodes.paragraph.createAndFill();
+            tr.insert(nodeEnd, p);
+            if (SelectionClass.near) {
+                tr.setSelection(SelectionClass.near(tr.doc.resolve(nodeEnd + 1)));
+            }
+            view.dispatch(tr);
+        }
+    }
+}
+function detailsPlugin(context, options) {
+    if (options === void 0) { options = {}; }
+    var i18n = context.i18n, eventEmitter = context.eventEmitter;
+    addLangs(i18n);
+    var toolbarItem = createToolbarItemOption(i18n);
+    // Hook into the global keydown event for exit behavior
+    eventEmitter.listen('keydown', function (editorType, event) {
+        console.log('[Details Plugin] keydown via eventEmitter!', { editorType: editorType, key: event.key });
+        if (editorType !== 'wysiwyg') {
+            return;
+        }
+        if (event.key !== 'Enter' && event.key !== 'ArrowDown') {
+            return;
+        }
+        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;
+                var slice = selection.content();
+                var textContent = slice.content.textBetween(0, slice.content.size, '\n') || i18n.get('content');
+                var summaryText = i18n.get('summary');
+                var openTag = "<details>\n<summary>" + summaryText + "</summary>\n";
+                var closeTag = "\n</details>";
+                var newText = "" + openTag + textContent + closeTag;
+                tr.replaceSelectionWith(schema.text(newText));
+                dispatch(tr);
+                return true;
+            },
+        },
+        wysiwygNodeViews: {
+            details: function (node, view, getPos) {
+                var dom = document.createElement('details');
+                var htmlAttrs = node.attrs.htmlAttrs || {};
+                if (htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined') {
+                    dom.open = true;
+                }
+                dom.addEventListener('click', function (e) {
+                    var target = e.target;
+                    if (target.tagName === 'SUMMARY' || target.closest('summary')) {
+                        e.preventDefault();
+                        var pos = getPos();
+                        if (typeof pos === 'number') {
+                            var isOpen = htmlAttrs.open !== null && typeof htmlAttrs.open !== 'undefined';
+                            var newHtmlAttrs = __assign({}, htmlAttrs);
+                            if (isOpen) {
+                                delete newHtmlAttrs.open;
+                            }
+                            else {
+                                newHtmlAttrs.open = '';
+                            }
+                            var newAttrs = __assign(__assign({}, node.attrs), { htmlAttrs: newHtmlAttrs });
+                            view.dispatch(view.state.tr.setNodeMarkup(pos, null, newAttrs));
+                        }
+                    }
+                });
+                return { dom: dom, contentDOM: dom };
+            },
+        },
+        wysiwygCommands: {
+            details: function (payload, _a, dispatch) {
+                var tr = _a.tr, schema = _a.schema;
+                var summaryText = i18n.get('summary');
+                var contentText = i18n.get('content');
+                var _b = schema.nodes, details = _b.details, summary = _b.summary, paragraph = _b.paragraph;
+                if (details && summary && paragraph) {
+                    var summaryNode = summary.create({}, schema.text(summaryText));
+                    var contentNode = paragraph.create({}, schema.text(contentText));
+                    var detailsNode = details.create({}, [summaryNode, contentNode]);
+                    tr.replaceSelectionWith(detailsNode);
+                    dispatch(tr);
+                    return true;
+                }
+                return false;
+            },
+        },
+        toolbarItems: [
+            {
+                groupIndex: 4,
+                itemIndex: 3,
+                item: toolbarItem,
+            },
+        ],
+    };
+}
+
+__webpack_exports__ = __webpack_exports__["default"];
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

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

@@ -0,0 +1,6 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.12 | Mon Jan 05 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.12 | Mon Jan 05 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 r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return r}});var n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;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 r(e,t){void 0===t&&(t={});var r=e.i18n,o=e.eventEmitter;!function(e){e.setLanguage(["en","en-US"],{details:"Collapsible Block",summary:"Summary header",content:"Hidden content"}),e.setLanguage(["de","de-DE"],{details:"Aufklappbarer Block",summary:"Klick mich zum Aufklappen",content:"Hier steht der versteckte Inhalt"})}(r);var a=function(e){return{name:"details",tooltip:e.get("details"),className:"toastui-editor-toolbar-icons details",command:"details"}}(r);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 r=n.getCurrentModeEditor();if(r&&r.view){for(var o=r.view,a=o.state,i=a.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 c=i.node(s),d=i.before(s)+c.nodeSize,u=i.after(),p=u>=d-1;if(console.log("[Details Plugin] Inside details:",{key:t.key,isAtEnd:p,afterPara:u,nodeEnd:d,parentType:i.parent.type.name,parentEmpty:0===i.parent.content.size}),p){var f=a.tr,m=a.schema,y=a.selection.constructor;if("Enter"===t.key){if("paragraph"!==i.parent.type.name||0!==i.parent.content.size)return;var g=i.index(s),v=c.child(g-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 h=i.before();f.delete(h,u);var w=m.nodes.paragraph.createAndFill(),k=d-(u-h);f.insert(k,w),y.near&&f.setSelection(y.near(f.doc.resolve(k+1))),o.dispatch(f)}if("ArrowDown"===t.key){if(i.parentOffset!==i.parent.content.size)return;console.log("[Details Plugin] EXITING via ArrowDown!"),t.preventDefault(),d<a.doc.content.size?y.near&&(f.setSelection(y.near(f.doc.resolve(d))),o.dispatch(f)):(w=m.nodes.paragraph.createAndFill(),f.insert(d,w),y.near&&f.setSelection(y.near(f.doc.resolve(d+1))),o.dispatch(f))}}}}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,a=t.selection,i=t.schema,s=a.content(),l=s.content.textBetween(0,s.content.size,"\n")||r.get("content"),c=""+("<details>\n<summary>"+r.get("summary")+"</summary>\n")+l+"\n</details>";return o.replaceSelectionWith(i.text(c)),n(o),!0}},wysiwygNodeViews:{details:function(e,t,r){var o=document.createElement("details"),a=e.attrs.htmlAttrs||{};return null!==a.open&&void 0!==a.open&&(o.open=!0),o.addEventListener("click",(function(o){var i=o.target;if("SUMMARY"===i.tagName||i.closest("summary")){o.preventDefault();var s=r();if("number"==typeof s){var l=null!==a.open&&void 0!==a.open,c=n({},a);l?delete c.open:c.open="";var d=n(n({},e.attrs),{htmlAttrs:c});t.dispatch(t.state.tr.setNodeMarkup(s,null,d))}}})),{dom:o,contentDOM:o}}},wysiwygCommands:{details:function(e,t,n){var o=t.tr,a=t.schema,i=r.get("summary"),s=r.get("content"),l=a.nodes,c=l.details,d=l.summary,u=l.paragraph;if(c&&d&&u){var p=d.create({},a.text(i)),f=u.create({},a.text(s)),m=c.create({},[p,f]);return o.replaceSelectionWith(m),n(o),!0}return!1}},toolbarItems:[{groupIndex:4,itemIndex:3,item:a}]}}return t=t.default}()}));

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

@@ -0,0 +1,42 @@
+/*!
+ * TOAST UI Editor : Text Align Plugin
+ * @version 1.0.12 | Tue Jan 06 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 1.0.12 | Tue Jan 06 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -465,6 +465,7 @@ function addLangs(i18n) {
 ;// CONCATENATED MODULE: ./src/index.ts
 
 
+
 var PREFIX = 'toastui-editor-';
 function createToolbarItemOption(i18n) {
     return {
@@ -524,9 +525,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 +592,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 +620,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 +636,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 +671,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": "1.0.13",
   "description": "Details/Summary plugin for Toast UI Editor",
   "keywords": [
     "nhn",

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,
       },
     ],