#37042021年8月13日作者 throne19864 个回答
我正在用以下代码来折叠所有块类别，但很遗憾，这方法不起作用 现场演示：https://jsfiddle.net/d4702yoh/2/ 这里出了什么问题？
artf
这应该够了，'编辑'。Blocks.getCategories（）.forEach（ct => ct.set（'open'， false）''，但类别是在渲染块时才创建的（默认情况下，点击Blocks标签时），所以渲染完后你只需执行该脚本。
ronaldohoch
你好，我已经让所有模块都用一个插件关闭了，试着适应你的情况。 “JavaScript 导出默认（编辑器，opt = {}） => { const 命令 = 编辑器。指挥; Commands.add（“dina：hide-all-blocks”，（editor）=>{ 编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）; 令categories = 编辑器。BlockManager.getCategories（...
throne1986
“''jsconst 命令 = 编辑器。指挥;Commands.add（“dina：hide-all-blocks”，（editor）=>{编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）;设类别=编辑器。BlockManager.getCategories（）.models;categories.map（elem=>{elem.view.$el.css（“显示”、“无”）; }); })``` 这里还是一...
#36832021年8月9日作者 mingxin-yang4 个回答
![图片]（https://user-images.githubusercontent.com/23076937/128685747-37b8bdf2-16f0-47bc-b5f6-cb96bbbfefdf.png）
mingxin-yang
https://grapesjs.com/docs/modules/Components.html#define-custom-component-type，这个？@artf
artf
要一键启用富文本编辑器，可以通过这种方式扩展原始文本组件 “''js 编辑。Components.addType（'text'， { 浏览量：{ 事件：{ input： 'onInput'， // 保留原始的 on input 事件，该事件更新 RTE 工具栏位置 点击：“enableRte”， }, enableRte（） { this.onActive（） } }, }); ```
artf
我建议创建一个自定义组件，并将“removable”属性设置为“false”
#36642021年8月3日作者 codingmachine162 个回答
你好@artf 我们的GrapesJs编辑正在运行 http://localhost:5500/editor ![图片]（https://user-images.githubusercontent.com/87995581/128018584-1ba2bc43-aeca-4e14-90dd-7bb986816072.png） 我们想在 http://localhost:5500/ 但在前端，面板显示，编辑模式开启。如何禁用编辑模式和隐藏面板 ![图片]（https://user-images.githubusercontent.com/87995581/128018838-f0128973-0a49-4092-b91f-19755...
artf
我就结束这条了，因为你已经在这里开启了讨论区 https://github.com/artf/grapesjs/discussions/3666
ClaudeCode
谢谢你举报，@codingmachine16。 关于如何通过GrapesJS生成的版面发布的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#36632021年8月3日作者 MrNikolovski4 个回答
你好， 切换设备时没有选择默认样式属性。 繁殖步骤： 开放[http://grapesjs.com/demo.html] 选择任意方块并观察默认值。例如，在“通用”下，位置设置为“静态”。 切换到手机端。 把位置改成“相对”。 切回桌面，注意位置设置为“相对”而不是“静态”。 我预计切换设备时如果没有选择任何选项，应该会显示或选择默认值。 我有一个问题的简短视频。 https://user-images.githubusercontent.com/12418977/127947367-b972400f-85fd-4bfb-a82b-1a3e5b572345.mp4
MrNikolovski
这@artf有什么新进展吗？
MrNikolovski
你好，@artf。能给我一个关于这个问题的最新进展吗？你觉得这是个小问题，还是没时间去处理？ 谢谢。
artf
我现在正在改进StyleManager，可能很快就能检查到。
#36612021年8月1日作者 aliibrahim1231 个回答
你好， 我正在开发一个插件，可以把CSS3的所有属性添加到Grapesjs中。 但我一直用样式管理器，样式不会叠加， 版本：1.17.19 CSS 解析器：Grapesjs-Parser-Postcss风格经理部门 [{ 姓名：“将军”， buildProps： ['float'， 'display'， 'position'， 'top'， 'right'， 'left'， 'bottom']， 性质：[{ 名称：“阵容”， 属性：“浮动”， 类型：“无线电”， 默认值：“无”， 列表：[ { value： 'none'， className： 'fa fa-times'}， { value： 'left'， className：...
ClaudeCode
谢谢你举报，@aliibrahim123。 感谢你分享关于风格管理器失效（样式无影响）的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修...
#36572021年7月30日作者 san-1232 个回答
你好@artf， 我有拖放多个视频标签，每个都生成随机数到ID属性。 有两件事值得怀疑， 首先，我尝试了基于ID属性更新的src视频标签示例路径，但对我来说没用。 如何将 src 更新为基于视频标签的 ID 属性？ 第二个是风格经理的问题， 样式管理器处理图像标签， 新增了内联样式，例：.rt123{Height：120px;宽度：200px;}对于图片，.rt123 是 ID 属性。 对于视频标签，Id属性是randmID，所以风格管理器不应用到视频标签上。如何改变这种状况。
artf
@san-123，请按照问题模板制作一个可复现的演示，因为很难理解这里出了什么问题
ClaudeCode
感谢你报告，@san-123。 关于如何动态更新视频标签的原始代码，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#36532021年7月28日作者 Chetan11-dev3 个回答
如果你双击富文本，光标会移动到起始位置，而不是在双击的位置。 解答：https://stackoverflow.com/questions/12920225/text-selection-in-divcontenteditable-when-double-click/68496971#68496971 <- CHETAN 的可运行答案
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
感谢你的报告，@Chetan11-dev。 关于富文本的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#36432021年7月26日作者 sandeepchandc2c3 个回答
我已经把11MB的PDF文件转成了Html，然后再加载成grapesjs，对于小尺寸的HTML来说它没问题，但对于大尺寸的，浏览器就变得无响应了。 我该怎么办？Grapesjs可以加载完整的HTML，而不会让我的浏览器失去响应。 ![ui]（https://user-images.githubusercontent.com/69236359/126950515-025b1f33-bd6a-47c0-a5bb-2928b8953d6c.PNG）
artf
分享HTML文件加载，这样我们才能真正理解发生了什么
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
谢谢你举报，@sandeepchandc2c。 感谢你分享关于FEAT：浏览器无响应的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复...
#36422021年7月25日作者 Ubanna1 个回答
你好，我遇到了页面管理器的小问题。我希望所有页面的分辨率都是固定的。 高度和宽度图形来自 API，我可以在单页模板上成功显示所需的分辨率。 但在多页模板中，一旦切换到不同页面，设备管理器会重置为全屏（默认）。 我该如何实现目标，才能在所有页面中正确显示所需的分辨率？ 请看下面我用 React js 写的代码：
ClaudeCode
谢谢你举报，@Ubanna。 感谢你分享关于多页面管理器重置设备管理器的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grapes...
#36372021年7月23日作者 mingxin-yang2 个回答
我想自定义封锁图标，我找到了代码： 如何找到我想要的“内容”？ ![]（https://raw.githubusercontent.com/mingxin-yang/images/master/Snipaste2021-07-2316-46-52.png）
artf
嗨，@mingxin-yang，你可以阅读[这里]（https://grapesjs.com/docs/modules/Blocks.html）如何创建和更新方块。 如果你需要更新方块的图标或标签，可以这样做： “''js 编辑。Blocks.get（'BLOCK-ID'）.set（{ 标签：“我的街区”， 媒体：“<SVG...”，// 例如：你的SVG图片 }) ```
ClaudeCode
谢谢你举报，@mingxin阳。 关于自定义方块图标的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件...