grapesjs - ReferenceError：在初始化之前无法访问“dtime”

Question

在js组件中使用grapesjs

  //Date time


        // Define a new custom component
                editor.Components.addType('comp-with-js', {
                    model: {
                        defaults: {
                            dtime,
                        }
                    }
                });

        // Create a block for the component, so we can drop it easily
              editor.Blocks.add('test-block', {
                    label: 'Test Date',
                    content:`
                     <div id="demo"></div>
                    `,
                });

        const dtime = function() {
            const dt = new Date();
            document.getElementById("demo").innerHTML = dt;
        };

得到错误 ReferenceError：初始化之前无法访问'dtime'

Answer 1

初始化前无法访问 dtime

//Date time
    
   
    const dtime = function() {
        const dt = new Date();
        document.getElementById("demo").innerHTML = dt;
    };

    // Define a new custom component
            editor.Components.addType('comp-with-js', {
                model: {
                    defaults: {
                        dtime,
                    }
                }
            });

    // Create a block for the component, so we can drop it easily
          editor.Blocks.add('test-block', {
                label: 'Test Date',
                content:`
                 <div id="demo"></div>
                `,
            });