Javascript 如何在grapesjs中为js代码添加选项?
现在我想我的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
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);