【问题标题】:How to disable a block in grapesjs?如何禁用grapesjs中的块?
【发布时间】:2022-06-19 14:24:01
【问题描述】:

我有一个自定义块,我需要在使用一次后禁用它以防止拖放。我只遇到了在第一次添加块时完全禁用块的选项。我正在寻找一种情况,什么时候只能使用一次,然后应该禁用该块。有什么建议吗? 我现在的代码, editor.BlockManager.add('block', { id: '块', 标签:'块', 类别:'基本', //禁用:真 }) 我正在寻找类似的东西, editor.BlockManager.add('block', { id: '块', 标签:'块', 类别:'基本', 如果(is_enabled===false) { 禁用:假 } 别的 { 禁用:真 } })

【问题讨论】:

    标签: block grapesjs


    【解决方案1】:

    我通过在加载和更新时添加事件侦听器来做到这一点:

            editor.value.on('load update', result => {
              const html = editor.value.getHtml()
              const hasCounter = html.search(`id="someBlock"`) !== -1
              editor.value.BlockManager.get('custom-block').attributes.disable = hasCounter
    
              editor.value.BlockManager.render();
            })
    

    完美运行。

    【讨论】:

      猜你喜欢
      • 2022-10-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-07
      • 1970-01-01
      • 2020-10-12
      • 2023-03-05
      • 1970-01-01
      相关资源
      最近更新 更多