GrapesJS 问题

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

找到 3,464 个问题

#4092017年10月12日作者 nhinq3 个回答
0 个反应

无法在 0.12 的 storageManager 中加载

我用的是类型:'remote',但它无法加载到画布上

mekamleshk

@nhinq你可以参考我的代码 [Here](https://github.com/artf/grapesjs/issues/393) 我能够上传和检索文件。

artf

关注Kamlesh发布的问题

nhinq

好的,谢谢你——我会试试

#4082017年10月12日作者 dong-dev2 个回答
1 个反应

如何更新组件的工具栏?

![图片](https://user-images.githubusercontent.com/21217537/31474879-b2d70e2a-af27-11e7-99a1-c5a982683495.png) 你好,Artf,我被添加了可编辑组件的新命令,更新样式运行良好,但我不知道组件更新后怎么更新这个工具栏(比如更新对齐图标),你有什么建议吗? ' defaultCommands['testCommand'] = { run(ed) { var sel = ed.getSelected(); var styles = sel.get('style'); var TBS = sel.get('toolbar'); var...

artf

你可以在组件更新时设置监听器 “''js editor.on('component:update', () => { editor.runCommand('testCommand'); }) ``` 注意,使用“var styles = sel.get('style')”时,你会得到组件的样式,而不是样式管理器中选择的内容(如果组件有类,会选中css规则)

lock[bot]

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

#4072017年10月11日作者 ateshuseyin3 个回答
0 个反应

定义新的标记语言

你好,@artf, 我想定义一种新的标记语言,比如mjml,让设计更简单、更易读。我从“标签”作为<error>有色人种开始。请在下方写代码; 模型: 'import 组件来自 'grapesjs/src/domcomponents/model/Component'; const ComponentError = Component.extend({ 默认值:{ 类型:“错误”, 标签名称:'error', ...Component.prototype.defaults }, }, { /*检测传递的元素是否为有效组件。如果元素有效,则抽象对象元素将被归还@param {HTMLElement}@return {对象}@priva...

gasserol

你看到这个项目作者为 mjml 做了一个预设吗?也许对你有帮助?https://github.com/artf/grapesjs-mjml

ateshuseyin

谢谢@gasserol。我看到了,但找不到问题所在。

ateshuseyin

现在在 drop :)但仍然无法从元素中解析。

#4052017年10月11日作者 NicholasGati3 个回答
0 个反应

无法在无序列表中拖拽列表项

再见,感谢你对葡萄的好与感谢!我正在尝试为用户创建选择题。下面的第一个块是包含一个无序列表的表单的部分。表单内部的无序列表应能接受列表项,而列表项本身就是另一个块(下面第二个块)。我收到这个错误:“目标位置无效:目标收集未找到,目标不可投放......”。我设置了data-gjs-draggable和data-gjs-droppable,所以不明白为什么它工作不正常。任何帮助都将不胜感激。

artf

你好@NicholasGati我觉得可能是'data-gjs-stylable=“false”'的问题,你能试着把它从'<ul>'和'''里移除<li>看看是否正常吗?

NicholasGati

嘿,@artf,谢谢你的回复。我移除了“data-gjs-stylable=”false“,但依然无法使用。我也遇到同样的错误:“找不到目标收藏,目标不可丢弃......”。

artf

你能用jsfiddle/codesandbox之类的工具来复现吗?

#4042017年10月11日作者 thecodefish3 个回答
9 个反应

更改带有已有类的组件的CSS属性,是修改该类,而不是添加新的类

你可以在试玩版(http://grapesjs.com/demo.html)中看到这一点。选择导航项目之一(例如“Web”)——注意它已有“菜单项”类别。如果你现在更改了一些属性,比如文本对齐,它会把这些更改应用到菜单项类上,这会影响其他实例(“模板”、“构建器”)。 是否有可能强制GrapesJS应用一个新的“唯一”类并在那里应用更改——类似于对没有现有类的组件做更改(例如“c1234”)? 最终我希望任何样式更改只适用于所选物品,绝不适用于同类型的其他实例。 谢谢

thecodefish

我在想,这种行为可能是这样的: 默认(当前配置):如果元素没有类,则基于 cid 创建唯一类并应用样式如果元素有类,则对这些类的并集(或UI中选择的类)应用样式 切换行为测试元素是否存在基于CID的现有类,如果不存在,则创建一个始终仅对 cid 类应用自定义样式

artf

你好@thecodefish你怎么看这种做法? https://codepen.io/artf/pen/jaaKvq 你会在那里看到如何将选择器设为私有(用户无法样式化),以及使用新的 ['avoidInlineStyle'](https://github.com/artf/grapesjs/releases/tag/v0.12.37) 选项,允许你为组件(而非类选择器)进行样式,而不丢失响应性和状态的使用(例如 :hover)。

artf

我觉得你有两个选择:只需取消选择类,在这种情况下,样式管理器的作用域会切换到组件,而不是规则为组件添加一个新类,取代“.menu-item”规则,你会得到“.menu-item.your-new-class”

#4032017年10月10日作者 danfitz363 个回答
0 个反应

在HTML邮件创建时,可以将juice inliner(或类似的)集成为内嵌CSS的工具

演示中显示了一份通讯,但我觉得CSS并没有被内联化,而CSS对更好的邮件支持非常必要。 https://github.com/Automattic/juice

artf

实际上确实如此 ![Schermata 2017-10-11 Alle 14 51 19](https://user-images.githubusercontent.com/11614725/31441513-ad0af07c-ae93-11e7-940d-6b988384aac0.png)

danfitz36

哦,太好了,谢谢。我想我在演示版里没玩到那一步。

lock[bot]

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

#4022017年10月10日作者 danfitz362 个回答
0 个反应

要升级到v1需要什么?

需要特定功能,或者需要一定程度的测试吗?具体需要发生什么,我们又该如何帮助实现?

artf

好问题。没多想,我可能会说一个更稳定的API,让核心尽可能干练(少点主观),可能还得完成当前路线图中的某个功能。

lock[bot]

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

#4012017年10月10日作者 gasserol3 个回答
0 个反应

无法上传图片

你好,在通过资产管理上传图片时,我收到了以下错误: ![Bildschirmfoto 2017-10-10 um 15 44 23](https://user-images.githubusercontent.com/4066878/31389758-52b04026-add2-11e7-9c76-eb4f7cb0a127.png) 编辑器初始化时的资产管理配置看起来像 ![Bildschirmfoto 2017-10-10 um 15 45 30](https://user-images.githubusercontent.com/4066878/31389787-65209328-add2-11e7-8f6e-85414b02...

artf

上传端点应该返回JSON,你似乎返回的是HTML格式

gasserol

好的,非常感谢,不知道怎么解决这个问题......我用的是本地主机上的普通 Apache 服务器做测试,但觉得这个端点根本没有响应。我会尝试把你的解决方案实现到YII2框架上,在那里我可以处理端点的json响应。非常感谢你的建议和你出色的软件!

mekamleshk

@gasserol你可以参考我的代码 [Here](https://github.com/artf/grapesjs/issues/393) 我能够上传和检索文件。

#4002017年10月10日作者 sanjeevSavitr3 个回答
0 个反应

隐藏命令中的一个元素

你好, 我想在点击工具栏按钮时隐藏某个特定元素 命令:{ 默认值:[{ id:“submenuitem”, run: function(editor, senderBtn){ 我想隐藏“photostack-1”元素 ???? ???? ???? }, }], } VAR DOMC = 编辑。主导组件; domc.addType('bannergalleryportion', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { ... 工具栏:[{ 属性:{类别:“Fa fa-arrows'},...

artf

你可以从模型中访问该元素 “''js const selectedModel = editor.getSelected(); const elem = selectedModel.view.el.querySelector('#photostack-1'); elem.style.display = '无'; ```

sanjeevSavitr

谢谢......

lock[bot]

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

#3992017年10月10日作者 bungambohlah3 个回答
0 个反应

我可以在当前模态和当前模态子节点中按工具栏吗?

又问好,@artf,我对元素中的推送工具栏和特定类别(例如模态触发器)有点混淆了。 元素代码为: '''html ... <a href=“#modal1” data-highlightable=“1” class=“modal-trigger”> <div data-highlightable=“1” class=“card”> <div data-highlightable=“1” class=“卡片-图像波-效果波-块波-光”> <img src=“images/facilities1.jpg” class=“activator” onmousedown=“return false”> </div> <div data-hi...

artf

我认为正确的做法是扩展组件模型的“initToolbar()”,并在那里放置逻辑

bungambohlah

我认为正确的做法是扩展组件模型的“initToolbar()”” 当然,我用“initToolbar()”''方法制作自定义工具栏 请@artf你解释一下推入子对象工具栏的逻辑吗?我对骨干结构感到困惑 :困惑: 谢谢你之前的帮助 :+1:

bungambohlah

抱歉,我用逻辑修正了这个问题,谢谢你@artf:+1:

浏览所有主题