向块管理器添加html、css和js
嗨@pouyamiralayi，所以，正在做， “内容：”<div></div><style></style> GrapesJS 的下载代码功能会将 HTML 和 CSS 分开吗？ 注意，每个代码块中都有不同的HTML、CSS和JS。比如例子block1的CSS不会影响block2的风格吗？
阅读下方完整回答 ↓问题
[问题]
嗨！我正在从数据库中检索动态 html、css 和 js 代码。我该如何用这个来创建方块？ 目前，这是我的代码，
编辑。BlockManager.add（$aBlock['name']， {
id： $aBlock['name']，
标签：$aBlock['name']，
类别：$aBlock['类别']，
内容：$aBlock['html']，
风格：$aBlock['CSS']，
脚本：$aBlock['CSS']，
});
但这并没有起作用。请帮帮我。谢谢。
回答（3）
嗨@pouyamiralayi，所以，正在做， “内容：”<div></div><style></style> GrapesJS 的下载代码功能会将 HTML 和 CSS 分开吗？
注意，每个代码块中都有不同的HTML、CSS和JS。比如例子block_1的CSS不会影响block_2的风格吗？
@cristianumali22你的代码看起来没问题，而且它不会在 grapesjs 初始化前执行，因为你是在传递引用而不是实际调用它！ 我建议用[Grapesjs CL]（https://github.com/artf/grapesjs-cli），因为它能帮你完成所有设置，给你一个干净的环境。 干杯！
@cristianumali22请考虑将你的“html”和“css”都放在“content”属性里，就像这样：
内容：”<div></div><style></style>
要包含脚本，你必须定义一个[新组件类型]（https://grapesjs.com/docs/modules/Components.html#define-custom-component-type），然后继续定义[组件和JS]（https://grapesjs.com/docs/modules/Components-js.html） 干杯！
相关问答
通过相似的问题讨论继续研究。
问题 #2177
如何创建包含 HTML 和 CSS 和 JavaScript 内容的块。
有人能给我演示一下如何用JavaScript和CSS样式创建块的代码示例吗？ “''js 编辑。BlockManager.add（'a_block'， { 标签：“Sample Block”， 内容： '<style> .sampleclass{ 填充：10像素 15像素; }...
问题 #938
如何将车把与GrapesJS集成？
你好， 我怎样才能把'handlebars'或其他模板引擎和'GrapeJS'集成？ 我的意思是创造，比如说，动态组件及产品详情： “''js const blockManager = 编辑器。BlockManager; blockManager.add（“product”，...
问题 #1255
：如何从自定义组件中设置编辑器的HTML内容？
我在Grapes编辑器中无法让自定义块+组件显示其模板HTML时遇到了困难。在导出的 HTML 中，标记和 CSS 按预期生成。 不过在编辑器里，块不会留下任何界面（不过根据导出的 html/css 它已经成功拖入了）。 我的问题是： 'toHtml' 方法的输出如何正确地应用...
问题 #3627
：我正在尝试复制页面，但由于 ID，样式无法应用，结尾的 -2，-3 发生了变化。
“JavaScript const duplicatePage = （编辑者） => { let components = editor.getHtml（）; 令 css = editor.getCss（）; 让newPage = 编辑器。Pages.add（{ 样式：CSS，...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。