已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
繁殖步骤https://jsfiddle.net/1cjjr02p/在编辑器中点击文本，更改背景颜色。导出CSS。你会看到新颜色和原色的存在顺序，阻止了新颜色的使用。 ` 3.. 使用相同的 jsfilddle，无法移除 CSS 属性。 这与#552 #986类似，但问题仅在使用ID时出现。课程很酷。
nojacko
详细说一下，好像当你给一个盒子应用样式时，它会添加ID。当你导出这些文件并重新加载到Grapes时，问题就会出现。
artf
与#932相关 使用 'avoidInlineStyle： true'
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
葡萄 #cfde1c1 最新版本 如果你提供一个单一的“@font面”，解析就很正常： JSFiddle 示例：https://jsfiddle.net/szLp8h4n/140/ 截图： <img width=“1395” alt=“截图 2018-04-11 下午3：19：56” src=“https://user-images.githubusercontent.com/331833/38646200-d5c4260e-3d9b-11e8-8c41-7c3c6b1f67dd.png”> 然而，如果你提供第二个“@font面”，只有第二个被解析，第一个则丢失： JSFiddle 示例：https://jsfiddle.net/...
tommedema
@cjpollard谢谢，但看起来你拆解的东西是因为错误的缝合原因。 我认为更好的做法是一开始就不要把这些规则拼凑在一起。@artf我已经提交了永久居民申请： https://github.com/artf/grapesjs/pull/1036 说实话，我认为解析器不应该试图聪明地优化代码。浏览器本身就是一个解析器，如果浏览器里有规则，葡萄应该会遵守。通过让解析器变得复杂，我们引入了几个bug（我自己已经列出了一份清单）。事实上，我建议完全不用解析器，直接实时从 DOM /...
artf
完全同意你，Tom，'cssComposer'的主要目标就是提供一个精简的样式定义界面。我们现在在 CssParser 里其实是一个[浏览器解析器]（https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L192-L199），其余代码只是遍历器。实际上，我们遇到了像#307这样的问题，显示了浏览器解析器产生的不一致性（确实每个浏览器都会得到不同的输出）。 我的想法（已经添加到路线图 #...
tommedema
@artf，顺便说一句，我现在可以在一个失败的测试案例中复现这个： 经过进一步调试，这似乎是因为“cssComposer”误以为第二条规则和前一条规则相同，然后返回了第一条规则： https://github.com/artf/grapesjs/blob/dev/src/css_composer/index.js#L185
我想在编辑器页面顶部的 grapesjs 面板上添加一个自定义图标。任何SVG或文本都能做到这一点吗？如果有，能解释一下具体情况吗？我尝试了以下方法，但无法显示图标： 我也试过用文字作为图标，但也没成功： （我也在用新闻通讯插件）。
artf
目前，按钮没有“标签”属性，所以你只能通过“className”来编辑它们。顺便说一句，我喜欢这个想法，我会在下一个版本中发布
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试用一些自定义组件为 Grapesjs 构建一个插件，但在触发事件和与代码中的组件交互时遇到了困难。我遇到的一个问题是，我在模型中添加了一个自定义文本组件的属性。在该文本组件的脚本中，如果用户在组件中输入了某个字符，我会更改属性。在组件视图中，我有一个监听器用于属性：“this.listenTo（model， 'change：customAttribute'， this.doSomething）;'。我的问题是“doSomething”从未被调用，尽管我能通过控制台中的打印语句看到属性在变化。有什么建议吗？我也很想知道，有没有办法在初始化编辑器后（类似Grapesjs通讯和网页插件的设置）检测到index.html文件脚本...
arthuralmeidap
为了测试，试着听模型上的所有变化。 试试用'this.listenTo（model， 'change'）'，看看效果如何。
artf
@francesca-cicileo 'change：*' 用于模型属性（例如 'tagName'， 'removable' 等），你可能在找 'change：attributes：ATTR-NAME'。一定要正确更新模型属性（例如 'model.addAttributes（{ attrName： 'value' }）'）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
加装抓握装置，利用jquery_ui或类似机制调整元素大小。
artf
我们已经有一个[Resizer]（https://github.com/artf/grapesjs/blob/dev/src/utils/Resizer.js）工具，完全符合我们的需求
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
首先抱歉，我把Issues当作求助论坛。 我真的需要一些教程、示例等等。如果你需要帮助，我愿意花时间帮忙。比如GitBook或类似的东西。维基百科很棒，但不是我想要的。我相信GitHub上已经有很多例子，但分散在问题等方面。 这是我感兴趣的几个例子/问题的简短列表：如何保存分段/块/组件（例如保存到GitHub）？如何加载远程部分/区块（例如来自 GitHub）？组件、区块和截面之间的确切关系是什么？新手学习资源。我应该学习哪些框架来理解和扩展葡萄？解释项目目录结构？什么地方？如何在运行时加载自定义CSS？是从GitHub上吗？如何单独保存 HTML/CSS？ 我的建议是列出一个公开的例子清单，这些都是社区发展所需的。我觉得这并不...
chapterjason
如何保存分区/块/组件（例如保存到GitHub）？ https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-Manager如何加载远程部分/区块（例如来自 GitHub）？ https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/...
kosirm
@chapterjason非常感谢你的时间！ 所以答案详尽，我真的没预料到 😃 再次感谢！🥇
adelliinaa
有没有关于如何将自定义组件集成到 GrapeJS 框架的教程？
你好， 我把 GrapesJS 集成到我的应用程序（asp.net MVC）中，它能用，但有时 GrapesJS 无法渲染 HTML。 首先，我从另一个URL克隆html，并将这个html添加到GrapesJS。这个方法工作得很正常。 其次，我从 GrapesJS 编辑器获取 html，并保存到文件中。 最后，我刷新页面，加载该文件内容，并将这个 HTML 字符串添加到 GrapesJS。有时我会收到错误提示，GrapesJS编辑器是空的 ![图片]（https://user-images.githubusercontent.com/37202364/38545207-bb393c5c-3cd3-11e8-9289-47fb8e7...
artf
看起来你保存/加载模板时做错了，看看错误，它试图用 '“：{”s' 作为属性
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
grapesjs.plugins.add（'CustomBlocks'， function（editor， options） { 选项 = 选项 ||{}; 特质到组件（）; addHTMLCodeComponent（）; addHTMLCodeBlock（）; function TraitsToComponent（）{ 编辑。TraitManager.addType（'content'， { 事件：{ 'keyup'： 'onChange'， // triggerparent onChange method on keyup }, /*返回输入元素@return {HTMLElement} / getInputEl： funct...
chapterjason
能否提供更多信息？你能正确缩进你的代码，说明它被github渲染了吗？
vladbpython
请帮帮我
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你可能会认为将iframe的宽度改成设备宽度和设备模拟器的作用是一样的，但实际上并非如此（https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports）。 举个例子：如果你在宽度为320px的iframe中加载[pages.github.io]（pages.github.io），你会得到： <img width=“359” alt=“截图 2018-04-09 4点44分 24分” src=“https://user-images.githubusercontent.com/331833/38528599-4...
nojacko
把你的CSS构建成“最小宽度”而不是“最小设备宽度”等等......一切都很好。
tommedema
@nojacko这假设我能控制CSS。事实并非如此;) 此外，上述示例未使用“最小设备宽度”。它只是用“宽度：900px”。小型设备足够智能，可以相应地扩展规模。真正的响应式模式也会做到同样的效果。
artf
谢谢你的建议，@tommedema但目前我觉得没必要开始做这种改进，如果你想构建响应式模板，目前的实现是可行的，这才是真正重要的。顺便说一句，如果你真的想改进，欢迎PR们来:)
你好， 这里有一些关于“拖放块在IE浏览器中无法工作”的bug， 我没有得到更好的解决方案。 而且没有方法可以重新初始化葡萄编辑器。 以下是我下面的剧本： Grapesjs.init（{ 容器：“#gjs”， 插件： ['gjs-blocks-basic']， 组件：新闻内容， storageManager： { 自动保存：错误， setStepsBeforeSave： 1， 类型：“远程” }, 资产管理人：{ 资产：assetArr， 上传：1， 投放区：0， 上传文本：“在这里上传图片”， openAssetsOnDrop： 0， 模态标题：“选择图片”， autoAdd： 1， handleAdd： （textFromIn...
artf
此处修正后，#768将在下一个版本中提供
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。