#37302021年8月27日作者 hrdkzala4 个回答
我创建了如下的组件。 “''js const script = function（） { const script = document.createElement（'script'）; script.src = 'http://localhost:8888/builder/sites/site1/assets/js/jquery-1.12.4.min.js'; document.body.appendChild（脚本）; }); “''js 编辑。BlockManager.add（'site1'， { 标签：“模板1”， 分类：“模板”， 内容：“<div>这是我的内容</div>。” }); ``` site1 - 是我现成的...
artf
抱歉，我不明白你的问题出在哪里。你创建了“comp-with-js”组件，但却没有显示你在哪里使用它...... 请提供一个可复现的演示。
mingxin-yang
拖动块后脚本功能无法工作 @artf
mingxin-yang
https://grapesjs.com/docs/modules/Components-js.html#basic-scripts
#37272021年8月26日作者 SintoDema4 个回答
你好，@artf， 详细描述这个漏洞 在用 GrapesJS 创建新模板时，我遇到了一个情况：当我们尝试从 import modal 导入 CSS 时，编辑器中没有反映出来。在一个空白编辑器上，我创建了一个模板，添加了HTML和CSS。之后，我需要在CSS部分做一些修改，为此，我选择了编辑器顶部的导入选项，滚动到底部的样式标签。我看到了导致问题的样式，我选中并删除了它。之后，我点击了导入按钮。 然后我检查了模板，样式问题依然存在。于是我再次打开导入模态确认样式不存在，并正确地移除了它。我看到我移除的风格还在风格标签里。我尝试过多次删除并导入。它没有从编辑器中移除。我再次打开导入模态时，它就在了。 目前的行为是什么？ 从导入模态中移...
artf
你好@javadsamiee这个问题在最新版本的预设插件上已经修复了
artf
你好，@SintoDema问题就在这里 https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 如你所见，它更新了组件，但不会清除样式模块。 我现在没时间做那个插件，但我建议你在那里开个问题/PR，总有一天我会修复的。
javadsamiee
你好@SintoDema问题就在这里 https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18如你所见，它会更新组件，但不会清除样式模块。我现在没时间做那个插件，但我建议你在那里开个问题/PR，总有一天我会修复的。 @artf 这个问题有最新进展吗？
#37172021年8月21日作者 Vikash-ra2 个回答
我正在尝试加载一个已有的模板。我认为它应该能支持组件或 HTML，但似乎只能通过 HTML 运行。 以下代码无法使用，但带有相应HTML的代码可以。 着陆页的 JSON 是从开发者工具栏面板取的 “''js const LandingPage = { “html”：null， “components”： “[{'type'：'text'，'attributes'：{'id'：'i0fq'}，'components'：[{'type'：'textnode'，'removable'：false，'draggable'：false，'highlightable'：0，'copyable'：false，'selectable'：true，...
artf
@Vikash-ra创建问题时请遵循该模板。
ClaudeCode
谢谢你举报，@Vikash-ra。 感谢你分享关于仅用组件模板加载不了的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grapes...
#37062021年8月15日作者 momu-20161 个回答
Grapesjs 版本 v0.16.45，我尝试使用 countdown 插件（[https://github.com/artf/grapesjs-component-countdown]（https://github.com/artf/grapesjs-component-countdown）），当我删除整个组件时，一切都运行良好 通过工具栏，html 和组件被移除，但样式和 css 仍然在本地存储中。 让我困惑的是，演示演示中整个组件都被删除了，CSS 也被删除了。同样，我自己一些模块中的 CSS 也无法删除。 请帮我指出问题所在。 非常感谢！
ClaudeCode
感谢你在2016年@momu报告此事。 感谢你分享关于CSS在被移除后无法移除的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么：** 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。...
#37022021年8月13日作者 throne19861 个回答
我正在使用 [grapesjs library][1] 来构建网页，我根据文档添加了一个自定义块 [这里][1]，当我拖动块到 canvas 时，HTML 数据会被添加，但 '<head></head>' 标签是空的， 这是我的代码 function tempOnePlugin（editor） { 编辑。BlockManager.add（'my-first-block'， { 标签：'<i class=“fa fa-clone”></i>'， 内容：'<！DOCTYPE html> <html lang=“en”> <head> <meta charset=“utf-8”> <title>Vmmerce模板</title> <me...
ClaudeCode
谢谢你举报，@throne1986。 关于*HTML头部标签未添加到dom的问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#36992021年8月12日作者 diegoSenra4 个回答
嗨！ 我在公司的一个项目中使用 grapesJs 进行电子邮件编辑，并配合 Newsletter 插件。 一切都运行得很好，除了我无法解决的这个bug： 有时候，当我在画布里拖动方块时，单元悬停会乱局。最大的问题是这种行为完全随机，会发生也可能不发生，但一旦发生会很烦人。 唯一的模式是：只在放块后且独家地在画布上进行拼接如果我调整画布大小以适应移动端/平板，画布会恢复正常（即使切回桌面视图——但放置新方块时可能会再次发生）位移仅发生在垂直方向（随机向上或向下——通常是向上——且可以是任意位移大小）单元格选项菜单（选择父单元、移动组件、擦除单元格等）也会被移位，方式相同。 编辑器插入在带有更多内容的页面（侧边栏和页眉）。我不得不修改...
artf
抱歉兄弟，这是4年前的版本，帮不上忙。 你试着更新了吗？
#36932021年8月11日作者 GaikwadShubham3 个回答
版本： 你可以在控制台输入“grapesjs.version”获得版本 0.17.22 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 应该能以类似 grapesjs 容器外的方式看到网页组件 详细描述那个漏洞 Grapesjs 无法从可构造样式表渲染 CSS。 目前的行为是什么？ 能够在不样式的情况下加载组件 你能附上截图、截屏或实时演示吗？**[x] 是的（https://codesandbox.io/embed/frosty-payne-3fhd7?fontsize=14&hidenavigation=1&theme=dark）[ ] 不 CodeSandbox 入门模板 https://codesan...
artf
这个问题是由于 AdoptStylesheet 的工作方式，类似于 lit-element 的这个（https://github.com/lit/lit-element/issues/1139）。 基本上，你不能在多个文档中共享同一个CSSStyleSheet，所以必须手动重新创建，下面是一个自定义元素的代码，以支持adoptedStyleSheets。 “''js 编辑。Components.addType（'custom-element'， { isComponent：...
vasicvuk
有没有什么解决方案可以让lit-element components 3.X配合grapesJS使用？
ClaudeCode
谢谢你举报，@GaikwadShubham。 AdoptStylesheet 在 grapesJS 中不支持的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSan...
#36902021年8月10日作者 throne19861 个回答
我有一个基本的例子如下 HTML <div id=“gjs”> <div class=“traits-container”></div> <div style=“padding： 25px”>Hello World!!</div> </div> <h1> 附加特质管理器 </h1> <div class=“traits-container”></div> J const editor = Grapesjs.init（{ 容器：“#gjs”， fromElement： true， 身高：“100%”， storageManager： false， traitManager： { appendTo： document.querySel...
ClaudeCode
谢谢你举报，@throne1986。 关于附进“不使用特质经理的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something cha...
#36882021年8月10日作者 mingxin-yang2 个回答
我 https://grapesjs.com/docs/modules/Components.html#define-custom-component-type 读了这份文档，并尝试编写以下代码。我想让“mj-body”无法删除： 但我看不到效果，请帮帮我
artf
这样做 'isComponent： el => （el.tagName ||''）.toLowerCase（） === 'mj-body'，'
ClaudeCode
谢谢你举报，@mingxin阳。 关于如何自定义组件的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
#36852021年8月9日作者 throne19861 个回答
大家，我是葡萄新手，我想在组件更改时展示样式管理器，这是我的组件以及我如何添加它，另外我想在资产管理器中输入视频 ![图片]（https://user-images.githubusercontent.com/27904724/128702762-bdd9dea5-bb69-4a6f-8456-8e81731d4768.png） 遗憾的是，样式管理器和视频类型都没有添加，有人能告诉我如何正确地把这些功能添加到我的配置中吗？我用的是 reactjs
ClaudeCode
谢谢你举报，@throne1986。 关于showStylesOnChange不起作用的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...