GrapesJS 问题

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

状态

排序

找到 231 个问题

🔍 general

#41762022年3月4日作者 varadero2 个回答

0 个反应

提问缺陷常规

Rich text editor very big icons in Firefox

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox 95.0.2（64位）可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？使用 Firefox 95.0.2（64 位）打开 https://grapesjs.com/demo.html双击某些文本（比如“无需编码即可构建你的模板”）预期的行为是什么？富文本编辑器显示为正常的按钮大小目前的行为是什么？富文本编辑器显示有非常大的按钮情况如下： ![图片]（https://user-images.githubusercontent.com/7610713/...

varadero

看起来如果我删除<svg>工具栏HTML中的“''元素，垂直大小就没问题了。这些是<svg>导致高高的“元素”： ![图片]（https://user-images.githubusercontent.com/7610713/156746891-a29bc91f-ec99-4adb-828b-0afa6b70ac76.png）这是我从HTML中删除富文本编辑器时的样子： ![图片]（https://user-images.githubusercontent.com/761...

GJSBlock

谢谢你举报，@varadero。关于Firefox中“富文本编辑器”图标非常大的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'someth...

查看详情

#41482022年2月18日作者 varadero3 个回答

2 个反应

提问缺陷常规

0.18.2 / 0.18.3 移除了所有......在构建器中拖放块时的 HTML 属性

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v99可复制演示链接 https://jsfiddle.net/jLo3qh7s/10/描述一下那个虫子如何复现这个漏洞？创建包含内容的 <input oninput="alert('123)" />块把那个模块放进建筑机里查看HTML代码预期的行为是什么？所有 on... HTML属性都被保留目前的行为是什么？所有 on... HTML属性都被移除注意： Grapesjs 0.18.1没有这个问题——0.18.2和0.18.3都有。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本...

Ju99ernaut

这是0.18.2版本发布说明中所描述的预期行为

artf

没错。如果你需要启用不安全属性（风险自负），可以通过“config.parser.optionsHtml.allowUnsafeAttr”选项来操作。

GJSBlock

谢谢你举报，@varadero。关于0.18.2 / 0.18.3移除所有......当构建器中拖放块时的HTML属性。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console...

查看详情

#40942022年1月22日作者 sridhar3914 个回答

0 个反应

提问缺陷常规

在Chrome的编辑器中拖放块时，无法拖放块块

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？版本 97.0.4692.71（官方构建）（64位）可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？在编辑器中拖放基本方块预期的行为是什么？在编辑器中拖放基本方块，编辑器中应该会显示目前的行为是什么？在编辑器中拖放基础方块，无法拖放方块在我们的项目中，在编辑器中拖放基础块时，无法拖放块在Firefox浏览器中，编辑器中基本方块的拖放操作正常工作 https://user-images.githubusercontent.com/17172525/150640943...

artf

我这边没看到问题（最新版 Chrome）。

sridhar391

@artf 我们使用的是 Ubuntu 操作系统，配备了最新版本的 Chrome 浏览器，请给我们举个拖放功能调试示例，并告诉我们拖拽时是否调用了回调函数

Vac1911

我也在用Ubuntu + Chrome，演示版、文档里的示例和本地安装版本都遇到同样的问题。这是我收到的错误信息：注意：无论我丢弃哪个方块，错误都是一样的 https://github.com/artf/grapesjs/blob/30bb15b71db1b38efadef8500fb70c80821a1dd3/src/dom_components/view/ComponentImageView.js#L32

查看详情

#40392021年12月31日作者 sridhar3912 个回答

0 个反应

提问缺陷常规

When drag and drop block into editor in Chrome, error thrown

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chromw 96.0.4664.45 可复制演示链接 https://thanhtunguet.github.io/grapesjs-react/？path=/story/grapesjsreact--primary 描述一下那个虫子如何复现这个漏洞？在编辑器中拖放基本方块预期的行为是什么？在编辑器中拖放基本块，编辑器中应该会显示目前的行为是什么？在编辑器中拖放基础方块，控制台错误提示在Firefox浏览器中，编辑器中基本块的拖放功能正常工作 https://user-images.githubusercontent.com/1...

artf

从你的演示来看，我能看到你用的是'0.16.45'版本。请只为最新版本打开bug问题。

GJSBlock

谢谢你举报，@sridhar391。关于在Chrome编辑器中拖放块时，出现错误的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something...

查看详情

#40372021年12月30日作者 denisdal2 个回答

0 个反应

提问缺陷常规

When pasting plain text into text element in Chrome

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 96.0.4664.110 可复制演示链接我没有公共的描述一下那个虫子如何复现这个漏洞？使用Chrome浏览器 Grapes 通讯编辑器将“文本”元素拖入页面并写入内容。在同一元素中，按“回车”键，生成新行，粘贴一些纯文本将模板保存到某处，以便重新加载页面时使用。预期的行为是什么？在之前插入所有可编辑文本的“文本”元素目前的行为是什么？ Grapes 生成一个“Box”元素，文本内部不再可编辑，并且每行粘贴前文有N个“Text”元素（可编辑）这种行为仅适用于 Chrome，但可能影响其他 Webkit 浏览器。...

artf

HTML中默认导出的模板没有文本组件的引用，所以无法从所有可能的标签中知道文本组件应该被识别在哪里。这就是为什么当你[存储和重新加载模板]（https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates）时，应该始终依赖项目的JSON数据，而不是HTML/CSS。一个选择是导出带有“data-gjs-*”属性的“可重新导入”HTML。

GJSBlock

谢谢你举报，@denisdal。关于在Chrome中将纯文本粘贴到文本元素时的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'somethi...

查看详情

#40262021年12月22日作者 johnkeel-thork1 个回答

0 个反应

提问缺陷常规

Incorrect Padding on .gjs-devices-c

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 96 可复制演示链接 https://advhub.net/communities/admin/pageeditor2/ 描述一下那个虫子如何复现这个漏洞？查看devices-c div填充 <img width=“223” alt=“截图 2021-12-22 10 05 35” src=“https://user-images.githubusercontent.com/26764290/147075268-2e88d498-dcfc-4bb0-a70a-a5516c377129.png”> 预期的行为是什么？应该包含...

GJSBlock

谢谢你报告，@johnkeel-thork。关于 .gjs-devices-c 上填充错误的问题，真是个好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log...

查看详情

#40062021年12月9日作者 dev43224 个回答

0 个反应

缺陷提问常规

Background color automatically changes to black

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬可复制演示链接 https://grapesjs.com/demo.html。描述一下那个虫子默认情况下，背景色是无。当我点击颜色选择器更改背景色时，没有从颜色选择器中选择任何颜色。（点击屏幕时关闭颜色选择器，而非模式模式）。它会自动将颜色切换为黑色。你可以在官方演示 https://grapesjs.com/demo.html 上重现这个问题。有什么办法能解决这个问题吗？？行为准则 [X] 我同意遵守本项目的行为准则

artf

我无法复现这个问题，你能提供问题的屏幕录像吗？

dev4322

@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd

jloguercio

我也有同样的问题，如果你点击颜色选择器外面，它会变成黑色

查看详情

#39472021年11月16日作者 confettidc4 个回答

0 个反应

提问缺陷常规

Selection box not clickable in editor

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Firefox 94.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子如何复现这个漏洞？尝试在上述演示网站拖拽选择框，可以重现问题... 预期的行为是什么？选择框在添加选项时应该能显示目前的行为是什么？选择框现在只能高亮，不能在里面显示选项如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本项目的行为准则

artf

如果你说的是表单插件里的选择组件，那选项会以特征的形式显示。

confettidc

是的，但即使在预览中，选择框还是无法点击？谢谢。

thomas-le-goff

你好，这个问题就是因为这条线（https://github.com/artf/grapesjs-plugin-forms/blob/master/src/components.js#L186）。如果只在编辑器处于预览模式时启用事件，可能会很有趣？那么，把事件放在预览模式真的有用吗？我不知道预览系统是怎么运作的，但我可以查看它来提出PR的建议？

查看详情

#39402021年11月13日作者 dan-castillo2 个回答

0 个反应

提问缺陷常规

Issue with updating Button text

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome - 版本 95.0.4638.69可复制演示链接两个地方：https://grapesjs.com/demo.html，我这里有一个仓库：https://github.com/dan-castillo/TestingGjsV1729.git描述一下那个虫子如何复现这个漏洞？访问表单插件演示：https://grapesjs.com/demo.html滚动到底部，尝试更改提交按钮的文本或者我添加了一个角度仓库 [这里]（https://github.com/dan-castillo/TestingGjsV1729.git）预期...

artf

这只是网页预设的问题，它有旧的表单插件引用，和核心无关。

GJSBlock

谢谢你举报，@dan-castillo。关于更新按钮文本的问题，问得很好。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed...

查看详情

#39022021年10月30日作者 josh-fnbtech4 个回答

4 个反应

缺陷提问常规