javascript - 如何将块插件添加到grapesjs？

Question

这是我的代码，我也安装了节点模块，但它不工作。

var editor = grapesjs.init({
        showOffsets: 1,
        noticeOnUnload: 0,
        container: '#gjs',
        height: '100%',
        fromElement: true,
        plugins: ["gjs-blocks-basic"],
        pluginsOpts: {
          "gjs-blocks-basic": {
            block: {
              category: 'basic',
            }
          }
        },

Answer 1

我认为您在插件选项中有一个额外的键block，它应该是类别。

const editor = grapesjs.init({
        showOffsets: 1,
        noticeOnUnload: 0,
        container: '#gjs',
        height: '100%',
        fromElement: true,
        plugins: ["gjs-blocks-basic"],
        pluginsOpts: {
          "gjs-blocks-basic": {
            category: "Basic"
          }
        });

Answer 2

自定义插件不添加单引号

const editor = grapesjs.init({
        showOffsets: 1,
        noticeOnUnload:0,
        container: '#gjs',
        plugins: ['gjs-preset-webpage',myPlugin,'myNewComponentTypes' ],
        pluginsOpts: {
            'grapesjs-plugin-export': { /*option*/ },
             'myPlugin':{ category: "myPlugin"},
        },

在函数参考中制作插件

 //PLUGIN

    
    function myPlugin(editor) {
        editor.BlockManager.add('my-block',{
            label:'Plug',
            category: 'Basic',
            content:'<div class="my-block"><p>Plugin Success</p></div>',
        });
    }