已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好，@artf， 我有一个奇怪的小问题。 我有一个自定义特质，里面有设置图片和背景图片的实现。 当我用下面的代码第二次设置背景图像时，元素ID上出现了重复的样式规则。 “''js var style = self.target.getStyle（）; 样式是空的，尽管样式管理器显示的是类样式规则中的默认背景图像 style['background-image'] ='url（“' + newUrl + '”）'; self.target.setStyle（style）; ``` 我已经稍微尝试过 forceClass 和 avoidInlineStyle，但对这个问题帮助不大。 可能和这个问题有关：这个元素也有一个带有默认背景图...
artf
#932的复制品
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，@artf， 我有一个奇怪的小问题。 我有一个自定义特质，里面有设置图片和背景图片的实现。 当我用下面的代码第二次设置背景图像时，元素ID上出现了重复的样式规则。 “''js var style = self.target.getStyle（）; 样式是空的，尽管样式管理器显示的是类样式规则中的默认背景图像 style['background-image'] ='url（“' + newUrl + '”）'; self.target.setStyle（style）; ``` 我已经稍微尝试过 forceClass 和 avoidInlineStyle，但对这个问题帮助不大。 可能和这个问题有关：这个元素也有一个带有默认背景图...
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风格规则里的图片。看起来它根本没怎么用到它们？ 如果样式管理器在所选组件上识别了该类，你就能获得它的样式，试着通过复选框取消选中该类。
你好， 我在数据库中保存模板时遇到了一些问题，不太清楚为什么会这样。 我看过这里所有的问题，但仍然无法保存，总是有三种方法：保存空白、保存数组值，或者保存一个值之间有几十格的 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
嗨！我尝试用我们的自定义管理器更改默认资产管理器。 双击后，所选图片会被替换成一个不同大小的新图片。它能用，但调整尺寸的元素没有更新它们的位置。有可能重新初始化它吗？ ![图片]（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
谢谢你的回复，我试过你的建议，但当我启动选择更新时，镜像还没准备好。加载图像上有回应或监听器吗？
我在维基上找过，但没找到相关信息。 我想默认关闭所有当前和未来图片的缩放。 可能吗？
artf
扩展“image”[Component]（https://github.com/artf/grapesjs/wiki/Components），并将模型属性设置为“resizable： false”
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
如果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只是为了正确的开发服务器（测试、依赖合并等）。
我一直搞不明白怎么添加 H1 或其他任何头文字标签。这很重要，因为SEO很重要
artf
你应该多了解一下[方块]（https://github.com/artf/grapesjs/wiki/Blocks） 看起来有人做了一个标题插件，标题:)https://github.com/olivmonnier/grapesjs-plugin-header
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
这是我正在使用的一段代码： ' 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我看过代码，只有我发现工具栏里只有一个“ToolbarButton”的列表。我有一个特别的特性，我想把它放到工具栏里，因为看到用户知道哪个组件有这个特性非常重要，同时也能在设计师/画布上更改它，而不使用太多点击。而且这个选择选项应该只对某些类型的方块开放。我想我可以通过事件更新特质值，如果能在工具栏里添加选择选项的话。感谢任何帮助。
sura2k
我通过修改“工具栏按钮”及其视图来管理。但后来我决定通过单独属性添加到“DomComponents”中，而不是修改“工具栏”来暴露它们，这样我可以扩展它们，而且由于修改只有几行，我可以轻松地将其与核心的新版本合并。我不是JavaScript专家，但你们团队的设计方式非常可扩展。谢谢。
vtsoft
你好@sura2k， 我还想在工具栏中添加一个选择选项。你能分享一下你的想法/代码/脚本，说明你是怎么实现的吗？ 提前感谢大家。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我一直在努力将葡萄糖整合进我正在开发的一个新开发项目中。 我在文档和维基论坛上取得了很大成功，但遇到了一些问题，希望有人能帮我解决。 我只用移动端视图，默认设备设置为移动端，并关闭了更改选项。 当我插入图片时，我希望默认的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 方法不对