有没有办法去掉vue组件中grapesjs编辑器的AssetManager的“添加图片”按钮

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'; 

Answer 2

资产管理器：{ 嵌入为Base64：1， uploadText: '将文件拖至此处或上传', 上传: 0, 显示网址输入： false }