ninegrid2 6.1276.0 → 6.1278.0

package/dist/bundle.cjs.js

@@ -122487,20 +122487,34 @@ class nxEditor extends nxDiv {
 	}
 
 	connectedCallback() {
-		// nxDiv의 기본 초기화 수행 (innerHTML 보관 등)
-		if (super.connectedCallback()) {
-			this.#initEditor();
-		}
+		if (super.connectedCallback()) this.#init();
 	}
 
-	#initEditor = async () => {
+	#init = async () => {
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
+				${ninegrid.getCustomPath(this,"nxEditor.css")}
+			</style>
+            
+			<textarea></textarea>
+        `;
+
+		this.root.appendChild(htmlTmpl.content.cloneNode(true));
+
+		const textarea = this.root.querySelector("textarea");
+
 		// use-shadow="false" 권장 (CKEditor의 UI 레이아웃 때문)
-		const target = this.root;
+		//const target = this.root;
 
+		/**
 		// 1. 에디터가 입혀질 기본 textarea 생성
 		const textarea = document.createElement('textarea');
 		textarea.name = this.getAttribute('name') || 'content';
 		target.appendChild(textarea);
+			*/
 
 		try {
 			// 2. CKEditor 실행
@@ -122511,7 +122525,7 @@ class nxEditor extends nxDiv {
 
 			// 3. 초기 값 설정 (originContents가 있으면 주입)
 			if (this.originContents) {
-				this.#editor.setData(this.originContents);
+				//this.#editor.setData(this.originContents);
 			}
 
 			// 4. 데이터 변경 감지 시 부모(nxDiv)의 changeHandler 호출

package/dist/bundle.esm.js

@@ -122483,20 +122483,34 @@ class nxEditor extends nxDiv {
 	}
 
 	connectedCallback() {
-		// nxDiv의 기본 초기화 수행 (innerHTML 보관 등)
-		if (super.connectedCallback()) {
-			this.#initEditor();
-		}
+		if (super.connectedCallback()) this.#init();
 	}
 
-	#initEditor = async () => {
+	#init = async () => {
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
+				${ninegrid.getCustomPath(this,"nxEditor.css")}
+			</style>
+            
+			<textarea></textarea>
+        `;
+
+		this.root.appendChild(htmlTmpl.content.cloneNode(true));
+
+		const textarea = this.root.querySelector("textarea");
+
 		// use-shadow="false" 권장 (CKEditor의 UI 레이아웃 때문)
-		const target = this.root;
+		//const target = this.root;
 
+		/**
 		// 1. 에디터가 입혀질 기본 textarea 생성
 		const textarea = document.createElement('textarea');
 		textarea.name = this.getAttribute('name') || 'content';
 		target.appendChild(textarea);
+			*/
 
 		try {
 			// 2. CKEditor 실행
@@ -122507,7 +122521,7 @@ class nxEditor extends nxDiv {
 
 			// 3. 초기 값 설정 (originContents가 있으면 주입)
 			if (this.originContents) {
-				this.#editor.setData(this.originContents);
+				//this.#editor.setData(this.originContents);
 			}
 
 			// 4. 데이터 변경 감지 시 부모(nxDiv)의 changeHandler 호출

package/dist/nx/nxEditor.js

@@ -11,20 +11,34 @@ class nxEditor extends nxDiv {
 	}
 
 	connectedCallback() {
-		// nxDiv의 기본 초기화 수행 (innerHTML 보관 등)
-		if (super.connectedCallback()) {
-			this.#initEditor();
-		}
+		if (super.connectedCallback()) this.#init();
 	}
 
-	#initEditor = async () => {
+	#init = async () => {
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
+				${ninegrid.getCustomPath(this,"nxEditor.css")}
+			</style>
+            
+			<textarea></textarea>
+        `;
+
+		this.root.appendChild(htmlTmpl.content.cloneNode(true));
+
+		const textarea = this.root.querySelector("textarea");
+
 		// use-shadow="false" 권장 (CKEditor의 UI 레이아웃 때문)
-		const target = this.root;
+		//const target = this.root;
 
+		/**
 		// 1. 에디터가 입혀질 기본 textarea 생성
 		const textarea = document.createElement('textarea');
 		textarea.name = this.getAttribute('name') || 'content';
 		target.appendChild(textarea);
+			*/
 
 		try {
 			// 2. CKEditor 실행
@@ -35,7 +49,7 @@ class nxEditor extends nxDiv {
 
 			// 3. 초기 값 설정 (originContents가 있으면 주입)
 			if (this.originContents) {
-				this.#editor.setData(this.originContents);
+				//this.#editor.setData(this.originContents);
 			}
 
 			// 4. 데이터 변경 감지 시 부모(nxDiv)의 changeHandler 호출

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1276.0",
+  "version": "6.1278.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/nxEditor.js

@@ -11,20 +11,34 @@ class nxEditor extends nxDiv {
 	}
 
 	connectedCallback() {
-		// nxDiv의 기본 초기화 수행 (innerHTML 보관 등)
-		if (super.connectedCallback()) {
-			this.#initEditor();
-		}
+		if (super.connectedCallback()) this.#init();
 	}
 
-	#initEditor = async () => {
+	#init = async () => {
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.css";
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxEditor.css";
+				${ninegrid.getCustomPath(this,"nxEditor.css")}
+			</style>
+            
+			<textarea></textarea>
+        `;
+
+		this.root.appendChild(htmlTmpl.content.cloneNode(true));
+
+		const textarea = this.root.querySelector("textarea");
+
 		// use-shadow="false" 권장 (CKEditor의 UI 레이아웃 때문)
-		const target = this.root;
+		//const target = this.root;
 
+		/**
 		// 1. 에디터가 입혀질 기본 textarea 생성
 		const textarea = document.createElement('textarea');
 		textarea.name = this.getAttribute('name') || 'content';
 		target.appendChild(textarea);
+			*/
 
 		try {
 			// 2. CKEditor 실행
@@ -35,7 +49,7 @@ class nxEditor extends nxDiv {
 
 			// 3. 초기 값 설정 (originContents가 있으면 주입)
 			if (this.originContents) {
-				this.#editor.setData(this.originContents);
+				//this.#editor.setData(this.originContents);
 			}
 
 			// 4. 데이터 변경 감지 시 부모(nxDiv)의 changeHandler 호출