可视化编辑器

public/vendor/grapes/grapes.init.js

@@ -138,7 +138,7 @@ const am = editor.AssetManager;
 editor.getWrapper().set({ locked: true });
 
 // 遍历所有组件并解锁具有edit属性的组件
-const edit_classes = ['gjs_edit','btn-container']; // 定义需要解锁的组件类名
+const edit_classes = ['mtb_edit']; // 定义需要解锁的组件类名
 editor.getComponents().each(component => {
     component.onAll(component => {
         //解销CLASS
@@ -155,7 +155,7 @@ editor.getComponents().each(component => {
         });
 
         // 如果有交集，解锁组件
-        if (hasIntersection || component.get('attributes').gjs_edit == 'true') {
+        if (hasIntersection || component.get('attributes').mtb_edit == 'true') {
             component.set({ locked: false });
             component.setStyle({
                 border: '2px dashed  #3b97e3  '

resources/views/distributor/pages-custom/visual-editor.blade.php

@@ -28,7 +28,7 @@
 
         .gjs-pn-options {
             right: unset;
-            left: 45%;
+            left: 40%;
         }
         .gjs-pn-buttons {
             text-align: right;