Javascript 如何在grapesjs中为js代码添加选项?

Javascript 如何在grapesjs中为js代码添加选项?,javascript,extract,grapesjs,Javascript,Extract,Grapesjs,现在我想我的JS代码也被导出?这是怎么做到的? 我已经在块管理器中看到,如果我们按如下方式编辑内容 editor.BlockManager.add("sample input field", { label: "input-field", category: "sample", content: { script:"my script" } }); content:` some HTML code <script type="t

现在我想我的JS代码也被导出?这是怎么做到的? 我已经在块管理器中看到,如果我们按如下方式编辑内容

editor.BlockManager.add("sample input field", {
  label: "input-field",
  category: "sample",
  content: {
            script:"my script"
           }
});

content:` some HTML code
<script type="text/javascript" myscript></script>`
脚本嵌入在我的HTML文件中,但如果我按如下方式编辑它

editor.BlockManager.add("sample input field", {
  label: "input-field",
  category: "sample",
  content: {
            script:"my script"
           }
});

content:` some HTML code
<script type="text/javascript" myscript></script>`
content:`一些HTML代码
`
我的HTML文件中没有脚本内容……如何将脚本嵌入到内容中?
为什么它没有显示在提取的HTML文件中?

初始化grapesjs编辑器时,需要使用AllowScript配置选项

const editor = grapesjs.init({
    ... // the rest of your grapesjs config
    allowScripts: 1,
});

默认情况下,脚本处于禁用状态,但此选项会将其打开。

创建自定义代码。您可以检查默认的视图代码,其中buildEditor函数是完成所有配置的地方。除了HTML、CSS,还要传递Js

const oHtmlEd = buildEditor('htmlmixed', 'hopscotch', 'HTML', editor);
const oCsslEd = buildEditor('css', 'hopscotch', 'CSS', editor);
const oJSlEd = buildEditor('js', 'hopscotch', 'JS', editor);