GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#33962021年4月9日作者 YumiChen1 个回答

0 个反应

Flex-direction： column & float： left，使排序器方向错误

版本：0.16.45 你能重现演示中的这个bug吗？[x] 是的[ ] 不预期的行为是什么？给定一个父元素，其样式为“display： flex”和“flex-direction： column”，子元素的样式为“float： left”，排序器应为水平排列，因为结果中元素是垂直对齐的。目前的行为是什么？分拣器会是竖式的。你能附上截图、截屏或实时演示吗？[x] 是（附上）[ ] 不 https://jsfiddle.net/fzb4u7rd/ <img width=“741” alt=“截圖 2021-04-09 下午6 18 38” src=“https://user-images.githubusercontent....

GJSBlock

谢谢你举报，@YumiChen。 flex-direction： column 和 float： left：使排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示...

查看详情

#33952021年4月9日作者 Abhisheknanda13444632 个回答

1 个反应

提问 typescript 常规

Observation -: Inconsistent Mobile view

你好@artf请观看附带的视频。我检查过移动视图，发现移动视图和编辑移动视图不同。大家有什么看法吗？或者说，应该是这样工作 [屏幕录制 2021-04-09 2：55.45 PM.zip]（https://github.com/artf/grapesjs/files/6284716/Screen.Recording.2021-04-09.at.2.55.45.PM.zip）

Abhisheknanda1344463

已经修好了。问题已定。

GJSBlock

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

查看详情

#33942021年4月8日作者 alext27933 个回答

1 个反应

undo-manager 提问常规

UndoManager add

how to add undo/redo event to UndoManager from custom rich text editor ckeditor?

Ju99ernaut

“UndoManager”通常会追踪组件模型的变化，所以如果你能以某种方式记录组件中rte的变更，可能会有效。我不太确定具体怎么操作，所以无法给出更详细的描述。无论如何，ckeditor 自带了撤销管理器，或者你也可以用它，你可能需要在配置里包含撤销/重做按钮

artf

是的，正如@Ju99ernaut已经提到的，所有主要的RTE编辑都实现了自己的撤销管理器。事实上，当启用RTE（内置或自定义）时，所有快捷方式都会被禁用，以避免干扰文本编辑（当你编辑文本并按CTRL+Z时，你期望能撤销已编辑的文本）。

GJSBlock

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

查看详情

#33922021年4月7日作者 rywilson283 个回答

0 个反应

组件增强文档 style-manager typescript

Allow dynamic droppable configuration using a function

我有一个要求，不能用选择器来判断某个元素是否可以丢弃。例如： ![图片]（https://user-images.githubusercontent.com/45426659/113861790-96afbf00-9775-11eb-9369-2a18a71c0dd6.png） “子”组件必须位于“父”组件中，但如果子组件包含 ref 属性，只能将其拖入与当前父组件匹配的 ref 值的其他父容器中。根据上述标记，子组件可以丢弃到最后一个容器，但不能丢弃参考为5678的容器。不过，第二个子元素可以被丢弃到任一父组件中。如果可丢弃函数允许以下函数，这将很容易实现：可掉落：（src，目标）=> { 一些逻辑返回真值; },...

rywilson28

相关公关：https://github.com/artf/grapesjs/pull/3393

rywilson28

@artf对这个功能或PR的做法有任何疑问吗？

GJSBlock

谢谢你举报，@rywilson28。关于FEAT：允许使用函数动态丢弃配置的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则利用“change：*”事件...

查看详情

#33902021年4月6日作者 christosapos2 个回答

0 个反应

提问组件画布

通过点击组件内部更改复选框组件的特征。

通过点击Canvas内的组件，能否更改复选框组件简单中的“勾选”特性？

artf

是的，当然，性状读取的是组件模型的值，所以如果你更改绑定值，性状应该会改变

GJSBlock

谢谢你举报，@christosapos。关于通过点击“组件内部”更改复选框组件特征的好问题。推荐的 Canvas 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'somethin...

查看详情

#33892021年4月6日作者 xinnai4 个回答

0 个反应

style-manager 提问 typescript

多选某些元素和更改样式只能对最后选中的元素有效

你好，当我用“shift”多选某些元素，并在styleManager中更改样式时。只有最后点击的元素才会更新样式。你能帮我解决这个问题吗？ https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

不确定有没有这个选项，风格管理器可能还没有实现多组件编辑功能。你可以用类作为替代方案。

artf

它在演示中实际上是有效的，你能制作一个可复现的演示吗？

no-response[bot]

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

查看详情

#33882021年4月5日作者 ahmedderkaoui2 个回答

1 个反应

组件提问 typescript

Adding indication as a Trait without any input.

我想添加一个特征的指示。我的组件有以下特性：对于类型“dateformat-indication”，我创建了以下类型：然而，即使它不在模板里，我还是会收到我创建的输入： ![git]（https://user-images.githubusercontent.com/58575867/113580735-07dc5e80-961e-11eb-8c6d-a24052984d05.png）有没有办法禁用该特质的默认输入？

ahmedderkaoui

使用以下方法效果很好：

GJSBlock

谢谢你举报，@ahmedderkaoui。关于FEAT：在不输入的情况下添加指征作为特质的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something ch...

查看详情

#33872021年4月5日作者 assadnazar4 个回答

0 个反应

提问常规

Load through URL

我们能不能添加一个通过URL加载的选项？例如：我们把一个URL传递给初始化，然后它用编辑器初始化页面？

Ju99ernaut

由于CORS的限制，很难提出通用解决方案。

artf

由于CORS的限制，很难提出一个通用的解决方案。没错，如果你打算加载某个外部网站的 HTML，你应该有服务器来获取内容。

assadnazar

@Ju99ernaut，@artf我想加载相同域名的页面来编辑 HTML。

查看详情

#33862021年4月3日作者 maivanchuong1 个回答

0 个反应

文档常规

GrapesJS not change config AssetManager

你好，我不更改配置 AssetManager，示例：modalTitle、addBtnText、uploadText,... 希望你能帮帮我

GJSBlock

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

查看详情

#33852021年4月3日作者 pranay22102 个回答

0 个反应

提问画布常规

How to use grapesjs with nuxtjs ?

我正在尝试用 nuxtjs 框架来完成 grapesjs，有什么解决方案吗？

artf

我觉得关键是为GrapesJS创建一个Vue组件，并在你的一些页面中使用它

GJSBlock

谢谢你举报，@pranay2210。关于如何用 grapesjs 配合nuxtjs？提出了一个很好的问题。推荐的Canvas方法是使用事件驱动API。从这里开始：查看你所用模块的[GrapesJS 文档]（https://grapesjs.com/docs/）寻找 on() 事件监听者方法大多数操作可以通过监听编辑器和组件事件来实现常见模式：如果你还卡住了：分享最小的CodeSandbox复制品把你已经尝试过的都写进去提及你的 GrapesJS 版本社...

查看详情

GrapesJS 问题

浏览所有主题