PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
嗨。当我尝试用带有一些 VML 包装标签的现有 HTML 代码生成新闻通讯模板时<style>，现有的样式类处理得很好，尽管编辑器中删除了相关 VML 的提及。 能否给我一些可能的变通方法？GrapesJS CSS 编辑器里真的有可能有 VML 代码吗？
GJSBlock
谢谢你举报，@DMSlam。 关于有没有办法把VML代码保留在CSS里，以避免某些样式出现在Outlook？，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） =>...
大家好，与其用这种方式在首页造型...... 有可能在Canvas中使用SCSS文件吗？canvas { style：['FILE.SCSS'] } 还是用一个初始化CSS让它更干净？ 谢谢！ ' myComponent.append（<style> 正体 { 背景：RGB（204,204,204）; } .footer { 位置：绝对; 底部：5毫米; 宽度：自动; 左侧：5毫米; 右侧：5毫米; } .footer-container { 填充：7像素88像素 7像素96像素; } .footer-text：nth-child（2） { float：right; } .footer-text { 字体大小：11px; } .l...
artf
如果你不想用文件，可以用 [canvasCSS 选项]（https://github.com/artf/grapesjs/blob/da98f1905c6b9c691793685a7f4e21f109a8843e/src/editor/config/config.js#L77）。
devtechk
非常感谢！这个配置文件对我帮助很大！
GJSBlock
谢谢你举报，@devtechk。 关于canvas风格CSS的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chan...
版本： 0.16.44 你好！我有页面的远程存储，最近在保存页面时遇到了一个问题，'JSON.stringify（editor.getComponents（）'开始弹出错误，'Uncaught TypeError： e[M].getId is not a function'。 我检查了页面已保存的JSON表示，发现它在这部分失败了 我不知道“__symbol”键的用途，但没有它，一切都正常。 这个问题只在少数几页出现，但我担心其他页面也会再次出现。
yucomds
这里也是同样的错误......你有解决办法吗？ [编辑]目前降级似乎是唯一的解决办法
josfh2005
这里也有同样的问题，如果我在加载编辑器前先预处理组件并移除那个属性（__symbol），模板就能正常工作。 现在有没有办法暂时禁用这些符号@artf？
artf
是的，不幸的是，之前的 grapesjs 版本有个bug，导致符号不自愿生成。在当前版本中，这个bug已经修复，符号被禁用了，但不幸的是，如果你尝试加载一个包含已保存符号引用的组件（由漏洞创建的），这个问题仍然会发生。 我会在下一个版本中为这个问题添加补丁，目前我会听Josè的建议，在加载编辑器前删除所有 __symbol 引用。
嗨！ 我正在尝试提高图层管理器中填充左侧的值。 我找到了发生这种情况的文件，但说实话我完全不知道怎么修改它。 我可以试个小技巧来实现，但我很好奇是否能通过配置之类的东西实现。 ![图片]（https://user-images.githubusercontent.com/73160095/110297054-b8dde200-7ffb-11eb-8fc5-4b2aba9d1f7b.png） ![图片]（https://user-images.githubusercontent.com/73160095/110298403-3ce49980-7ffd-11eb-8449-5b9ad9c866a5.png）
artf
没有@RaresVlaiduc你自己也看到目前无法配置，但我很乐意接受这种情况的PR（例如一个新函数选项[这里]（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js），它将电平作为参数并返回填充的数字）
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
GJSBlock
谢谢你举报，@RaresVlaiduc。 感谢你分享关于增加层级填充物的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grapes...
NVM 你必须在插件里加组件覆盖。
GJSBlock
谢谢你举报，@Andrew陈旺。 关于如何更新内置组件特性？的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周...
在德语locale文件中，第75行“layer”一词有个拼写错误。 应该是“layer： 'Evene''，而是'layer： 'Ebene''，有人翻译键盘时不小心按了'v'而不是'b'。 我现在正在为它创建一个拉取请求。
GJSBlock
谢谢你举报，@alumpe。 感谢你分享关于德语支持中“layer”一词错字的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gra...
版本： 现在？ 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ x] 没有 // 公平地说，演示版里从未尝试过 预期的行为是什么？ 在编辑图层文本并添加新行并回距时，我本应期望编辑后的文本被重新输入 详细描述那个漏洞 文本不会重新置中，而是被凸起（见附图） 目前的行为是什么？ 按回车键开始新行后，文字会升高到中心以上，然后往外退行。不过完全清除所有文本和重新输入时，文字确实会重新置中。 你能附上截图、截屏或实时演示吗？** [ x] 是的（附上） [ ] 不 ![截图（32）]（https://user-images.githubusercontent.com/7502...
artf
好的，我会推送图层名称编辑的修复，可能启用新行不太合理（我会在Enter/Esc键上停止编辑）。 第二个问题，如果你用自己的工具来调整画布大小，可能应该调用“editor.refresh（）”来调整工具栏
anatoli-dp
是的，我后来才意识到editor.refresh（）这个功能。否则谢谢。太棒的项目了
GJSBlock
谢谢你举报，@anatoli-DP。 关于图层生成新行后文本不会居中，这个问题问得很好。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something c...
你想给GrapesJS添加什么？ 支持基于承诺的 API 的富文本编辑器。 详细描述你的功能需求详细 CKEditor5 的“Editor.create”和“Editor.destroy”方法返回一个“承诺”，当编辑器完全创建或销毁时才会解决。这会导致销毁编辑器（完成组件编辑）时出现问题，因为 GrapesJS 在 'Editor.destroy' 承诺尚未解决之前就同步了修改到模型，导致 CKEditor HTML 写入模型。 作为一个变通方法，你可以在承诺解决后再次同步内容，但如果API支持承诺会更干净。 我们可以以向后兼容的方式添加这一点，比如检查RTE的“使能”和“禁用”方法的返回值是否可，如果是，则等待承诺解析后再继续。...
artf
是的，说得通，我建议你先试着让ComponentTextView中的启用/禁用方法默认异步而不破坏系统，但确认是否可行总是个选项。
artf
这本应已经是可行的。
GJSBlock
谢谢你举报，@martijnc。 关于FEAT：支持自定义RTE API的承诺，真是太棒了！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*...
版本： 0.16.34 你能重现演示中的bug吗？ [ ] 是的 [x ] 不 据我了解，导入代码对话框跳过了所有HTML脚本，所以我无法在演示中重现这个问题 预期的行为是什么？ 编辑者必须先移除失效脚本块，才能在生成的HTML末尾添加新的脚本块 详细描述那个漏洞* 我在项目中用脚本（https://grapesjs.com/docs/modules/Components-js.html）定义了一个组件。当我将这个组件添加到编辑器并保存模板时，编辑器生成 HTML，并在正文末尾附加一个脚本块以启动相关组件。 输出的HTML大致是这样的： '''html <head> <!-- 生成的 HTML --> <script>/ 附加的脚...
Ju99ernaut
我无法复现这个，也许你能提供更多关于自定义组件的信息，无论如何我怀疑这是存储相关的问题。你是先存储然后加载生成的HTML页面吗？
Andrew-Chen-Wang
通常内联脚本会放在正文底部。试着把它放那里？
am1rb
我自己不添加任何内容。编辑器会在生成的HTML末尾添加与组件相关的脚本，并添加一个新的脚本标签。 请查看这个文件： https://github.com/artf/grapesjs/blob/dev/src/editor/model/Editor.js#L513 我觉得这里可能有问题。编辑器会添加新的脚本块，但不会移除旧的。
我意识到毫米或厘米单位是可以转换成像素的。我该如何解决这个问题？ 谢谢你 ![图片]（https://user-images.githubusercontent.com/22073497/110118707-0ddee580-7dbb-11eb-8749-69e918b9ce91.png）
Ju99ernaut
你有没有在样式管理器输入中添加毫米、厘米等单位，这些不是内置的
Ju99ernaut
如上所述，这是浏览器引擎的功能，通常这是解决办法，但我从没用过它来处理非内置的设备： “''js window.editor = grapesjs.init（{ // ... styleManager： { // ... avoidComputed： ['宽度'， '高度'， '填充'， 'margin']， // ... } // ... }); ```
Andrew-Chen-Wang
我觉得这就是浏览器引擎的本质性。我不是专家，但我认为输出只是发动机最终解读的信息。