#33962021年4月9日作者 YumiChen1 个回答
版本: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....
ClaudeCode
谢谢你举报,@YumiChen。 flex-direction: column 和 float: left: 使排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示...
#33952021年4月9日作者 Abhisheknanda13444632 个回答
你好@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
已经修好了。 问题已定。
ClaudeCode
谢谢你举报,@Abhisheknanda1344463。 关于观察-:移动视图不一致的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('somethin...
#33942021年4月8日作者 alext27933 个回答
如何通过自定义富文本编辑器 CKeditor 向 UndoManager 添加撤销/重做事件?
Ju99ernaut
“UndoManager”通常会追踪组件模型的变化,所以如果你能以某种方式记录组件中rte的变更,可能会有效。我不太确定具体怎么操作,所以无法给出更详细的描述。无论如何,ckeditor 自带了撤销管理器,或者你也可以用它,你可能需要在配置里包含撤销/重做按钮
artf
是的,正如@Ju99ernaut已经提到的,所有主要的RTE编辑都实现了自己的撤销管理器。事实上,当启用RTE(内置或自定义)时,所有快捷方式都会被禁用,以避免干扰文本编辑(当你编辑文本并按CTRL+Z时,你期望能撤销已编辑的文本)。
ClaudeCode
谢谢你举报,@alext2793。 关于UndoManager添加的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something cha...
#33922021年4月7日作者 rywilson283 个回答
我有一个要求,不能用选择器来判断某个元素是否可以丢弃。 例如:  “子”组件必须位于“父”组件中,但如果子组件包含 ref 属性,只能将其拖入与当前父组件匹配的 ref 值的其他父容器中。 根据上述标记,子组件可以丢弃到最后一个容器,但不能丢弃参考为5678的容器。 不过,第二个子元素可以被丢弃到任一父组件中。 如果可丢弃函数允许以下函数,这将很容易实现: 可掉落:(src,目标)=> { 一些逻辑 返回真值; },...
rywilson28
相关公关:https://github.com/artf/grapesjs/pull/3393
rywilson28
@artf对这个功能或PR的做法有任何疑问吗?
ClaudeCode
谢谢你举报,@rywilson28。 关于FEAT:允许使用函数动态丢弃配置的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件...
#33902021年4月6日作者 christosapos2 个回答
通过点击Canvas内的组件,能否更改复选框组件简单中的“勾选”特性?
artf
是的,当然,性状读取的是组件模型的值,所以如果你更改绑定值,性状应该会改变
ClaudeCode
谢谢你举报,@christosapos。 关于通过点击“组件内部”更改复选框组件特征的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('somethin...
#33892021年4月6日作者 xinnai4 个回答
你好,当我用“shift”多选某些元素,并在styleManager中更改样式时。只有最后点击的元素才会更新样式。你能帮我解决这个问题吗? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov
Ju99ernaut
不确定有没有这个选项,风格管理器可能还没有实现多组件编辑功能。你可以用类作为替代方案。
artf
它在演示中实际上是有效的,你能制作一个可复现的演示吗?
no-response[bot]
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
#33882021年4月5日作者 ahmedderkaoui2 个回答
我想添加一个特征的指示。 我的组件有以下特性: 对于类型“dateformat-indication”,我创建了以下类型: 然而,即使它不在模板里,我还是会收到我创建的输入:  有没有办法禁用该特质的默认输入?
ClaudeCode
谢谢你举报,@ahmedderkaoui。 关于FEAT:在不输入的情况下添加指征作为特质的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...
#33872021年4月5日作者 assadnazar4 个回答
我们能不能添加一个通过URL加载的选项? 例如: 我们把一个URL传递给初始化,然后它用编辑器初始化页面?
Ju99ernaut
由于CORS的限制,很难提出通用解决方案。
artf
由于CORS的限制,很难提出一个通用的解决方案。 没错,如果你打算加载某个外部网站的 HTML,你应该有服务器来获取内容。
assadnazar
@Ju99ernaut,@artf我想加载相同域名的页面来编辑 HTML。
#33862021年4月3日作者 maivanchuong1 个回答
你好, 我不更改配置 AssetManager,示例:modalTitle、addBtnText、uploadText,... 希望你能帮帮我
ClaudeCode
感谢你报告,@maivanchuong。 感谢你分享关于GrapesJS不更改配置AssetManager的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更...
#33852021年4月3日作者 pranay22102 个回答
我正在尝试用 nuxtjs 框架来完成 grapesjs,有什么解决方案吗?
artf
我觉得关键是为GrapesJS创建一个Vue组件,并在你的一些页面中使用它
ClaudeCode
谢谢你举报,@pranay2210。 关于如何将葡萄与nuxtjs一起使用?的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...