GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#23652019年11月1日作者 dukie662 个回答

2 个反应

无法加载预定义模板。

我想在用户打开 grapesJs 时显示一个预定义的模板，类似这样的：[Storage manager]（https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates）。 ![图片]（https://user-images.githubusercontent.com/52957816/68020631-11dd8d80-fcc5-11e9-9bc6-f4bd3484ab42.png） HTML： '<div id=“gjs” style=“height：0px; overflow：hidden”></div> <script src=“app.js”...

pouyamiralayi

[模板]（https://github.com/artf/grapesjs/issues/2195#issuecomment-522504337）

artf

@dukie66 '<div>style=“background-color=”red“; height=”100px“; width=”100px“</div>' 这不是你应该写HTML的方式

查看详情

#23642019年10月31日作者 mario-digital3 个回答

9 个反应

增强需要帮助

如何在图层面板中添加工具栏功能。

我正在尝试将工具栏添加到图层面板中，但我不确定该如何操作。有没有什么办法可以实现这一点？工具栏 ![Toolbaricons]（https://user-images.githubusercontent.com/31751146/67986516-724acd00-fbe8-11e9-8967-21d301b1fb42.png）我想把它们放在哪里： ![层叠PannelGrapesJS]（https://user-images.githubusercontent.com/31751146/67986313-f0f33a80-fbe7-11e9-9c89-1484f4b7c300.png）谢谢大家的回复！

artf

目前，没有简单的方法可以更改或自定义导航道具的内容。接下来我们可以添加一个新的回调选项，在 [configs]（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js）中执行，该选项会在 [ItemView 模板]（https://github.com/artf/grapesjs/blob/7a23e20fe5138c37088ef05382f7c759cb6fa951/src/n...

mario-digital

@pouyamiralayi 这就是我的意思 ![更新TBimg]（https://user-images.githubusercontent.com/31751146/68037607-5b0ded00-fc85-11e9-917c-d873a915c005.jpeg）

artf

实际上，现在应该可以使用 ['layerManager.onRender']（https://github.com/artf/grapesjs/blob/a2450ff4585a06f5ace0242c6ea56fe6d56ba81c/src/navigator/config/config.js#L50-L61）回调选项

查看详情

#23632019年10月31日作者 CatalinCernea3 个回答

2 个反应

有没有快速的方法可以在导出时重命名 CSS 类？

你好，因为我们想导出生成的HTML和CSS并集成到另一个网站，很可能会有同名的CSS类，这可能会导致界面问题。我们考虑在导出后重新命名它们，并在每个职业上加一个前缀，但不知道该怎么实现，或者这是否是好事。有人遇到过类似情况吗？你们是怎么解决的？

devmohitagarwal

你好@iColdoCatalin，我们也遇到过同样的问题，通过对CSS进行沙箱化解决了这个问题。为此，我使用了sass.js（https://github.com/medialize/sass.js/）步骤：将css字符串与你的自定义类一起包裹。比如说MyCustomClass。运行上述库中的 sass.compile，将 scss 转换为 css，后者现在与 give 类沙箱化，这样你就不会遇到冲突的问题。请随时告诉我进展，因为我们做的远不止这些（我们还用clas...

artf

谢谢你的建议，@devmohitagarwal方法不错。无论如何，我更希望把所有关于CSS命名空间的讨论都转到导出[这里]（https://github.com/artf/grapesjs/issues/391），所以我会关闭这个问题

CatalinCernea

你好@iColdoCatalin，我们也遇到过同样的问题，并通过沙箱化解决了CSS。为此，我使用了sass.js（https://github.com/medialize/sass.js/）步骤：1.用你的自定义类包裹CSS字符串，比如MyCustomClass。2.从上述库运行 sass.compile，将 scss 转换为 css，后者现在用 give 类沙盒，这样你就不会遇到冲突的问题。请随时告诉我进展，因为我们做的远不止这些（我们还用class替换了ID）。谢谢你...

查看详情

#23612019年10月30日作者 timkelly08103 个回答

1 个反应

图片不会通过电子邮件显示

我和我的团队用 grapesjs 创建了邮件模板，并把它们存储在 AWS S3 的桶里。我们已经通过网页应用成功发送了电子邮件，但图片无法显示。点击“查看原始”后，我看到图片src显示正常，但实际图片却无法显示。我们认为这可能与 base64 编码有关。为什么模板中的图片在发送到像Gmail这样的热门邮件服务时不会显示？

artf

https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js#L77

artf

根据你说的情况，这也可能是因为你根本没有在那封邮件里开启图片...... 无论如何，这和GrapesJS本身无关，所以没有理由让这个问题继续开放。

timkelly0810

grapesjs在模板中编码图片成 base64 吗？如果是这样，有没有办法不这么做，或者在发送到 S3 前解码？编辑：我从我们存放图片的亚马逊S3桶下载了一个模板，看起来已经用base64编码了。这让我觉得grapes在它到达亚马逊之前就已经编码了。有没有办法不编码图片？谢谢你。

查看详情

#23602019年10月30日作者 MartinPutz2 个回答

1 个反应

如何在 StyleManager 中添加一个新的属性类型（整数）？

你好，我正在尝试创建一个带有“整数”类型的自定义 StyleManager 属性。我的最终目标是“重新定义”某些单位的显示方式。例如，用户使用单位“X”，实际值会以像素单位出现。（其中一个原因是新的拖拽模式，因为它使用了像素，所以我想保持所有数值以像素为单位，同时允许用户使用其他单位。）我检查了可用的函数，通过扩展“整数”输入，应该能实现这个效果。但当我尝试扩展“整数”类型时，会出现错误。我尝试的代码是：这会触发错误：“无法设置未定义的属性'ppfx'” 如果我不扩展视图属性，它会毫无问题地退回到默认类型。如果我扩展“栈”输入类型，完全没有问题。像这样的自定义整数属性需要什么？（GrapesJs 版本：0.15.8）...

MartinPutz

你说得对，现在能用了。非常感谢。很棒的项目！

artf

实际上，整数属性的“init”实现是错误的（我会在下一个版本修正）。现在，先用下面的代码更新你的初始化方法，试试是否有效 “''js init（） { propModel.prototype.init.apply（this， arguments）; this.listenTo（this， 'change'， this.valueChanged）; }, ```

查看详情

#23592019年10月30日作者 sheldon5forever3 个回答

1 个反应

缺陷

绝对模式，拖入画布时组件的样式缺失

大家好，我正在用 grapesjs 工作，哪个版本是 '0.15.8'，在“绝对”模式下，当我把一个块拖到 Canvas 时，发现组件的样式不见了。定义组件如下： “JavaScript domc.addType（lineChartRef， { model： defaultModel.extend（{ 默认值：{ ...defaultModel.prototype.defaults，名称：lineChartRef，可调整大小：正确， Dmode：“绝对”， childrenSelectable： false，高亮显示：错误，可掉落：错误，样式： { “宽度”： “700px”， “高度”： “500px” }，特质：...

pouyamiralayi

@artf是的！如果我移除“脚本”，这种情况就不会发生了。行为没问题。

pouyamiralayi

你好@sheldonwr你提到的这个bug在我这边无法复现，我试了你的类型定义，效果不错，请检查下面的代码，看看你这边缺了什么：我观察到这个组件的问题是，当我移动它时，组件停止渲染子体，并且卡住，对任何交互都没有反应。这可能是因为指定了组件级拖曳模式而非全局模式的漏洞。@artf 干杯！

artf

好吧，实际上当一个组件定义了“脚本”属性时，会发生一件奇怪的事情...... 谢谢大家的反馈，我会去看看。你能确认没有“脚本”时它能正常表现吗？

查看详情

#23582019年10月30日作者 Uysim3 个回答

3 个反应

如何在资源点击时设置回调

我看到那张图片只通过单击图片资源设置。我想在点击时关闭模态。我尝试在资产点击时设置回调 “JavaScript 编辑。AssetManager.onClick（（model）=>{ console.log（“模型”）; }) ``` 但当我点击资产时，控制台从未触发。

artf

@Uysim你可以扩展图像类型 https://grapesjs.com/docs/modules/Assets.html#extend-asset-types 这是原始的[图片类型视图]（https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/AssetImageView.js）

Uysim

@pouyamiralayi 这不正确。我的问题是关于用户在资产管理器中点击图片时的回调问题。你的回答是说在模态被打开后立即关闭

pouyamiralayi

你好！你的答案是[这里]（https://github.com/artf/grapesjs/issues/763#issuecomment-357958101）我希望在点击时关闭模态。尝试在资产点击时设置回调干杯！

查看详情

#23572019年10月30日作者 giorgiosjames1 个回答

0 个反应

缺陷

视频布尔属性在导入时会断裂

解释 Using https://grapesjs.com/demo.html v0.15.8 在 Chrome 77.0.3 ~ Windows 10 专业版 18362 使用导入模态导入带有任何布尔属性（控制、循环、自动播放）的视频组件都会破坏该组件上的所有布尔属性，直到该组件被删除。繁殖步骤导航到 https://grapesjs.com/demo.html清理画布拖拽“视频”块确保“Controls”布尔属性被勾选（应默认）打开导入码模态点击导入布尔属性特征不再作用于组件也无法在移除布尔属性后重新导入视频屏幕剧本屏幕显示视频正常工作，然后出现了bug。 ![grapesVideoBug]（https://user-i...

artf

乍一看，问题可能出在这里： https://github.com/artf/grapesjs/blob/a850a305b80b8f86c0e7e4fb92b6492c2e5a1957/src/dom_components/model/ComponentVideo.js#L115-L117 确实，在导出/导入时我本以为只是“...控制>“而不是”......controls=“controls”>'。HTML代码生成器在遇到布尔“真”值时应使用单一属性，所以第一次尝试可能是...

查看详情

#23562019年10月29日作者 luvcharan3 个回答

6 个反应

在 grapsjs 编辑器中添加图片链接

你好，在 grapesjs 中添加链接（href）到图片中。首先我们在 grapesjs 添加图片，然后添加该图片的链接，图片旁边显示“链接”文字，但我无法添加该图片的链接。我在这里附上截图，请您帮我，如何添加图片中的链接 ![grapesjsLinkIssue]（https://user-images.githubusercontent.com/17022456/67752850-c07d9600-fa59-11e9-9515-503f62645809.png）

pouyamiralayi

演示中的@luvcharan参考： ![图片]（https://user-images.githubusercontent.com/53266765/67787128-46630680-fa85-11e9-9c7e-c24eed0031f8.png）

pouyamiralayi

你好@luvcharan你必须使用“Link Block”而不是“Link”。 1）首先添加链接块。 2）然后把你的图片放进链接块内。 3）为链路块指定href。干杯！

ck1ldn

你好，演示版、未发布模板里链接不管用吗？我一直在尝试，但预览版里不行 ![图片]（https://user-images.githubusercontent.com/13010623/126843974-9c022944-06d3-42b6-ba9a-4ce01f41109a.png）

查看详情

#23552019年10月25日作者 ned-kelly3 个回答

2 个反应

增强需要帮助

设计师模式中支持统治者？

我知道有一个较早的帖子，关于《统治者》的支持作为推荐路线图项目（但已经关闭了）——只是想知道未来在GJS里有没有可能看到这个功能？- 那会是个很棒的补充——我目前正在编写裁剪/出血标记插件，也适用于响应式印刷设计（也就是说，一个设计可以导出不同尺寸的多种印刷媒介）。

ronaldohoch

你好，希望能帮到你： https://github.com/Ju99ernaut/grapesjs-rulers

artf

只是想知道未来在GJS中还有机会看到这个功能吗？当然，也许有一天我们会看到，但目前这不是我的优先事项，如果有人愿意以个人身份开始，那就太好了

artf

谢谢@ronaldohoch，我就结束了，支持插件

查看详情

GrapesJS 问题

浏览所有主题