已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
有没有办法用自定义按钮来做关闭预览按钮？我可以用CSS来做样式，但想知道API里是否有更直接的东西 另外，我找不到设置视图容器宽度的方法，尤其是在使用资产管理器时。用户无法拉宽，API里也找不到任何样式相关内容 谢谢
artf
你可以更新或完全替换预览 [command]（https://grapesjs.com/docs/api/commands.html）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会更直观，尤其是对那些和HTML定位无关的人。 ![设计师模式]（https://user-images.githubusercontent.com/11614725/55359998-74726f00-54d3-11e9-93b7-e697d419b346.gif） 如果你在构建最终结果是视觉静态的文档，比如PDF或演示幻灯片，这种方法可能非常有用。所以我想...
artf
快速更新，从现在 https://github.com/artf/grapesjs/releases/tag/v0.15.3 你可以开始使用这些新的拖拽模式API'config.dragMode' - 全局拖拽模式的初始配置'editor.setDragMode' - 更改组件的全局拖拽模式'component.setDragMode' - 更改单个组件的拖拽模式 可能的值已经描述过：无（默认），“绝对”，“平移”
artf
@simplecommerce点击设备模式时，如果使用绝对定位，会只为该模式创建样式，这样创建响应式页面会更容易，因为你可以在设备模式之间切换并定位元素。 GrapesJS 已经是这样工作的，但这并不能解决每个断点重做大量工作的问题
artf
@sunhillbd是的，但可能是我没完全清楚这一点的错。基本上，演示中你看到的是一个混合静态位置和绝对一的例子，当你点击拖动图标时，你会把组件从静态流中分离出来，所以你看到的效果就像是把节点从父节点上移除一样。这就是为什么我建议在这种情况下使用“翻译”选项
大家好， 例如，我在尝试添加两个插件时遇到过一个问题： Grapesjs-preset-webpage 和 grapesjs-plugin-ckeditor。 我通过npm下载了两个版本，导入后添加到grapesjs.init的插件字段中。 this.editor = grapesjs.init（{ 插件： [ckEditorPlugin，grapesjsPreset]， ... }） 不知为何，ckeditor没有被识别，也没有他的标识。 任何建议都非常感谢。
artf
添加CKEditor库......
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想在加载或导入模板到网页构建器时，为每个元素添加一个独特的类。有没有办法添加它？
artf
看看[可用活动]（https://grapesjs.com/docs/api/editor.html#available-events）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你正在提交功能请求 您好！ 你能在没有 iframe 的情况下用渲染创建 CANVAS 视图吗？渲染编辑器可以直接导入某个HTML节点。
artf
你能在没有 iframe 的情况下用渲染创建 CANVAS 视图吗？ 不，iframe 让我们保持 CSS 的隔离并触发媒体查询，我们没有理由不使用它渲染编辑器可以直接导入某个HTML节点。 只需渲染编辑器的结果
Fi1osof
真遗憾。我部分重做了一次，但没有画框，但效果还没完全达到。对于帧来说，反应组件的渲染会出问题。我必须自己写部分。但现在有了分量渲染，一切都没问题了。https://youtu.be/N3AVCJllXgc
Lakshit-Singhal
真遗憾。我部分重做了一次，但没有画框，但效果还没完全达到。对于帧来说，反应组件的渲染会出问题。我必须自己写部分。但现在有了分量渲染，一切都没问题了。https://youtu.be/N3AVCJllXgc @Fi1osof 你能举个例子说明我们如何在编辑器中渲染 React 组件吗？还有，如果我们能把它们当成一个块，然后拖拽到编辑器里。
你好@artf， 我该如何在链接中插入图片？请分享你们的想法，告诉我该怎么做。如果我需要创建任何自定义组件，请分享一些代码。 谢谢
artf
演示中你应该会看到专门为此设计的“链接块”
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我有一个输入特性，我想更改所选输入元素上的两个属性（名称和类型），在 Canvas 上是合适的，但在最终的 html（editor.getHtml（））中不行，我看过“https://grapesjs.com/docs/modules/Components.html#define-new-component”，但没找到解决方案，谢谢 ![Screenshot_2]（https://user-images.githubusercontent.com/48851039/55144166-c8e3ba80-5172-11e9-9872-e4381ed505c2.png）
artf
你应该更改模型，而不是视图元素'this.model.setAttributes（{ 'data-attr'： 'value' }）'
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我用铅笔图标来触发资产管理。触发功能正常，但当我点击任何图片时，我的图片组件中没有任何变化。即使我选择了不同的图片，它也会显示现有的照片。
prashant2018
点击你想替换的图片，在开发者控制台中写下以下代码片段： 你会看到选中的图片被更改。这里的关键是 target： editor.getSelected（），选中的图片被视为新图片的目标。点击铅笔图标时需要触发上述代码。
artf
“''js TB.unshift（{ command： editor => editor.runCommand（'open-assets'， { 目标：editor.getSelected（）， }), 标签：toolbarIcon }); ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我能把“onclick”事件改成“悬停”，当选择对象并显示工具栏吗？ ![悬浮]（https://user-images.githubusercontent.com/48981140/55063030-bd788c80-50a9-11e9-8041-5ed0fca2a19b.gif）
artf
你可能需要扩展 [SelectComponent]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js） 命令（可以看看 toggleSelectComponent 方法）。
afdallah
@artf 有没有关于如何扩展 SelectComponent 的示例？
artf
嗯，不太清楚，我希望尽快出版一份关于指挥的通用文档。 顺便说一句，关键是获取命令（https://grapesjs.com/docs/api/commands.html#get）并覆盖它的方法 “''js const myCommand = commands.get（'select-comp'）; myCommand.someMethod = function（） { // ... }; ```
我有一个带有“show-left”命令的按钮，我想让该按钮第二次（或更多次）点击时保持“active”状态，但在“stop”函数中运行“Sender.set （'active'）'时，'stop'上出现了一个循环，导致错误显示”最大呼叫堆栈大小已超过“。 “第一次点击” ![Screenshot10]（https://user-images.githubusercontent.com/48974803/55055621-22c28280-5096-11e9-83a5-82a43bde9e82.png） “第二次点击” ![Screenshot11]（https://user-images.githubusercontent.com...
artf
请制作一个可复现的演示
edward1893
我有三个按钮，我希望当按钮第二次（或更多次）点击时，按钮保持激活状态，比如第一次点击该图层时，图层按钮会激活，再点击图层按钮会保持激活状态 “我的按钮” ![Screenshot_1]（https://user-images.githubusercontent.com/48974803/55300066-09d41b80-5460-11e9-99de-33efe170e7bf.png） “目前我的按钮在激活后再点击时会变为停用状态” ![悬停2]（https://user-...
artf
使用“togglable： false”代替“togglable： true”