PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
RTE编辑器的工具栏在浏览器窗口以上的文本字段中不可见。滚动到中间时，RTE工具栏不可见。 ![grapes]（https://user-images.githubusercontent.com/18495706/56764192-74991e00-67a4-11e9-98f5-1d11b405dc9f.gif） 工具栏在顶部或底部。 它应该粘在一个能看见的地方。也许把它粘在顶部或顶部框架边框上会更好。 CKE 插件也是如此。
artf
是的，我们应该复制组件工具栏的行为
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我用这个很棒的库只编辑页面的部分内容。 我主要设计的是页面上可用的 Compontens，使用样式管理器时，它通常只对所选元素生效，而非其类。 所以目前我总是得取消选择卡并进行编辑。 有没有可能添加一个选项，让样式管理器始终使用该 ID 来生成 CSS？
artf
你可以利用“selector：add”事件 “''js editor.on（'selector：add'， selector => selector.set（{ active： false， // 禁用选择器 或 私密：true，// 隐藏选择器 })); ```
3dmedium
谢谢你的解答。 这其实挺简单的。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 我在为单个物品做样式时遇到了个问题。 以下html代码： '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” class=“ddm-flex-cols-element”> 正文 </div> </div> <style> .ddm-flex-cols { 显示：flex; 灵活方向：行; 边距：-16px; 填充：16px 0px; 弹性缠绕：缠绕; } .ddm-flex-cols-element { 弹性生长：2; 边距：16像素; 弹性收缩：0; 灵活基底：0; }...
artf
你能试着把这个“avoidInlineStyle： true”加到你的选项里，并告诉我吗
3dmedium
你好@artf， 是的，我试过了，还是没用。 我有时间把这个问题简化成一个代码沙盒： [https://codesandbox.io/embed/jnplq7op55]（https://codesandbox.io/embed/jnplq7op55） 保护的 Css 内容的位置可以变化，设置样式或文件，并通过 cvanvas.style 加载，行为保持不变。 在添加组件前，deactivationg 选择器解决了这个问题： “JavaScript editor.on（'se...
artf
好吧，问题就在这里：https://github.com/artf/grapesjs/blob/e97afb429b4cada591e119025fcf34490cb0de8c/src/style_manager/index.js#L284-L285 如果组件上没有带有选择器的 CSS 规则（在我们为例为“DDM-FLEX-COLS-ELEMENT”），则创建该规则并将其所有样式迁移到该规则中。我觉得我做这个是为了优化，但现在我不太确定这是不是正确的方法......
你好，我是不是用 traits 里的 toHTML 函数修改了我的 HTML？一个HTML元素被更新了，但gjs组件没有更新，它仍然显示旧代码。 我的特质是 但在我加载保存的屏幕后，GJS-Component里显示像Type=“Radio”这样的旧代码没有存储在GJS-Component里 在保存屏幕之前 ![图片]（https://user-images.githubusercontent.com/33427536/56748889-457fae00-679e-11e9-995a-8f70ec2f303b.png） 保存后，使用以下方式加载到 Grapesjs editor.setComponents（JSON.parse（ex...
artf
我几乎听不懂你在说什么......请提供一个可重复的演示
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
有没有办法给 Grapesjs 导出的所有职业添加自定义前缀？ 在某些情况下，我的项目类和 Grapes 类之间存在冲突，为了解决这个问题，我想在所有类上添加一个前缀。
artf
看看这个 https://github.com/artf/grapesjs/issues/391#issuecomment-391510263
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想在点击按钮后调用一个JavaScript函数。 我创建了一个新的按钮块，当用户点击该按钮时，将该按钮拖到画布后，会调用一个 JavaScript 函数。 那么，该怎么做呢？
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
感谢你带来的这个优秀的开源项目。我正在做一个网页拖放式网站项目我需要将react组件拖拽到指定位置的另一个组件的子容器中。一个组件可能在不同位置有多个子容器之前我用 https://github.com/SortableJS/Sortable我老板必须用你的开源项目实现自定义拖放工作站
artf
关于集成React组件，先读这篇#170，你必须自己创建渲染逻辑
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好， 有个快速问题：我用的是1.8.3的Grapes版本。 实现背景不透明度滑块很容易吗？ 谢谢！
artf
我用的是1.8.3的Grapes版本 ???https://github.com/artf/grapesjs/releases/tag/v0.14.57 目前是最新的实现背景不透明度滑块很容易吗？ 你可以把 alpha 设置在背景色上，HTML/CSS 里没有“仅背景不透明度”的限制
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试通过以下代码提取图像的“src”更改，并将其存储到远程存储中，方法是使用以下代码 我遇到的问题是，当我第一次更改图像时，主机的存储资源中会显示出想要的输出>image2.jpg 但参数并未受到影响，实际上它没有对参数产生任何触发 第二次把图片改成image1.jpg时，控制台>存储资源中输出了想要的效果image1.jpg 但受影响的参数包含前一状态的值，返回 image2.jpg 因此，每次我切换到新图像时，参数都会返回之前的状态。这种行为很不寻常。我在处理其他事件时没有遇到过类似的问题
sakshigarg9
必须把自动保存初始化为false，自动加载为true，并在事件结束时调用 editor.store。问题已解决
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
首先，你这里有个很棒的工具。 如果我问的问题以前有人问过，抱歉。 我试着阅读文档和谷歌帖子，但还是有点卡住了。 我和一些人一样，试图将React组件集成到 grapesjs中。 https://github.com/artf/grapesjs/issues/170 提到自定义渲染逻辑。我该如何实现自定义渲染逻辑？ 我发现了这个 -> https://www.npmjs.com/package/grapesjs-react，我看到它没有任何实际可拖拽的组件。 有没有什么例子是可以拖拽到画布上的示例反应组件？ 你能概述一下集成React组件时需要解决的领域吗？ 再次感谢你带来的精彩项目。
rodenp
精彩的作品@beepsoft 将React正确整合进核心将是一个很好的步骤，也能为支持其他框架铺平空间。这将提升到 grapesjs 的标准。
artf
@beepsoft特别酷，尤其是对流程的详细解释你能不能添加一个公共API，让它能像提供自定义CSS解析器一样，提供自定义HTML解析器？ 我会看看能不能快速添加一些东西，而不用太多重构，但据我所见，你的方法相当安全，即使你用的是非公开的方法。 无论如何，你做的项目能够渲染一个组件，也就是 <Timer/>，我几乎不相信有人会为了添加一个 React 组件而跳进这样的旅程。我认为我们需要创建一个通用的 React 组件渲染器，能够自动显示任何 React 组件。 这是一个我...
beepsoft
你好， 我在这里创建了一个快速实现的概念实现/示例，展示了将React组件集成为GrapesJS模块/组件： https://github.com/beepsoft/grapesjs-react-component-example 虽然“与React集成”可能有很多含义，但这是我试图解决的用例：设置一个 GrapesJS [block]（https://grapesjs.com/docs/modules/Blocks.html），拖拽到 [canvas]（https://g...