GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#31162020年11月6日作者 aadilmehrajbhat2 个回答

1 个反应

如何加载可以在代码查看器中查看并导出保存的CSS

嗨：wave：我正在尝试在编辑器中加载一些CSS作为主题的一部分，我能够在加载时链接样式表，但我遇到的问题是，当我直接用“<style>''标签加载样式时，我可以通过'editor.getStyle（）'查看序列化版本，但'editor.getCss（）'只包含'protectedCss'。我对导出或在代码查看器中查看时，如何将CSS样式添加到模板样式“css”属性中感到困惑，也不太清楚如何操作那些非组件特定但通用的CSS规则。我试着在文档里深入挖掘，特别是在“CssComposer”和“CssRule”里，但遗憾的是没找到太多线索。我已经添加了一个codepen链接来演示我遇到的问题。 https://codepen....

artf

@AadilMehrajBhat 首先，'display： 'block' 不是该属性的有效 CSS 值（应该是 'display： block'），而且模板里没有用到 '.d-block'，所以结果会自动通过移除未使用的样式来优化

GJSBlock

谢谢你举报，@aadilmehrajbhat。关于[求助] 如何加载既能在代码查看器中查看又能导出保存的CSS的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => c...

查看详情

#31152020年11月6日作者 xinyufyj4 个回答

1 个反应

画布组件提问

在Absolute/Designer模式下更改画布大小时，组件丢失的位置是错误的

警告我改了画布尺寸，然后从块面板中放了一个组件。结果是，补偿职位是错误的。顺便说一下，编辑器现在处于“绝对/设计者”模式。我看了掉落那部分的源代码。我发现compent拖拽起始位置并不是基于'editor'。Canvas.getFrameEl（）'。那么，这样对吗？

xinyufyj

@artf好的，我提供一些截图来解释。抱歉我的英语不好。 ![图片]（https://user-images.githubusercontent.com/7018771/98490960-40922a80-226e-11eb-9c45-998a1fa10916.png） ![图片]（https://user-images.githubusercontent.com/7018771/98490964-4556de80-226e-11eb-9793-7e2819f878a4.p...

artf

你能现场演示这个问题吗？

artf

我关闭这个问题，因为我计划在这里解决所有与绝对位置有关的问题：https://github.com/artf/grapesjs/issues/3770

查看详情

#31142020年11月5日作者 anushabivera1 个回答

0 个反应

如何在 grapesjs-plugin-boilerplate 中自定义“查看代码”功能？

嗨我正在使用 grapesjs-plugin-boilerplate 来开发我的 grapesjs UI 构建器。我的需求是自定义UI构建器中的“查看代码（</>）功能，以显示editor.getHml（）中的内容，并用html标签包围如下： <html> <head> </head> <body> ${editor.getHtml（）} </body> </html> 我按照[#523]（https://github.com/artf/grapesjs/issues/523）和 https://developer.aliyun.com/mirror/npm/package/grapesjs-plugin-export 中提到的...

artf

模板执行错误失败：ReferenceError：编辑器未定义不展示代码错误是没用的......肯定是你忘了什么，试着调试...... 顺便说一句，grapesjs-plugin-boilerplate 已经被弃用了，你必须使用 [grapesjs-cli]（https://github.com/artf/grapesjs-cli）

查看详情

#31132020年11月4日作者 excitedbox1 个回答

0 个反应

FEAT：第三方插件列表

从Grapejs in the wild的帖子来看，很多人已经为Grape发布了额外的插件和功能。如果能把所有第三方内容都置顶起来，不是很不错吗？

artf

你好@excitedbox我打算为 GrapesJS ;) 整理一份第三方插件列表

查看详情

#31112020年11月3日作者 theSC0RP2 个回答

1 个反应

问题：如何在添加资产时触发某个功能？

嗨，@artf。当资源添加到资源中时，正确的触发功能的方法是什么？先提供链接，然后按下“添加图片”按钮？我在自定义面板中按钮的“onclick”事件上运行“open-assets”命令，然后尝试在添加图片到素材时调用函数。我正在使用以下代码来触发添加图片的函数： “// 我的代码”部分会多次运行。（我用之前提到的按钮打开资源对话框的次数一样多）我到底哪里做错了？

theSC0RP

嘿，@artf。我通过修改代码结构来解决了这个问题。作有问题（我猜是多个资产管理器实例都开着，反复运行了“// 我的代码”部分）

artf

抱歉@theSC0RP，但我真的不明白你到底有什么问题。你能举个实时例子并澄清步骤吗？

查看详情

#31102020年11月2日作者 DBain07暂无回答

0 个反应

从样式管理器界面隐藏类别部分

你好，我希望能在样式管理器界面中隐藏类部分。我看过#448，上面说要用.gjs-clm-tags {display： none; }，但我不太确定该怎么用。任何帮助都非常感谢。谢谢

查看详情

#31092020年11月2日作者 kuhelbeher1 个回答

1 个反应

BUG：CKEditor正在崩溃

你好，我遇到了 CKEditor 的问题。当我编辑块太窄时，CKEditor 会崩溃： ![图片]（https://user-images.githubusercontent.com/37115006/97874734-1dbdbe80-1d22-11eb-8159-4d190a1c782f.png）有没有办法防止这种行为？我注意到在Grapedrop中，CKEditor的视角是正常的，尽管元素很窄。 ![图片]（https://user-images.githubusercontent.com/37115006/97875169-ad636d00-1d22-11eb-93bf-142b83f208d7.png）任何帮助我都会...

artf

你好@kuhelbeher我通过CSS为RTE容器定义了一个最小宽度:)

查看详情

#31082020年11月1日作者 vijaycreatise2 个回答

0 个反应