#28732020年7月3日作者 RJCAM3 个回答
你好，我注意到一些表单组件（比如复选框、无线电和选择）在用预设网页插件初始化 gjs 时无法工作，比如下面的示例： 你也可以通过在线网页演示确认这个问题 [https://grapesjs.com/demo.html]（网址） 预期行为： 可以正常选择所有这些（仅限预览模式） ![gif1]（https://user-images.githubusercontent.com/49693237/86463397-8f561380-bd14-11ea-9ae7-f08bfa4b3eb7.gif） 当前行为： 无法选择任何内容（即使在预览模式下也无法） ![动图2]（https://user-images.githubuserconte...
artf
啊，明白了，现在我明白了。是的，Forms 插件会避免某些默认输入行为，所以这是设计目的。我同意在预览模式下这些行为可以重新启用，但我觉得这部分可以集成成插件（比如在预览命令中使用事件监听器）
RJCAM
嗯......好的，我会试试，谢谢你的帮助 ：+1：
artf
重建插件后，行为正常，问题解决了。 也许我这么做是有原因的？！😅 通过插件，你可以简单地扩展这些组件，并用你的逻辑覆盖“handleClick”功能，只有当编辑器不在预览（'editor.Commands.isActive（'preview'）'）
#28712020年7月2日作者 acxvgalanov1 个回答
GrapesJs 版本：0.16.18; 繁殖步骤：添加图像块，设置任意图像;选择新增的方块;双击后切换图片，换成尺寸和/或比例不同的图片。 预期结果： 图片更新，工具栏位置和选择框也更新。 实际结果： 图片更新了，工具栏位置和选择框保持不变。 [视频]（https://monosnap.com/file/1aAcGfuTqJq9hEahwph7ELCx4sj7YN）
artf
感谢你的报告，这个问题将在下一个版本中修复
#28702020年7月1日作者 alemenciones暂无回答
我遇到过一个错误，当我拖放鼠标离开组件时。该组件的选择与其他组件一样锁定。 我有一个关于这个bug的视频： https://recordit.co/rY5U9TmR7b
#28682020年7月1日作者 BerkeAras2 个回答
GrapesJS 版本： 0.16.18 客户端：Windows 10 1909;勇敢铬（最新） 预期行为：应该可以禁用资产管理器 当前行为：使用此代码未禁用资产管理： “''js ... 资产管理人：{ 上传：错误 }, ... ``` 完整代码：https://pastebin.berkearas.de/?44ff08e13bab068d#5AuNABBrvbkcYp8zh5r59jkmtqJQcsuTj5jSfykMVGxd 现场演示：[https://codesandbox.io/s/jolly-river-p8zkt?file=/index.js]（https://codesandbox.io/s/jolly-river...
artf
@mcottret说得对，但如果你也想禁用资产管理模态的打开，可以用以下方式覆盖它的命令： “''js 编辑。Commands.add（'open-assets'， （） => console.log（'do nothing'））; ```
mcottret
你好@BerkeAras！ 我认为目前没有完全禁用资产管理器的方法，但你应该可以禁用添加图片。 把“上传”选项设置为“false”只会禁用图片上传，但不会阻止 base64 嵌入。这也是为什么图片仍然可以添加。 另外，禁用 base64 嵌入，比如以下方式，可能是最接近的效果： “打字稿” 资产管理人：{ 上传：false， autoAdd： false， embedAsBase64： false } ```
#28672020年7月1日作者 Lostpixelr1 个回答
你好， 我们在 grapesjs 实现中使用了一些 Twig 模板功能。 比如：{% 如果变量 == “value” %}<b>text</b>{% endif %} 但由于 src/dom_components/model/ComponentTextNode.js 中的 toHtml（） 函数，这个函数会被转换成 {如果变量 == "e;value"e; %}<b>文本</b>{% endif %} 有没有简单的方法可以不替换这些值，或者用我们自己的 toHTML 函数替换函数？ 顺便说一句，以前是这样：（对我们来说那会很棒） toHTML（） { return this.get（'content'）; }
artf
是的，当然，你可以扩展“textnode”组件，使用你的toHTML函数
#28662020年7月1日作者 sanjib001 个回答
你好，@artf， 对于自由拖拽，我们使用 'dragMode： 'translate''。 当我们把所有组件从底部移动到顶部时，页面末尾仍留有空白，浏览器显示滚动，尽管页面末尾没有任何内容。请看截图—— 为了更好地理解，你也可以观看视频。[视频网址]（https://drive.google.com/file/d/1fA56z3CdbqQ1skGxBZIKqtf35kQAYfsp/view） ![grapesjsemptyspace]（https://user-images.githubusercontent.com/8086390/86243227-cf5bb000-bbc7-11ea-8294-32f5ea903866.pn...
artf
这就是“翻译”模式的工作原理，“绝对”模式不会留下任何空白
#28652020年7月1日作者 ghost3 个回答
该按钮目前默认关闭。 所以你每次都得开机，这对所有人来说并不明显。 如何立即激活它？ ![图片]（https://user-images.githubusercontent.com/32259003/86211877-1924a600-bb88-11ea-809d-1cb3bcc56275.png）
mcottret
你好@Enmaboya！ 看了[默认面板配置]（https://github.com/artf/grapesjs/blob/dev/src/panels/config/config.js#L23），默认应该是激活的。 如果你有自定义面板配置，你需要在按钮配置中添加“active： true”属性（比如[这里]（https://grapesjs.com/docs/getting-started.html#panels-buttons））。 或者，你也可以使用 [Panels...
sdchamoli
在角地 myPlugin： any; this.myPlugin = editor => { 编辑。Panels.addPanel（{ id：“基本动作”， EL：“.panel__basic行动”， 按钮：[ { ID：“可见性”， 激活：true，// 默认激活 类名：'btn-toggle-borders'， 标签：“<u>B</u>”， 命令：“sw-visibility”，// 内置命令 } ], }); } 然后你的编辑器 init 添加插件 return Gr...
#28642020年7月1日作者 fcnyp1 个回答
我有一个项目需要表单，目前正在使用表单插件，表单中的每个元素都需要一个名称。虽然这是一个性状，但是否可以要求一个性状并检查所有节点以确定它们是否满足要求？ 按照我的例子，创建一个表单，节点有一个必备的特征名称。可以执行命令来判断所有节点是否满足此条件。 我在特质管理器的文档里看到有个代码示例，必须为真。不过这并不是在个体特质层面。非常感谢社区的指导！
artf
你在文档中看到的，它只是关于所需属性（例如“<输入......需要/>”），所以没有什么能阻止用户存储模板。 在你的情况下，你可以在存储前创建一个类似检查的程序，查询所有表单，并在所有元素中查找名称，如果某个元素缺少 name 属性，就会报错
#28632020年6月30日作者 mcottret2 个回答
又见面了:) 我们团队在使用图层管理器 API 时可能发现了一个 bug：每次调用 'component.viewLayer.isVisible（）' 似乎总是返回 'true'，无论它们的实际状态如何。 繁殖步骤：打开[演示]（https://grapesjs.com/demo.html）切换到图层面板点击眼睛图标以隐藏“Body”图层打开控制台执行“editor.getWrapper（）.viewLayer.isVisible（）”会返回“1”而非“false” 看了[代码]（https://github.com/artf/grapesjs/blob/dev/src/navigator/view/ItemView.js#L30...
#28622020年6月29日作者 Lerdouille3 个回答
你好， 我成功创建了一个包含可点击图片的新类型。但不幸的是，导入时HTML解析器无法识别新的自定义类型。 这是我新类型的源代码： “编辑。DomComponents.addType（'imagelink'， { isComponent： el => { if （el.tagName === 'DIV' && （typeof el.classList ！== 'undefined' && el.classList.contains（'imagelink-class'））） { return { 类型：“imagelink” }; } }, 型号：{ 默认值：{ 标签名称：“div”， 可调节大小：{keepAutoHeight： t...
Lerdouille
你好， 顺便说一句，当我尝试用插件定义的类型更改isComponent返回时： 'isComponent： el => { if （el.tagName === 'DIV' && （typeof el.classList ！== 'undefined' && el.classList.contains（'imagelink-class'））） { return { 类型：“营销按钮”}; } },` 导入会将我的“<div><a><img></a></div>'' DOM结...
Lerdouille
另一个或许合乎逻辑的好奇...... 如果我尝试放入这样一个奇特的 isComponent 函数： 'if （el.tagName === 'ABCDE'） { return { 类型：“imagelink” }; }` 当我尝试导入这个HTML文本时： “<abcde>测试</abcde>” 插件正确检测了我的“imagelink”自定义类型。 但是，当我导入这段HTML文本时： '<abcde><img src=“ggggg”></abcde>' 但没成功。 我猜插件还...
artf
我觉得你忽略了组件的重点。你有一个自定义的（“imagelink”），还有一个内部的（“img”），所以编辑器会显示，所以我没看到问题。要查看自定义组件的特征，你必须选择它，这和内像无关