Merge pull request #58 from lovefields/dev

fix: editor image
lovefields · Oct 11, 2024 · e2a738f · e2a738f
2 parents 426d3bb + d864c81
commit e2a738f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "dragon-editor",
-    "version": "3.4.1",
+    "version": "3.4.2",
     "description": "Javascript WYSIWYG editor in Nuxt3!",
     "repository": {
         "type": "git",

diff --git a/src/runtime/components/DragonEditor.vue b/src/runtime/components/DragonEditor.vue
@@ -604,7 +604,7 @@ function getContentData(): DEContentData {
 }
 
 function setContentData(data: DEContentData) {
-    _setContentData(data, editorStore);
+    _setContentData(data, editorStore, props.imageHostURL);
 }
 
 function moveBlock(type: "up" | "down") {

diff --git a/src/runtime/utils/block.ts b/src/runtime/utils/block.ts
@@ -95,7 +95,7 @@ export function _createListItemBlock(child: DEListItem = { textContent: "", clas
 }
 
 // 이미지 블럭 생성
-export function _createImageBlock(data: DEImageBlock): HTMLDivElement {
+export function _createImageBlock(data: DEImageBlock, imageHostURL: string): HTMLDivElement {
     const $wrap = document.createElement("div") as HTMLDivElement;
     const $div = document.createElement("div") as HTMLDivElement;
     const $leftBtn = document.createElement("button") as HTMLButtonElement;
@@ -117,7 +117,7 @@ export function _createImageBlock(data: DEImageBlock): HTMLDivElement {
         $div.dataset["maxwidth"] = String(data.maxWidth);
     }
 
-    $image.src = data.src;
+    $image.src = imageHostURL + data.src;
     $image.width = data.width;
     $image.height = data.height;
     $image.draggable = false;

diff --git a/src/runtime/utils/convertor.ts b/src/runtime/utils/convertor.ts
@@ -37,7 +37,7 @@ export function _getContentData($content: HTMLDivElement, imageHostURL: string):
 }
 
 // 데이터를 화면으로 변환
-export function _setContentData(data: DEContentData, store: any) {
+export function _setContentData(data: DEContentData, store: any, imageHostURL: string) {
     const childList: HTMLElement[] = [];
 
     data.forEach((item) => {
@@ -52,7 +52,7 @@ export function _setContentData(data: DEContentData, store: any) {
                 childList.push(_createListBlock(item));
                 break;
             case "image":
-                childList.push(_createImageBlock(item));
+                childList.push(_createImageBlock(item,imageHostURL));
                 break;
             case "code":
                 childList.push(_createCodeBlock(item));