diff --git a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
index f26d106b..24d454cb 100644
--- a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
@@ -84,7 +84,7 @@ const appendComponent = ({ text, type, data = {} }: ComponentItem): void => {
 const dragstartHandler = ({ text, type, data = {} }: ComponentItem, e: DragEvent) => {
   if (e.dataTransfer) {
     e.dataTransfer.setData(
-      'text/html',
+      'text/json',
       serialize({
         name: text,
         type,
diff --git a/packages/editor/src/layouts/workspace/Stage.vue b/packages/editor/src/layouts/workspace/Stage.vue
index 747d1a4b..95764172 100644
--- a/packages/editor/src/layouts/workspace/Stage.vue
+++ b/packages/editor/src/layouts/workspace/Stage.vue
@@ -165,7 +165,7 @@ const dropHandler = async (e: DragEvent) => {
   if (e.dataTransfer && parent && stageContainer.value && stage) {
     const parseDSL = getConfig('parseDSL');
 
-    const data = e.dataTransfer.getData('text/html');
+    const data = e.dataTransfer.getData('text/json');
 
     if (!data) return;