PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好，我有组件，有块 我在监听上设置了特性更改，如何在那个模块里添加“h1”，“'<div class=”container“ style=”min-height：10px;“></div>'”？ 如何在该模型中添加标签 比如：
artf
根据当前的“模型”，你可以这样添加其他组件，'model.components（'<h1>Hello world</h1>'）'
ionic666
@vladbpython 你好，你解决了这个问题吗？我还想知道如何把一个元素拖到父元素里。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
繁殖步骤https://jsfiddle.net/1cjjr02p/在编辑器中点击文本，更改背景颜色。导出CSS。你会看到新颜色和原色的存在顺序，阻止了新颜色的使用。 ` 3.. 使用相同的 jsfilddle，无法移除 CSS 属性。 这与#552 #986类似，但问题仅在使用ID时出现。课程很酷。
nojacko
详细说一下，好像当你给一个盒子应用样式时，它会添加ID。当你导出这些文件并重新加载到Grapes时，问题就会出现。
artf
与#932相关 使用 'avoidInlineStyle： true'
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
最新版本 grapes #cfde1c1 如果你只提供一个 @font-face，解析就很顺利： 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-face，只有第二个被解析，第一个则丢失： JSFiddle 示例：https://jsfid...
tommedema
@cjpollard谢谢，但看起来你拆解的东西是因为错误的缝合原因。 我认为更好的做法是一开始就不要把这些规则拼凑在一起。@artf我已经提交了永久居民申请： https://github.com/artf/grapesjs/pull/1036 说实话，我认为解析器不应该试图聪明地优化代码。浏览器本身就是解析器，如果规则在浏览器里， grapes 应该尊重这一点。让解析器变得复杂，我们引入了几个漏洞（我自己已经列出了清单）。事实上，我建议干脆不装解析器，直接从DOM / J...
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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 我把 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 这里有一些关于“拖放块在IE浏览器中无法工作”的bug， 我没有得到更好的解决方案。 而且没有方法可以重新初始化 grapes 编辑器。 以下是我下面的剧本： grapesjs.init（{ 容器：“#gjs”， 插件： ['gjs-blocks-basic']， 组件：新闻内容， storageManager： { 自动保存：错误， setStepsBeforeSave： 1， 类型：“远程” }, 资产管理人：{ 资产：assetArr， 上传：1， 投放区：0， 上传文本：“在这里上传图片”， openAssetsOnDrop： 0， 模态标题：“选择图片”， autoAdd： 1， handleAdd： （text...
artf
此处修正后，#768将在下一个版本中提供
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
嘿，@artf， 由于缺乏文档，我很难弄明白如何像你在[演示]（http://grapesjs.com/demo.html）中那样，在样式管理器面板部分添加组件设置（特征）。 你能给我一些实现这个的提示吗？我觉得如果开源演示项目代码，对理解整个 grapesjs 会非常有用。 提前感谢大家。 祝你有美好的一天。:)
artf
我认为如果开源演示项目代码，对理解整个 grapesjs 会非常有用。 确实如此，整个网站都是开源的，你只需要把分支切换到/tree/gh-pages，https://github.com/artf/grapesjs:) 顺便说一句，你要找的那个零件 https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1394-L1415
FrciSmrci
@artf 天哪，谢谢你。:)不知道我怎么会漏掉这个。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。