#32562021年2月1日作者 kumarabhishek0082 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 预期的行为是什么？ 详细描述那个漏...
ClaudeCode
谢谢你举报，@kumarabhishek008。 封装组件的背景图像在更新时第二次加载不出来的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32532021年1月29日作者 luziye92 个回答
你好， 我们遇到了一个问题——当拖动新组件到画布时，属性名称（如“宽度”）的颜色是蓝色的，但我们并没有修改它的值。 ![图片]（https://user-images.githubusercontent.com/64573639/106257856-13935980-6258-11eb-92fb-6ad0e17da323.png） Grapesjs很有力量，对我们非常有帮助。不过，我们对葡萄新手，已经花了很多时间在这个问题上，但没有进展。 请告诉我们具体的机制，或者相关代码所在的是什么文件？ 如果你能在本周末前回复我，我将非常感激。 非常感谢:) 此致， 贾伦
artf
你好，@luziye9你肯定用的是带有自定义“样式”属性的块/组件...... 无论如何，如果你要打开一个 BUG 问题，你必须按照模板（Grapesjs 版本、可复现的演示等）操作。所以，目前我决定关闭这个无效问题。
ClaudeCode
谢谢你举报，@luziye9。 关于当价值变化时，房产颜色如何变成蓝色？ 这个问题非常好。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#32472021年1月24日作者 fmay2 个回答
你好@artf——你建造的东西非常壮观。这过程很温和，因为我远非JS高手。不过，我几乎所有配置都完成了——除了这个！ 我想设置在选择图片时显示的特征（alt、src、id）。我相信初始化时可以完成一次，但我真不知道怎么做。我已经读遍了所有能找到的相关内容，但仍然卡住了。 我唯一让它工作的方法如下...... 另外——开箱结版的“Alt”排在前面，我真的很希望它排在“src”之后。我不知道怎么去除它，因为“removeTrait（）”似乎不起作用。 虽然我的解决方案有效，但我很想知道应该怎么做。 非常感谢！
artf
嗨，Freddy，在这种情况下你可以简单地扩展图像分量 “''js 编辑。Components.addType（'image'， { 型号：{ 默认值：{ 特质：[{name： 'alt'}， {name： 'src'}， {name： 'id'}] } } }); ```
ClaudeCode
谢谢你举报，@fmay。 关于问题：特质的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.o...
#32442021年1月21日作者 nithinpillalamarri1233 个回答
附加代码： 保存HTML时： <div class=“gjs-row”> <div class=“gjs-cell”> <div class=“gjs-row”> <div class=“gjs-cell”> <div id=“i6x6”> <div id=“bsrne9exd5” style=“height：300px” tg=“DataGrid” tagName=“DataGrid” class=“ag-theme-alpine”> </div> </div> </div> <div class=“gjs-cell”> <div id=“ibc4”> <div id=“3drqn6v2q5” style=“height：300...
nithinpillalamarri123
请大家帮我解决这个问题 editor.setComponents（html 文本）; 从已保存的模板HTML加载脚本后，脚本没有按预期运行 拖放保存后用 editor.setComponents（html 文本）加载 HTML 后，它就能正常工作; 然后用现有的脚本替换像“< >这样的符号，用浏览器相关的代码，这种情况只在版本0.16.34中出现
artf
你无法将生成的HTML代码加载回编辑器，请阅读关于如何正确存储和加载模板的文档 https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
谢谢你举报，@nithinpillalamarri123。 感谢你分享关于 grapes js 版本 v0.16.34 在加载已保存的 html 后出现意外脚本代码的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你...
#32392021年1月18日作者 harsh2014 个回答
我们有一个用例，想用 [Highcharts Editor]（https://github.com/highcharts/highcharts-editor） 动态插入图表。我创建了一个组件，拖拽后会打开基于模态的组件，根据用户选择返回一个SVG图像。 我想知道如何把它加到模型的身体里。目前我用 innerHTML 插入，但 getHTML 的 div 里没有 SVG 图片。 组件代码： “'' js domc.addType（'charts-component'， { 型号：{ 默认值：{ 标签名称：“div”， 脚本， js： ''， SVG： ''， 属性：{ 类别：“高图”， }, '剧本道具'： ['js'， 'SVG'...
artf
在这种情况下，你不需要用 JS 组件（在你的最终代码中你不执行任何 JS），对你来说，这样就足够了： “''js domc.addType（'charts-component'， { 浏览量：{ 事件：{ dblclick：“onActive”，// 以便双击重新打开模态 }, onActive（） { const { model } = this;模型是分量 const modal = 高。ModalEditor（（{ export }） => { 静态内容使用“cont...
harsh201
抱歉发了垃圾信息。我无法从工作笔记本上传使用场景视频。 https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
harsh201
@artf 任何帮助都将不胜感激。我又看了一遍文件，也没发现什么特别的地方，可能我漏掉了。
#32352021年1月15日作者 AnnaSu1 个回答
摘自 https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33'component：update' - 当组件被更新（移动、样式等）时触发，模型作为参数传递给回调 重现这个bug使用“move”API 移动组件https://grapesjs.com/docs/api/component.html#move点击箭头上/箭头下按钮https://codesandbox.io/s/charming-mendel-ivrlz?file=/index.html ![图片]（https://user-images.githubusercontent.com/17810...
ClaudeCode
谢谢你举报，@AnnaSu。 “component：update”在组件移动时不触发的问题，似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于...
#32332021年1月15日作者 Abhisheknanda13444632 个回答
你好@artf 有没有什么标准方法可以在每个组件上添加一个新工具栏 我试过这种方法 “''js 编辑。Components.getTypes（）.map（type => { 编辑。Components.addType（type.id， { 型号：{ 默认值：{ 工具栏， 特质：[ ...编辑。Components.getType（type.id）.model.prototype.defaults.traits， ...[ ] ] }, } }) }); const toolbar = [{ 属性：{ 等级：“Fa Fa-Arrow-Up” }, command： e => e.runCommand（'core：component-...
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 关于在每个组件上设置工具栏的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#32322021年1月15日作者 matiasmasciotta2 个回答
你好，我遇到了以下问题： 我需要一个事件类型编辑器（“sorter： drag： end”），在所有这些情况下都会被投掷： （检测我投放的元素和位置） 1- 当你从blockManager拖放一个元素并放到画布上时，让它听到。 2- 当你把已经组件化的元素从画布拖到画布的另一个区域时，让它听到声音。 3- 当我在 layerManager 中移动元素时会听到这个声音。 用排序器我解决了情况2,1没有出现，因为元素还没有被分成，所以在尝试添加属性时，在被分成之前，它作为标准元素被添加到html画布中，忽略了我手动添加的属性。 你能帮我吗？ 谢谢
bgrand-ch
你好， 对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。 如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...
ClaudeCode
谢谢你举报，@matiasmasciotta。 关于拖放组件的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#32312021年1月13日作者 vatte214 个回答
大家好， 我们都知道 GJS-CKeditor-plugin 是处理 [data-gjs-type]=“text” 组件的。 我想知道，我们能不能改变这个选项？ 我想自己创建一个自定义组件，比如 [data-gjs-type]=“anyDiv”，并且拥有类似的功能 [data-gjs-type]=“text”。也许有人知道怎么改变？ 也许我可以在 CKeditor 配置里改一下？例如，当我们初始化CKeditor时： 选项：{ !!!!!例如： 格式：'text'，想添加（'anyDiv'）， 语言：“恩”， startupFocus：确实如此， extraAllowedContent： '（）;{}'， // 允许任意类和任意内...
Abhisheknanda1344463
@vatte21 让你的组件可以编辑。你必须这样扩展组件中的文本类型 “''js 编辑。Components.addType（'anyDiv'， { 型号：{ 默认值：{ 类型：“文本”， 特质：[ ...编辑。Components.getType（type.id）.model.prototype.defaults.traits， ...[] ] }, reRender（） { this.view.render（）; }, }, 扩展：“文本”， isComponent：...
vatte21
@Abhisheknanda1344463 谢谢！我会试试
abulka
@Abhisheknanda1344463你的代码片段给我提示错误“Uncaught ReferenceError： type is not defined” “类型”在哪里定义？
#32282021年1月12日作者 Abhisheknanda13444631 个回答
你好@artf 我添加了一个新组件 这是代码 “''js 编辑。DomComponents.addType（'header'， { 型号：{ 默认值：{ 标签名称：'h1'， 类型：“头部”， 尺寸：“H1”， 特质：[ { 名称：“尺寸”， 标签：“尺寸”， 类型：“选择”， 变革提案：1， 选项：[ {值：'h1'，名称：'One'}， {值：“h2”，名称：“二”}， {值：'h3'，名称：'三'}， ] } ], 内容：“请在此插入你的头文字” }, init（）{ this.listenTo（this， 'change：size'， this.更新头）; }, Updatehead（）{ var newElem = $（...
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 关于组件价值没有变化的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...