diff --git a/src/App.vue b/src/App.vue
index a38c44e..966ef71 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -137,8 +137,11 @@ export default defineComponent({
     })
 
     const options2 = markRaw({
+      
       config: {
-        "readonly": true,
+        EXT_STAGE_WIDTH:false,
+        // "readonly": true,
+        access:{"DEL":false},
         "paper":"A5",
         "ruler": true,
         controls: [
diff --git a/src/editor/Editor.vue b/src/editor/Editor.vue
index ff8d8df..aed87fb 100644
--- a/src/editor/Editor.vue
+++ b/src/editor/Editor.vue
@@ -98,8 +98,22 @@ export default {
     this.editor.bindEvent();
     this.editor.changeTheme('');
     DDeiEditorUtil.getControlIcons(this.editor);
+    
+    //初始化控件
     if(this.options?.config?.controls){
-      this.editor.addControls(this.options?.config?.controls)
+      //调用转换器，将输入内容转换为设计器能够识别的格式
+      let controls = this.options?.config?.controls;
+      let converters = this.editor.getEnabledConverters(controls, 1);
+      //依次调用converters
+      converters?.forEach(converter => {
+        controls = converter.input(controls)
+      });
+      this.editor.addControls(controls)
+    }
+    if (this.options?.config?.access){
+      this.editor.setAccessInfo(this.options?.config?.access)
+    } else if (this.options?.config?.readonly == true || this.options?.config?.readonly == false) {
+      this.editor.setEditable(false)
     }
 
     //初始化拦截器