GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#10342018年4月12日作者 vladbpython3 个回答
0 个反应

在父元素内部插入元素或块

你好,我有组件,有块 我在监听上设置了特性更改,如何在那个模块里添加“h1”,“'<div class=”container“ style=”min-height:10px;“></div>'”? 如何在该模型中添加标签 比如:

artf

根据当前的“模型”,你可以这样添加其他组件,'model.components('<h1>Hello world</h1>')'

ionic666

@vladbpython 你好,你解决了这个问题吗?我还想知道如何把一个元素拖到父元素里。

lock[bot]

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

#10332018年4月12日作者 nojacko3 个回答
0 个反应

:使用ID时,无法更新或移除样式

繁殖步骤https://jsfiddle.net/1cjjr02p/在编辑器中点击文本,更改背景颜色。导出CSS。你会看到新颜色和原色的存在顺序,阻止了新颜色的使用。 ` 3.. 使用相同的 jsfilddle,无法移除 CSS 属性。 这与#552 #986类似,但问题仅在使用ID时出现。课程很酷。

nojacko

详细说一下,好像当你给一个盒子应用样式时,它会添加ID。当你导出这些文件并重新加载到Grapes时,问题就会出现。

artf

与#932相关 使用 'avoidInlineStyle: true'

lock[bot]

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

#10322018年4月12日作者 tommedema3 个回答
2 个反应

多个字体-at-rule的CSS规则不会被处理

葡萄 #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

#10312018年4月12日作者 francesca-cicileo2 个回答
0 个反应

自定义图标

我想在编辑器页面顶部的 grapesjs 面板上添加一个自定义图标。任何SVG或文本都能做到这一点吗?如果有,能解释一下具体情况吗?我尝试了以下方法,但无法显示图标: 我也试过用文字作为图标,但也没成功: (我也在用新闻通讯插件)。

artf

目前,按钮没有“标签”属性,所以你只能通过“className”来编辑它们。顺便说一句,我喜欢这个想法,我会在下一个版本中发布

lock[bot]

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

#10302018年4月12日作者 francesca-cicileo3 个回答
0 个反应

使用自定义组件的发射事件

我正在尝试用一些自定义组件为 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]

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

#10292018年4月11日作者 cmcintosh2 个回答
0 个反应

功能请求:添加用于调整元素尺寸的抓握器

加装抓握装置,利用jquery_ui或类似机制调整元素大小。

artf

我们已经有一个[Resizer](https://github.com/artf/grapesjs/blob/dev/src/utils/Resizer.js)工具,完全符合我们的需求

lock[bot]

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

#10262018年4月10日作者 phucphanJaneto2 个回答
0 个反应

GrapeJS 无法渲染 HTML 代码

你好, 我把 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]

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

#10252018年4月10日作者 vladbpython3 个回答
1 个反应

如何向自定义方块添加新特性

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]

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

#10222018年4月9日作者 suthars2 个回答
0 个反应

在 IE 浏览器中,拖放块无法使用

你好, 这里有一些关于“拖放块在IE浏览器中无法工作”的bug, 我没有得到更好的解决方案。 而且没有方法可以重新初始化葡萄编辑器。 以下是我下面的剧本: Grapesjs.init({ 容器:“#gjs”, 插件: ['gjs-blocks-basic'], 组件:新闻内容, storageManager: { 自动保存:错误, setStepsBeforeSave: 1, 类型:“远程” }, 资产管理人:{ 资产:assetArr, 上传:1, 投放区:0, 上传文本:“在这里上传图片”, openAssetsOnDrop: 0, 模态标题:“选择图片”, autoAdd: 1, handleAdd: (textFromIn...

artf

此处修正后,#768将在下一个版本中提供

lock[bot]

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

#10212018年4月9日作者 FrciSmrci3 个回答
0 个反应

风格管理器部门

嘿,@artf, 由于缺乏文档,我很难弄明白如何像你在[演示](http://grapesjs.com/demo.html)中那样,在样式管理器面板部分添加组件设置(特征)。 你能给我一个建议,怎么实现吗?我认为如果这些演示项目代码开源,对于理解葡萄的整体来说会非常有用。 提前感谢大家。 祝你有美好的一天。:)

artf

我认为如果这些演示代码开源,对于理解葡萄族整体会非常有用。 确实如此,整个网站都是开源的,你只需要切换分支的 https://github.com/artf/grapesjs/tree/gh-pages :) 顺便说一句,你要找的那个零件 https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1394-L1415

FrciSmrci

@artf 天哪,谢谢你。:)不知道我怎么会漏掉这个。

lock[bot]

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

浏览所有主题