GrapesJS 问题

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

状态

排序

找到 231 个问题

🔍 general

#34772021年5月24日作者 ahmedderkaoui2 个回答

0 个反应

style-manager typescript 常规

SetMessages() does not update i18n

默认情况下，当“init”不包含以下内容时，编辑器会以英文启动：然而，当我尝试用 i18n 方法更改语言时：“setMessages”，如下所示： “编辑。I18n.setMessages（{ en： tr }）;' 这种情况发生：打开的标签页（比如默认加载时打开的样式管理器）不会被 i18n 更新。悬停面板标题不会更新。未加载的标签页（比如特性管理器）会被 i18n 更新（因为之前未加载）

artf

遵循议题模板

GJSBlock

谢谢你举报，@ahmedderkaoui。感谢你分享关于setMessages（）不会更新i18n的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识...

查看详情

#34642021年5月19日作者 mosh-tudor2 个回答

0 个反应

常规

Editing button text doesn't work correctly

描述0 - 访问次数：https://grapesjs.com/demo.html1 - 选择按钮： <img width=“674” alt=“截图 2021-05-19 15 09 53” src=“https://user-images.githubusercontent.com/668451/118818468-a5c97700-b8b4-11eb-9006-56abe37a8343.png”>2 - 内容变更： <img width=“253” alt=“截图 2021-05-19 15 10 05” src=“https://user-images.githubusercontent.com/668451/118818...

artf

#3205的复制品

GJSBlock

谢谢你报告，@mosh-tudor。感谢你分享关于编辑按钮文本无法正常工作的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。Gra...

查看详情

#34532021年5月12日作者 alemenciones2 个回答

0 个反应

提问 style-manager 常规

How to resize start/end in absolute mode?

你好，亲爱的我在absoluteMode里尝试类似“resize：start/end”的设置，搭配styleable：change：width/height。你能帮我吗？

alemenciones

本作品：

GJSBlock

谢谢你举报，@alemenciones。关于FEAT：如何在绝对模式下调整开始/结束大小？的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log...

查看详情

#34482021年5月10日作者 rcloss2 个回答

0 个反应

style-manager 组件常规

向组件应用自定义类似乎没有效果

当某些条件未满足时，我会在组件上添加一个类，比如没有 href 集。我查看了源代码，看到了“nolink”类，但它没有把背景色设置为红色，检查元素时也看不到它，这就是我尝试添加它的方式，但当我用cc.getAll（）时，我看不到nolink类，所以我不确定问题出在哪里 'var cc = 编辑。Css作曲家; 'var nolink = 编辑器。SelectorManager.add（'nolink'）;' 'var rule = 编辑器。CssComposer.add（[无链接]）;' 'rule.set（'style'， { “背景色”：“红色” });` 我也试过'编辑器'。CssComposer.setRule（'.nol...

artf

我也试过编辑器。CssComposer.setRule（'.nolink'， {'background-color'：'red'}）;但这似乎也没用 'setRule' 是正确的 API，它能用，但它只创建规则，如果你想在 Canvas 上看到它，还得先把类添加到组件里（例如 'editor.getSelected（）.addClass（'nolink'）'）

GJSBlock

谢谢你举报，@rcloss。感谢你分享关于向组件应用自定义类似乎不起作用的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。Grap...

查看详情

#34442021年5月8日作者 mahfuzdiu4 个回答

0 个反应

提问缺陷常规

RemoveButton() causing error

你好，我正在尝试用这个代码编辑器从面板中移除一个按钮。Panels.removeButton（“options”， “fullscreen”）' 。它移除了按钮，但出现了这个错误。 ![捕获]（https://user-images.githubusercontent.com/43580524/117531201-3aa1ba00-b003-11eb-8f03-8e74ce3a511a.PNG）该如何解决？

mahfuzdiu

我用自定义的CSS编辑器隐藏了它。Panels.getButton（'options'， 'fullscreen'）.attributes.className = 'hidepanelbtn'' 顺便说一句，如果能有个合适的解决方案就更好了。

artf

你好@mahfuzdiu在官方演示中这样做，没有错误，你能创建一个可复现的演示吗？

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

查看详情

#34422021年5月7日作者 zgeist4 个回答

4 个反应

缺陷常规

Error after call `editor.destroy()`

创建编辑器实例试着摧毁收到错误 ![图片]（https://user-images.githubusercontent.com/6919961/117447790-9a865b00-af46-11eb-9d2a-6d502be38d47.png）

artf

感谢你的反馈，我会在下一个版本里尝试修复 @ershadul1没有，有一个FrameWrapView（iframe周围的东西，比如封装器、选择工具等），里面有一个FrameView（iframe本身），但可能因为移除顺序的问题，框架会先移除，而不是它的包装。

ershadul1

https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/canvas/view/FrameWrapView.js#L73 我看到移除是直接用在移除本身的。我不明白。这是个错误吗？如果我设置“this.frame = null”，错误就会消失。想听听专家的意见。@artf

PRTTMPRPHT

查看详情

#34322021年5月5日作者 SintoDema2 个回答

0 个反应

文档提问常规

我们能在编辑器中使用[Wistia]（https://wistia.com/） GrapesJS 吗？我想像Vimeo在编辑器中使用那样使用它。

你好，@artf，我们能在编辑器中使用[Wistia]（https://wistia.com/） GrapesJS 吗？我想像Vimeo在编辑器中使用那样使用它。 ![图片]（https://user-images.githubusercontent.com/68583645/117104731-4b032c00-ad9a-11eb-9ddd-d7bb8acb41da.png）情景：我在我的 Wistia 域名里有一个视频，路径要 https://mydomain.wistia.com/medias/VIDEO_ID。我必须添加那个 URL 或视频，因为我们正在编辑器>视频设置中添加带有视频 ID 的 YouTube 视频链...

artf

当然，只要检查当前的 [ComponentVideo]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js）实现，并根据需要扩展它。

GJSBlock

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

查看详情

#34242021年4月29日作者 Tal5001 个回答

0 个反应

增强 style-manager 常规

HE(Hebrew) Language support

我想添加希伯来语支持，并进行翻译。此外，你还应支持“direction”属性，以便支持从右到左的语言显示： https://www.w3schools.com/cssref/prtextdirection.asp

GJSBlock

谢谢你举报，@Tal500。关于HE（希伯来语）语言支持的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则利用“change：*”事件进行细致跟踪构...

查看详情

#34232021年4月29日作者 zgeist2 个回答

1 个反应

常规

RTE generate tag span after remove `bold`, `italic` etc

位置文本块编辑文本，应用“加粗”或“斜体” 取消选择文本块再次选择并移除“加粗”。开源代码，你应该能看到“span”标签 ![1113]（https://user-images.githubusercontent.com/6919961/116565445-8e7b1780-a90e-11eb-8534-c28ce49886a1.png）

Ju99ernaut

看起来是底层浏览器API的问题，也就是说，'Document.execCommand（）' 所以我不确定这个问题能否解决，这里说它已被弃用，但实际上没有其他选择，反正'removeFormat' 命令似乎能正常工作，不会留下任何 span。不过你仍然可以使用第三方RTE系统，比如CKE

GJSBlock

感谢你报告，@zgeist。感谢你分享关于删除“加粗”、“斜体”等后生成标签范围的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。...

查看详情

#34222021年4月29日作者 Asifislam1104 个回答

0 个反应

组件提问常规