#31702020年12月7日作者 ThetripGr3 个回答
你好，我想实现的是通过分配一个名为“对齐”的额外特征来扩展文本组件，并通过该特征决定我想做的对齐类型，之后不应用 css，但应为组件赋予相应的类名。有没有什么例子能让我自己找到类似的东西 ：/ ？
ThetripGr
我又试了几次终于让它工作起来了，我会试着解释一下我是怎么让它工作的。当你定义性状时 “''js 默认值：{ 特质：[{类型：“选择”， 选项：[{ { 值：'myCustomClass'，名称：'选项A' }， }], 标签：“traitLabel”， 名称：“traitName”， 变革提案：1 }] }, 抱歉格式有点，我还不会粘贴格式化代码:P
artf
抱歉格式有点乱，但我还不会粘贴格式化的代码:P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
ClaudeCode
谢谢你举报，@ThetripGr。 关于从特质中添加职业名称的问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#31682020年12月6日作者 oleteacher3 个回答
你想给GrapesJS添加什么？ 能够导出图片/图片文件夹的压缩包下载 详细描述你的功能需求详细 GrapeJS 是一个极好的工具，小学生可以用来创建自己的关于我页面。 不确定在压缩包下载中添加图片文件夹的功能有多难。请看CSS被导出。但IMG文件夹不行。 看了grapesjs-plugin-export / index.js，发现它在哪里添加了CSS，但我的JS水平不够好，无法添加图片导出。 提前感谢您的时间！
artf
你好@oleteacher，由于浏览器的安全限制（例如图片是从其他域名下载时），这样做并不完全可行。你需要一个服务器进程帮你生成图像。
oleteacher
是的，我们有教室本地服务器。我们没有自己的IT支持来帮忙处理这些问题，学校规模非常小 抱歉打扰你了。
ClaudeCode
谢谢你举报，@oleteacher。 关于FEAT：下载/导出图片——很喜欢在课堂项目中使用的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“cha...
#31612020年11月27日作者 ssmanoj-grapes4 个回答
在撤销前所选组件的集合 ![元素收集-前-u]（https://user-images.githubusercontent.com/75111879/100419275-467b6e80-30aa-11eb-8df4-10e210d41689.png） 撤销后所选组件的集合 ![元素收集后]（https://user-images.githubusercontent.com/75111879/100419319-55622100-30aa-11eb-8272-baebedf9313e.png） 代码用新组件替换该组件 ![代码]（https://user-images.githubusercontent.com/75111879/...
artf
抱歉，没有可复现的演示，这个问题对我来说说不通
ssmanoj-grapes
你好，artf， 请查看本期[grapejs-issue.zip]（https://github.com/artf/grapesjs/files/5630421/grapejs-issue.zip）的演示视频。
artf
好吧，既然你无法制作一个可复现的演示，我得关闭这个......
#31552020年11月24日作者 Abhisheknanda13444633 个回答
你好@artf我想在所有方块上加入动画 这里有一段代码，但不行，你能帮帮我吗？ 谢谢
artf
你忘了动画特性上的“changeProp： 1”
Abhisheknanda1344463
@artf 不说动画名称，它不起作用。 我需要添加 CSS 规则吗？ 有什么建议吗？拜托？
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 感谢你分享关于添加动画的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。G...
#31522020年11月23日作者 fq-selbach4 个回答
版本：16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不 描述一下这个bug： 我发现了“gjs-hovered”（负责元素鼠标悬停轮廓的类）存在问题。有时蓝色轮廓在滚动时相对于其父轮廓会移动。 看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生： 预期的行为是什么？ 蓝色轮廓应始终与其父元素完全匹配，无论是否有溢出或滚动。 你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [ ] 不 https://jsfiddle.net/vb7r1zns/
lofcz
如果能修复这问题就好了，虽然不是世界末日，但有点烦人。
artf
我决定关闭这个，因为其实之前已经修复了，旧的演示现在确实正常运行了。 如果你的编辑器被放在可滚动容器中，你仍然可能遇到这个问题，那请使用以下选项： https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163
#31512020年11月23日作者 theSC0RP2 个回答
嗨，@artf。我在看入门指南时，选择经理被放在风格管理器下面。 ![截图：2020-11-23 13-40-46]（https://user-images.githubusercontent.com/30771519/99940268-d0b59100-2d91-11eb-8ce9-f4027fed58ea.png） 我该如何将选择经理置于风格经理之上？
artf
正如你从示例中看到的 “''js 选择经理：{ 附录：'.styles-container' }, styleManager： { 附录：'.styles-container'， “''js 选择经理：{ 附录：'.styles-container-t' }, styleManager： { 附录：'.styles-container-b'， ```
ClaudeCode
谢谢你举报，@theSC0RP。 关于选拔经理职位的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#31442020年11月17日作者 antman33512 个回答
你好，我用GrapesJs模板打印HTML，所以我需要毫米的尺寸。 有没有办法在StyleManager里切换默认出厂设置？也许可以把它放进选项里？ 谢谢， 安东尼奥
artf
不，你不能，你只需要在 StyleManager 配置中配置属性（示例配置可以在这里找到 [https://grapesjs.com/docs/getting-started.html#style-manager）]）。
ClaudeCode
谢谢你举报，@antman3351。 关于[问题] 切换默认工厂的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#31372020年11月12日作者 Asha15973 个回答
未获得所选元素的样式 这是我的代码， const model = 编辑器。StyleManager.getModelToStyle（component）; let styleObject = model.getStyle（）; console.log（“样式”，styleObject） 版本： 0.14.49 你能重现演示中的bug吗？ [X] 是的 [ ] 不 预期的行为是什么？ 当选中元素时，我应该会看到该元素的样式。 目前的行为是什么？ 当选中元素时，我没有得到任何样式，只有空的对象。 你能附上截图、截屏或实时演示吗？ [X] 是的（附上） [ ] 不 这是实际和预期结果的截图，真实 ![截图，2020-11-12 16-5...
artf
首先，你需要升级你的 Grapesjs 版本（你用的是两年前的版本），然后你还得提供一个问题的实时演示。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
谢谢你举报，@Asha1597。 当我选择某个特定元素时，我无法获得它的样式。这个问题只发生在某些元素上。 似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandb...
#31312020年11月11日作者 Joshmamroud4 个回答
版本： 0.16.27 你能重现演示中的bug吗？ [] 是的 [X] 不 预期的行为是什么？ 将粘贴文本为纯文本（文本节点），不像Grapes JS在</>元素中进行打包。 目前的行为是什么？ 当我把纯文本粘贴到空文本元素时，编辑器会用<font />元素包裹它。 在粘贴文本之前 ![Screenshot1]（https://user-images.githubusercontent.com/5224187/98757808-4d606c80-239b-11eb-8194-3b854dd8ac97.png） 在文本粘贴（以纯文本形式）之后 ![Screenshot2]（https://user-images.githubuser...
Joshmamroud
@artf你知道这是在组件、RTE还是其他地方发生的吗？你能指点我正确的方向吗？如果有人能帮忙，我将非常感激。谢谢！
artf
我没法复现，但我看到你用的是自定义的“dm-text”组件，这可能是原因？！
Joshmamroud
@artf 我不这么认为。以下是 dm-text 组件类型的配置 “JavaScript” { 扩展：“文本”， 型号：{ 默认值：{ 名称：“文本”， 特征：[]， 可编辑：正确， 可掉落：错误， textable：确实如此， 风格：{ 填充：“10像素”， 宽度：“100%”， 高度：“自动” }, 可造型：[ “背景色”， “页分内”， “颜色”， “文本对齐” “font-size”， “字体家族”， “字体粗细”， “线高”， “边框宽度”， “边框颜色”， “边...
#31252020年11月9日作者 fq-selbach3 个回答
版本：0.16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不 预期的行为是什么？ 通过样式管理器添加“background-image”时，显示为“background-image： url（...）;`. 目前的行为是什么？ 你会看到的不是“background-image：url（https://grapesjs.com/docs/logo.png）;”，而是“background-image：linear-gradient（https://grapesjs.com/docs/logo.png）;”。 详细描述那个漏洞 当一个元素具有给定的类别为“背景：线性梯度（...）'或'背景图像：线性渐变（...）;你试图...
johnkeel-thork
我正准备报告同样的问题。 新增背景图片： <img width=“847” alt=“截图 2021-12-23 12 06 51” src=“https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png”> 它正在转换为线条渐变，而不是网址： <img width=“621” alt=“截图 2021-12-23 12 07 36”...
artf
关闭 [jsfiddle]（https://jsfiddle.net/cqr7Luaj/），问题似乎解决了
ClaudeCode
谢谢你举报，@fq-selbach。 *线性梯度CSS对背景图像产生奇怪影响的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更...