GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#27082020年4月10日作者 Gamesnic2 个回答

1 个反应

GrapesJS 是浏览器编辑器还是桌面编辑器？

[问题] 你好，我有一个关于GrapesJS安装的问题。我托管了一个带有完全root权限的vServer，但它没有图形输出/Teamviewer自从我尝试后就无法使用。 GrapesJS 是一个基于浏览器的编辑器/沙盒，还是运行在机器的桌面上？这意味着，你能用 GrapesJS 在浏览器里编辑你的网站，连接到比如服务器的 IP 吗？还是在服务器的桌面上编辑？任何回复都很有帮助，谢谢。此致，祝大家注意安全。

jorisros

浏览器。如你所见 https://grapesjs.com/demo.html 它是一个可以在内容管理系统（CMS）内实现的前端库。具体实现请参见第#1798期。

Gamesnic

谢谢。我会去了解一下。

查看详情

#27072020年4月8日作者 h3llomoto3 个回答

0 个反应

RTE内置RTE重置风格：禁用

你好，@artf，我在内置RTE系统上遇到了一个bug：添加了带有红色样式标签A的标准邮件文本元素：通过双击跨度元素启用 RTE通过取消选取元素来禁用 RTE链接现在是蓝色的每次取消选制后，它都会在链接的ID上加上“-2”。我觉得问题从dom_components/view/ComponentView.js：318开始，updateContent 函数。 GrapesJS 0.16.4

h3llomoto

嘿，有人吗？

artf

@h3llomoto PR们欢迎，兄弟

artf

修复完毕，准备下次发布 #3069

查看详情

#27062020年4月7日作者 adamwpe3 个回答

5 个反应

块内容唯一ID，无需内联样式

大家好，我做了一个自定义的块管理器元素，但当元素被编辑时，它会把样式应用到类上，这意味着所有相同的元素也会受到影响。如果我给元素设置了内联样式，它就会把样式应用到自定义类/ID。无直线式： ![图片]（https://user-images.githubusercontent.com/49768920/78699945-98de0400-78fc-11ea-90ca-791b3eca2f70.png）代码：采用轮排版： ![图片]（https://user-images.githubusercontent.com/49768920/78700237-0db13e00-78fd-11ea-82cd-18c0b9157e23....

adamwpe

@pouyamiralayi 是我搞错了——后来解决了，我还有个旧的“CssComposer.setRule”在用!!!!!（因为我在开发电脑上开启了调试功能）那是附加 .row 类。（真尴尬）感谢你关于选择器“private： false”的正确建议——它运行得非常好:)——继续发掘这个精彩项目的更多内容。案子结了！:)

pouyamiralayi

你好@adamwpe这里有几个方法可以阻止不需要的选择器：[#1979 comment]（https://github.com/artf/grapesjs/issues/1979#issuecomment-488133174）和 [#404 comment]（https://github.com/artf/grapesjs/issues/404#issuecomment-346467958）干杯！

pouyamiralayi

@adamwpe你能确认在“add：selector”事件中停用“行”选择器：“active：false”后，你仍然能收到选择器吗？

查看详情

#27052020年4月7日作者 andy-aware3 个回答

2 个反应

为图像添加图像尺寸

当我给页面添加图片属性时，我注意到在组件内部，图片本身有属性。当我把图片调入资产管理器时，我的操作如下：然而，图像添加到画布时，高度和宽度数据是无法显示的。我尝试通过以下方法来获取尺寸： 'component.views[0].el.height' 而且我尝试添加它到对象上，但每次尝试都显示0，因为图片还没在DOM中显示，所以它不知道它的大小。有没有办法把这些高度和宽度传递给图片？我需要这个来做一些懒加载函数。我现在正在做一个更新我应该更早添加属性吗？谢谢。

artf

@awaredigital最好的解决方案可能是按照建议去听“src”的更改，然后找到合适的资源并相应更新属性 “''js 型号：{ init（） { this.on（'change：src'， this.onSrcUpdate）; }, onSrcUpdate（） { const src = this.get（'src'）; const assets = 编辑器。AssetManager.getAll（）; const asset = assets.filter（asset...

pouyamiralayi

你好@awaredigital查看[#2696评论]（https://github.com/artf/grapesjs/issues/2696#issuecomment-610823851），它会在“src”变化时更新样式。干杯！

andy-aware

你好，@pouyamiralayi，谢谢你的回答，但这不是我想做的。我想给图像元素本身添加高度和宽度。举个例子，现在图像是这样插入的： '<img src=“http://placehold.it/350x250/459ba8/fff/image2.jpg” id=“123” />' 我想做的是插入相应的高度和宽度图像。 '<img src=“http://placehold.it/350x250/459ba8/fff/image2.jpg” id=“123” height...

查看详情

#27042020年4月6日作者 sdrebel3 个回答

2 个反应

Compoentn getScript

你好@artf，我们获取component.getStyle（）的方式，有没有办法让脚本或事件附加到组件上？

pouyamiralayi

你好@sdrebel你可以通过调用“get”函数来[检索任意模型属性]（https://backbonejs.org/#Model-get）：干杯！

sdrebel

如果脚本是在Jquery里，这会带来@pouyamiralayi效果？我试过了，结果是无效。

pouyamiralayi

@sdrebel如果你指定了任何脚本，它应该返回包含脚本代码的字符串。干杯！

查看详情

#27032020年4月5日作者 adamwpe2 个回答

3 个反应

让整个画布都做成Vue / React元素

大家好，更一般的问题是，有没有人成功把整个画布（或者实际上是包装器）做成Vue元素，也就是说你可以拖动一些自定义div，比如<timer></timer>“'，它就能正确渲染？我尝试过，我把包装器设为 vue 元素（el），它在“导入”HTML代码时确实有效，但它阻止了拖放系统，我猜是因为现在它变成了虚拟 DOM。我确实看到了这篇帖子： https://github.com/artf/grapesjs/issues/275 但它选择了组件路线，即向 DomComponents 添加脚本。有人做到过吗？或者甚至用React或类似软件？还是我们最好还是坚持用自定义组件和自定义脚本？

adamwpe

感谢@noogen详细的回复。是的，我觉得你说得对，还是坚持用组件吧——我不太确定 ToHtml 是否适合我，因为我不想用标签管理两种系统，一种是在编辑器里正确 rending，另一种是在生产环境中。所以，我现在加载了一个新脚本“widgets.js”，然后运行一个包含“vueloadcontact_form（）”的函数，并设置了必需参数——这似乎运行得相当不错:) 现在我需要想办法在“加载”页面事件中完成所有脚本，这样页面渲染速度不会太慢。再次感谢你的解决方案。

noogen

我的答案是最好坚持使用自定义脚本。我用这里的lodash模板做过自定义组件：https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2。 “toHtml”方法需要字符串——https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/traits.js#L126——所以你无法使用虚拟主导。 '...

查看详情

#27022020年4月5日作者 lewishealey2 个回答

4 个反应

你能通过资产管理定义srcSet或图片吗

通过资产管理器替换图片时，我有个要求需要输入多种尺寸的图片以实现响应式优化。有什么关于定义srcSet属性或图像的指导吗？

abozhinov

你好，覆盖IMAGE组件。在SRC上添加listen，改动后生成srcset属性。在此之前，上传图片时应该生成1倍和2倍版本。

pouyamiralayi

@lewishealey你也可以选择更改资产管理人的行为;请查看 [#2516 评论]（https://github.com/artf/grapesjs/issues/2516#issuecomment-576398168）干杯！

查看详情

#27012020年4月5日作者 lewishealey暂无回答

0 个反应

定义 srcSet 或带有多张图片的资产管理器图片

警告请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...

查看详情

#27002020年4月3日作者 noogen3 个回答

0 个反应

需要更多信息

在TypeError中，悬停编辑器的结果：this[0].getAttribute 不是函数

你用的是最新版本吗（旧版本不支持）？是的，使用最新的v0.16.3版本。发生了什么？已从WORKING v0.15.3升级到v0.16.3。另外，我回去确认了v0.15.10中是否能正常工作演示，在最新的Firefox和Chrome中重现 https://niiknow.github.io/grapesjs-components-farmer/ 问题。错误输出到Chrome控制台：调试显示，在悬停在“body”dom时，它尝试获取body.parent的“model”数据，即“文档”对象。

artf

@noogen你能不能用类似jsfiddle做一个可复现的演示？（没有你的预设/插件，所以我知道问题出在核心）

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

HassanElZarkawy

我也遇到了这个问题。我自己每次尝试在init里做画布选项时都会出现。 “JavaScript” const editor = Grapesjs.init（{ 请指示编辑器的初始化位置。你也可以通过HTMLElement 容器：“#gjs”，直接从元素获取画布内容作为替代方案，我们可以使用：“components：”<h1>Hello World Component！”</h1>, fromElement： true，宽度：“自动” 暂时禁用存储管理器 storageM...

查看详情

#26992020年4月3日作者 dilancastillo3 个回答

4 个反应