有没有办法在vue组件中删除grapesjs编辑器AssetManager的"Add Image"按钮

Question

我想删除“添加图像”按钮及其文本框。有没有办法通过设置 assetManager 的配置或其他方式来做到这一点？

 this.editor = new grapesjsEditor.init({
      container: this.forGrapesjs,
      components: this.value,
      assetManager: {
        embedAsBase64: 1,
        uploadText: 'Drag file here or upload',
        upload: 0
      }
    });

请查看 assetManager 配置。我已将其设置为上传 0，这是错误的。

Answer 1

我使用 css 样式隐藏了“添加图像”按钮及其路径 URL 文本框。

.gjs-am-add-asset .gjs-am-add-field{
    visibility: hidden;
}

.gjs-am-add-asset button {
    visibility: hidden;
}

并将css导入到vue组件中。

import './style.css';

有没有办法在vue组件中删除grapesjs编辑器AssetManager的"Add Image"按钮

Is there a way to remove the "Add Image" button of AssetManager of grapesjs editor in a vue component

vue.js

vue-component

grapesjs