GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#9332018年3月8日作者 TheMysticMan2 个回答

0 个反应

已过时

设置 backgroud 图像会导致重复样式规则

你好，@artf，我有一个奇怪的小问题。我有一个自定义特质，里面有设置图片和背景图片的实现。当我用下面的代码第二次设置背景图像时，元素ID上出现了重复的样式规则。 “''js var style = self.target.getStyle（）; 样式是空的，尽管样式管理器显示的是类样式规则中的默认背景图像 style['background-image'] ='url（“' + newUrl + '”）'; self.target.setStyle（style）; ``` 我已经稍微尝试过 forceClass 和 avoidInlineStyle，但对这个问题帮助不大。可能和这个问题有关：这个元素也有一个带有默认背景图...

artf

#932的复制品

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9322018年3月8日作者 TheMysticMan3 个回答

3 个反应

已过时

设置背景图像会导致重复样式规则

samuelmattos

你好，我也有同样的问题。预览 https://jsfiddle.net/szLp8h4n/77/ 当我在预览中更改盒子的背景时，它会变，但在代码里会生成另一个ID。如果你以这种方式保存模板并尝试在页面上显示，背景不会改变。

artf

谢谢你的例子@samuelmattos目前我唯一能给你的解决办法就是开始用这个选项： “''js Grapesjs.init（{ 通常当你更新组件的“样式”时，这会改变元素的“样式”属性。遗憾的是，内联造型不允许使用媒体查询（@media）甚至伪选择器（例如：hover）。当“avoidInlineStyle”为真时，所有样式都插入在CSS规则中 avoidInlineStyle： true， }) ``` 可能下次某个版本我会默认设为“true”。遗憾的是，这并不...

artf

首先，我建议使用 'self.target.addStyle（{'background-image'： 'url（...）'}）“针对你的情况，内容不那么冗长。可能和这个问题有关：这个元素也有一个带有默认背景图像的类。打开StyleManager时，我只看到那个背景图片。不是ID风格规则里的图片。看起来它根本没怎么用到它们？如果样式管理器在所选组件上识别了该类，你就能获得它的样式，试着通过复选框取消选中该类。

查看详情

#9312018年3月7日作者 altemberg2 个回答

0 个反应

已过时

存档到数据库的问题

你好，我在数据库中保存模板时遇到了一些问题，不太清楚为什么会这样。我看过这里所有的问题，但仍然无法保存，总是有三种方法：保存空白、保存数组值，或者保存一个值之间有几十格的 JSON。我的代码长这样：当它以这种方式保存时，它会返回到控制台，我相信一切都是正确的，只是保存代码时遇到了一些问题，因为我插入了一些参数，可以毫无问题地保存到数据库里。 ![console.log存储：存储打印屏]（https://prnt.sc/io8b2y）

artf

看起来你发布的图片已经损坏了。顺便说一句，看看网络层面（通过检查器）会发生什么，我相信你会发现错误还有一点，我知道你是从其他问题复制的，但你在每次新执行命令时都添加监听器 “''js 编辑。Commands.add（'save-db'， { run： function（editor， sender）{ 发送者 & & sender.set（'active'，0）; editor.store（）; 把它们放到外面去 editor.on（'storage：load'， fun...

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9302018年3月7日作者 alfaalex813 个回答

1 个反应

已过时

资产更改后更新调整尺寸

嗨！我尝试用我们的自定义管理器更改默认资产管理器。双击后，所选图片会被替换成一个不同大小的新图片。它能用，但调整尺寸的元素没有更新它们的位置。有可能重新初始化它吗？ ![图片]（https://user-images.githubusercontent.com/37154625/37108936-e7699110-2238-11e8-8b3c-ebddd8dff780.png）谢谢！

alfaalex81

我在Canvas上有一张图片，比如300x200，双击它后我从资产管理器中选择新图片，现在是600x400。当我启动你建议的代码时，新镜像还没准备好。我用预装器解决了这个问题，在意大利，我们说：“我迷失在一杯水里”:) 感谢大家的支持。

artf

尝试重新选择组件 “''js var selected = editor.getSelected（）; editor.select（）.select（selected）; ```

alfaalex81

谢谢你的回复，我试过你的建议，但当我启动选择更新时，镜像还没准备好。加载图像上有回应或监听器吗？

查看详情

#9272018年3月5日作者 JulyanoF2 个回答

0 个反应

已过时

如何禁用图片调整大小？

我在维基上找过，但没找到相关信息。我想默认关闭所有当前和未来图片的缩放。可能吗？

artf

扩展“image”[Component]（https://github.com/artf/grapesjs/wiki/Components），并将模型属性设置为“resizable： false”

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9262018年3月5日作者 NealWalters3 个回答

0 个反应

已过时

漏洞：文档/清晰度

如果Grapejs需要NodeJS，文档或维基应该在某处明确说明（比如列出主要依赖以及运行需要什么类型的服务器）。你提到它运行在 CMS 中，但没有说明它会创建完整页面，或者能不能在 CMS 之外运行。问题：如果它能用NodeJS运行——能在AWS Lambda（无服务器）上运行吗？谢谢尼尔

artf

如果 Grapejs 需要 NodeJS，文档或维基应该在前面明确说明确实......你需要NodeJS来满足[开发目的]（https://github.com/artf/grapesjs#development）你提到它运行在 CMS 中，但没有说明它会创建完整页面，或者能或不能在 CMS 之外运行我觉得你应该仔细读读这句话......问题：如果它能和NodeJS一起运行——它会在AWS Lambda（无服务器）上运行吗？当然

NealWalters

谢谢你，Art。好了——我们再读一遍： “GrapesJS 设计用于 CMS 内部，以加快动态模板的创建。” 这可能意味着我需要一个CMS，然后粘贴GrapeJS;或者它本意是让个人创建自己的CMS。也许你可以直接加一句“;而且它总是能很好地构建独立的HTML页面。回到NodeJS——有些Node-JS库是设计和开发页面所必需的;但当我部署到服务器时，它们就不需要了？只有“入门”页面上的两行： <link rel=“stylesheet” href=“path/to...

artf

是的，这不仅仅是关于CMS，也是通用用途。 grapes.min.js里面你会得到所有需要的，NodeJS只是为了正确的开发服务器（测试、依赖合并等）。

查看详情

#9252018年3月4日作者 hadifarnoud2 个回答

1 个反应

已过时

如何添加H1标签？

我一直搞不明白怎么添加 H1 或其他任何头文字标签。这很重要，因为SEO很重要

artf

你应该多了解一下[方块]（https://github.com/artf/grapesjs/wiki/Blocks）看起来有人做了一个标题插件，标题:)https://github.com/olivmonnier/grapesjs-plugin-header

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9242018年3月4日作者 jadebayo2 个回答

0 个反应

已过时

：调用“preview”命令无法正常工作

这是我正在使用的一段代码： ' this.editor = grapesjs.init（this.config）' 'const commandManager = this.editor.Commands' ' commandManager.get（'preview'）.run（this.editor）' 我希望编辑器在加载后立即进入预览模式。它确实进入了预览模式，但偏移量依然显示。鼠标悬停在组件上仍然会高亮。是不是需要加载某个部分才能让命令正常工作？手动点击预览按钮时正常，但调用代码命令时就不行。有没有什么事件可以附加到，确保编辑器在调用命令前已经完全加载完毕？

artf

是的，你应该利用这个 “''js editor.on（'load'，（） => editor.runCommand（'preview'）） ```

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9232018年3月3日作者 sura2k3 个回答

0 个反应

已过时

：在工具栏中添加选择选项

我看过代码，只有我发现工具栏里只有一个“ToolbarButton”的列表。我有一个特别的特性，我想把它放到工具栏里，因为看到用户知道哪个组件有这个特性非常重要，同时也能在设计师/画布上更改它，而不使用太多点击。而且这个选择选项应该只对某些类型的方块开放。我想我可以通过事件更新特质值，如果能在工具栏里添加选择选项的话。感谢任何帮助。

sura2k

我通过修改“工具栏按钮”及其视图来管理。但后来我决定通过单独属性添加到“DomComponents”中，而不是修改“工具栏”来暴露它们，这样我可以扩展它们，而且由于修改只有几行，我可以轻松地将其与核心的新版本合并。我不是JavaScript专家，但你们团队的设计方式非常可扩展。谢谢。

vtsoft

你好@sura2k，我还想在工具栏中添加一个选择选项。你能分享一下你的想法/代码/脚本，说明你是怎么实现的吗？提前感谢大家。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#9222018年3月2日作者 mbleverage3 个回答

0 个反应

已过时

问题：为组件添加默认样式

我一直在努力将 grapesjs 集成到我正在开发的一个新开发中。我在文档和维基论坛上取得了很大成功，但遇到了一些问题，希望有人能帮我解决。我只用移动端视图，默认设备设置为移动端，并隐藏了更改选项。当我插入图片时，我希望默认的CSS能包含最大宽度：100%，因为如果我在移动视图加载一张大图片，会得到比我看的屏幕大得多的图片。我尝试过：但我意识到这可能是错误的用法，可能只有宽度（不是最大宽度）才有效。我也尝试过用cssComposer，但没有成功。任何帮助我都会非常感激。谢谢。

artf

你对方块的更改不起作用，因为你并没有改变实际的组件（只改变了方块的属性） “''js 编辑。BlockManager.get（'image'）.get（'content'）.style = { 'max-width'：'100%' } 添加自定义CSS的一种更简单的方法可能是这个 “''js editor.addComponents（'<style> ... </style>'）;

mbleverage

谢谢！我用以下方法让它正常工作： 'protectedCss： 'img {最大宽度：100%;}'，' 我也有同样的问题，视频和iframe（YouTube用）被丢到比屏幕尺寸更大的模板上，而保护CSS方案对这些问题没用。有什么建议吗？

artf

'protectedCss' 已经加载了，所以 CSS 就在这里，如果它不起作用，可能是你的 CSS 方法不对

查看详情

GrapesJS 问题

浏览所有主题