GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

状态

排序

找到 3,464 个问题

#15082018年10月12日作者 ghost2 个回答

0 个反应

：在外部更改 gjs-html 后刷新 Canvas

你好，我一直在用GrapesJS配合ReactJS（GrapesJS位于自己的React组件中），但我在上传图片时遇到了问题，因为我自己在用React文件选择器组件时遇到了问题。当我从文件选择器中的 react 组件选择图片时，因为它是 GrapesJS 外部的，我会手动更新本地存储中的 gjs-html 项，并通过 GrapesJS 组件中的 react 生命周期方法componentWillReceiveProps方法返回文件路径，效果很好，但我遇到的问题是，在修改 gjs-html 以更新 GrapesJS 画布后，无法触发更新，而我只能通过修改导入的图像显示在画布上，是要销毁 GrapesJS 实例并创建一个新的实例，...

ghost

看来我忘了 DomComponents，下载并查看 grapesjs-newsletter 的 src 后，我在 openImportCommand 里发现 DomComponents 正在更新。所以我在更新本地存储的 HTML 后，在我的 react component WillReceiveProps 方法里添加了以下内容。 “编辑。DomComponents.getWrapper（）.set（'content'， ''）; editor.setComponents（$...

cederron

看来我忘了 DomComponents，下载并查看 grapesjs-newsletter 的 src 后，我在 openImportCommand 里发现 DomComponents 正在更新。所以我在更新本地存储的 HTML 后，在我的 react component WillReceiveProps 方法里添加了以下内容。“编辑。DomComponents.getWrapper（）.set（'content'， ''）;editor.setComponents（$f（...

查看详情

#15072018年10月12日作者 himanshubudhlakoti3 个回答

46 个反应

如何在 Grapesjs 的默认面板中用自定义命令添加自定义按钮

我已经把Grapesjs集成到了Angular6。我看到的是默认面板，屏幕顶部出现了一个选择框; 我想要一个自定义按钮，带有我自己自定义的命令，放在默认面板上。我想添加一个按钮，看起来像下面用红色标出的那样。 ![6666666]（https://user-images.githubusercontent.com/32187513/46849489-54f46680-ce0d-11e8-95f5-3f9de669ac5c.png）我想当我点击按钮时，屏幕上应该会显示一个带有Hello World消息的警报框。请告诉我如何在默认面板上添加自定义按钮

mcsekar12

用'编辑器'。Panels.getPanels（）' 获取所有可用的面板，然后使用下面所示的 addButtons 方法。这里的“选项”是面板名称 '编辑。Panels.addButton（'options'， [ { ID：“保存”，类名：'fa fa-floppy-o icon-blank'，命令： function（editor1， sender） { 警报（“你好的世界”） }, 属性：{ 标题：“保存模板” } }, ]);`

TemaMix

我尝试按键连接面板时也遇到过问题。所以，我用了以下方法：编辑。Panels.addButton（'#target panel id#'， { ID：“警报按钮”，类名：'btn-alert-button'，标签：“Click my butt（on）”， command（editor） { alert（'Hello World'）; } 活跃：真 }); 不过，面板和按钮还是被显示出来的。它开机后需要用“渲染”方法重新渲染面板管理器对象。我在文档里找不到相关信息。所...

mararn1618

这在 https://grapesjs.com/docs/getting-started.html#panels-buttons 有详细文档。添加带按钮的面板有两种方法：（1）初始化 GrapesJS时，（2） GrapesJS 用 addPanel 初始化后。请注意，这是针对你用 <div id='basic-actions'></div>定义的面板。GrapesJS.init（） GrapesJS 初始化后

查看详情

#15062018年10月11日作者 YashPrince3 个回答

1 个反应

缺陷需要帮助已过时

CSS 媒体查询问题

你好@artf 演示页面和媒体查询库中都存在问题。问题是，如果用户先在移动视图上更新样式，再用标签视图，再用媒体查询，移动视图就不起作用。如果我们先更新桌面样式，再更新标签页，再更新移动端，那么一切都正常但如果我们先反向移动视图，标签视图第二，桌面视图第三，然后CSS/媒体查询无法支持标签页和桌面视图。我觉得是因为480应该是下降的，992应该在上面。任何帮助都将不胜感激，谢谢！

artf

@Sharsie #1996

YashPrince

@artf问题是，如果我们先添加样式移动端，然后在标签页上添加，移动视图的CSS会被标签视图覆盖，而移动视图应用的所有CSS不会在移动视图上应用，因为它被标签页视图覆盖。

YashPrince

@artf有没有最新进展，因为这是个大问题。用户一旦先申请 mobie，就无法为 tab 更新 css。他们需要删除并重新添加那个元素。

查看详情

#15052018年10月11日作者 himanshubudhlakoti3 个回答

0 个反应

已过时

添加行和截面不行

我正在将Grapejs集成到Angular6中。但它不工作意味着它没有显示在方块上我使用的代码如下

mararn1618

我建议你上传一个示例给 https://www.jsfiddle.net。这似乎不足以给出答案。

artf

你应该加上风格 “''js 内容：'<div class=“row”>.. </div> <style> .row { ... '，</style> ```

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#15042018年10月11日作者 dlorenzo3 个回答

1 个反应

已过时

动态高度

你好：是否有可能让 GrapesJS 实例实现动态高度，也就是说，编辑器会根据内容大小进行调整？我想做的是把 GrapesJS 嵌入到一个页面里，和其他元素（如页眉、页脚等）一起，并且整个页面只用一个滚动条。随着你在编辑器中插入内容，整个页面会变长。这真的可能吗？提前感谢大家。

dlorenzo

通过监听“component：update”事件，计算iframe内容高度并将其应用到编辑器中，我让它运行得相当不错。谢谢。

artf

默认不是，但你应该可以通过依赖[事件]（https://grapesjs.com/docs/api/editor.html#available-events）来实现。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#15022018年10月11日作者 mudit-mittal3 个回答

0 个反应

已过时

使用 RTE 编辑后创建多个子元素

大家好，我遇到的都是与RTE相关的问题RTE作为对文本块执行的动作创建多个子节点。例如：假设我们在同一文本块上连续执行了三次相同的动作（加粗），那么它在同一元素上创建了三个子节点。RTE中的字体操作仅支持1到7之间的字体大小，因此请在RTE中支持1到100之间的字体大小。 ![图片]（https://user-images.githubusercontent.com/44024159/46786571-e652d280-cd52-11e8-8e44-ec623f5391e2.png） NP：- 我用的是最新版本的库，但问题依然存在，欢迎大家评测。之前的bug供参考 https://github.com/artf/grapesj...

mudit-mittal

大家好，请查找重现此情景的步骤 1）初始状态 ![图片]（https://user-images.githubusercontent.com/44024159/46848964-71db6a80-ce0a-11e8-9c87-013099c64bf2.png） 2）先执行加粗动作，再执行斜体动作，再下划线动作 ![图片]（https://user-images.githubusercontent.com/44024159/46848910-2759ee00-ce0a-11...

mudit-mittal

大家好， rte.add（'fontSize'， {图标：“<select class=”gjs-field“><option>1</option><option>4</option><option>7</option></select>'，// 将“结果”绑定在“change”听众身上事件：“变化”，结果：（rte， action） = > rte.exec（'fontSize'， action.btn.firstChild.value），// 任何输入变化（鼠标按键、按...

artf

这就是 [execCommand]（https://developer.mozilla.org/it/docs/Web/API/Document/execCommand）的工作原理，内置的 RTE 就是基于它。如果你需要更高级的，可以尝试 [grapesjs-plugin-ckeditor]（https://github.com/artf/grapesjs-plugin-ckeditor）或者按照本指南实现其他第三方编辑器：https://grapesjs.com/doc...

查看详情

#15012018年10月11日作者 mararn16182 个回答

0 个反应

已过时

Editor.destroy（）及重新初始化的问题

在 GrapesJS 0.14.33 中引入了 'editor.destroy（）'（https://github.com/artf/grapesjs/commit/52f8bdf2e894de536d44c1699c1e18bbaf52488f），以便可以初始化、销毁和重新初始化编辑器。问题初始化、销毁、重新初始化后，我在编辑默认RTE的文本块时遇到异常。今天的destroy（）最终忘记拆除 s.th.，因此可以引发以下情况：或者：演示请查找这把包含复制步骤的0.14.33小提琴： https://jsfiddle.net/srkm18yu/相关公关与问题在我看来，PR #920已经解决了部分问题，但还不够。其他人过...

mararn1618

嘿@artf，你打算在未来的版本中修复这个问题吗？我相信这与许多其他问题相关，尤其是在使用 JS/SPA 框架时。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#15002018年10月11日作者 chaitanya112 个回答

0 个反应

已过时

：如何保存和导入已创建的设计

创建了一些设计后，如何保存并导入到 Grapesjs？

chaitanya11

从#778那里得到的信息。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#14992018年10月10日作者 coder-strange3 个回答

0 个反应

已过时

通过区块的内容脚本进行支配操作（dom）操作可能吗？

嘿！首先非常感谢你打造了这样一个优秀且多功能的工具。我有可能通过区块的内容脚本来操控该区块的主导元素吗？例如，基本上我需要一个类似调查的模块，用户可以放置问题模块，然后输入问题字符串。再次非常感谢你。

artf

当然可以，但一定要正确理解“脚本”的语境及其运作方式 https://grapesjs.com/docs/modules/Components-js.html#components-js 如果你没先写“$”，就不能用

coder-strange

@artf ![GJS主导操控2]（https://user-images.githubusercontent.com/19469610/46792130-3c7a4280-cd60-11e8-8571-34caf0428c97.PNG）我添加了jquery，在上面的图片中，我在输入标签中添加了value属性，正如我们在上面图片中看到的，但这个value属性在我从编辑器那里得到的最终HTML中没有。

artf

请使用最新版本

查看详情

#14982018年10月10日作者 SeongwoonHong2 个回答

0 个反应

已过时