#10342018年4月12日作者 vladbpython3 个回答
你好,我有组件,有块 我在监听上设置了特性更改,如何在那个模块里添加“h1”,“'<div class=”container“ style=”min-height:10px;“></div>'”? 如何在该模型中添加标签 比如:
artf
根据当前的“模型”,你可以这样添加其他组件,'model.components('<h1>Hello world</h1>')'
ionic666
@vladbpython 你好,你解决了这个问题吗?我还想知道如何把一个元素拖到父元素里。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10332018年4月12日作者 nojacko3 个回答
繁殖步骤https://jsfiddle.net/1cjjr02p/在编辑器中点击文本,更改背景颜色。导出CSS。你会看到新颜色和原色的存在顺序,阻止了新颜色的使用。 ` 3.. 使用相同的 jsfilddle,无法移除 CSS 属性。 这与#552 #986类似,但问题仅在使用ID时出现。课程很酷。
nojacko
详细说一下,好像当你给一个盒子应用样式时,它会添加ID。当你导出这些文件并重新加载到Grapes时,问题就会出现。
artf
与#932相关 使用 'avoidInlineStyle: true'
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10322018年4月12日作者 tommedema3 个回答
葡萄 #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 个回答
我想在编辑器页面顶部的 grapesjs 面板上添加一个自定义图标。任何SVG或文本都能做到这一点吗?如果有,能解释一下具体情况吗?我尝试了以下方法,但无法显示图标: 我也试过用文字作为图标,但也没成功: (我也在用新闻通讯插件)。
artf
目前,按钮没有“标签”属性,所以你只能通过“className”来编辑它们。顺便说一句,我喜欢这个想法,我会在下一个版本中发布
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10302018年4月12日作者 francesca-cicileo3 个回答
我正在尝试用一些自定义组件为 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 个回答
加装抓握装置,利用jquery_ui或类似机制调整元素大小。
artf
我们已经有一个[Resizer](https://github.com/artf/grapesjs/blob/dev/src/utils/Resizer.js)工具,完全符合我们的需求
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10262018年4月10日作者 phucphanJaneto2 个回答
你好, 我把 GrapesJS 集成到我的应用程序(asp.net MVC)中,它能用,但有时 GrapesJS 无法渲染 HTML。 首先,我从另一个URL克隆html,并将这个html添加到GrapesJS。这个方法工作得很正常。 其次,我从 GrapesJS 编辑器获取 html,并保存到文件中。 最后,我刷新页面,加载该文件内容,并将这个 HTML 字符串添加到 GrapesJS。有时我会收到错误提示,GrapesJS编辑器是空的  { 选项 = 选项 ||{}; 特质到组件(); addHTMLCodeComponent(); addHTMLCodeBlock(); function TraitsToComponent(){ 编辑。TraitManager.addType('content', { 事件:{ 'keyup': 'onChange', // triggerparent onChange method on keyup }, /*返回输入元素@return {HTMLElement} / getInputEl: funct...
chapterjason
能否提供更多信息?你能正确缩进你的代码,说明它被github渲染了吗?
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10222018年4月9日作者 suthars2 个回答
你好, 这里有一些关于“拖放块在IE浏览器中无法工作”的bug, 我没有得到更好的解决方案。 而且没有方法可以重新初始化葡萄编辑器。 以下是我下面的剧本: Grapesjs.init({ 容器:“#gjs”, 插件: ['gjs-blocks-basic'], 组件:新闻内容, storageManager: { 自动保存:错误, setStepsBeforeSave: 1, 类型:“远程” }, 资产管理人:{ 资产:assetArr, 上传:1, 投放区:0, 上传文本:“在这里上传图片”, openAssetsOnDrop: 0, 模态标题:“选择图片”, autoAdd: 1, handleAdd: (textFromIn...
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10212018年4月9日作者 FrciSmrci3 个回答
嘿,@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]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。