如何将多个选项设置为 data-gjs-droppable
据我所知,我可以设置data-gjs-droppable=“.row-cell”,但我该如何设置多个选项?
v8jupiter
嗨。你可以像“draggable”那样使用查询字符串。
momu-2016
你好。你可以像“draggable”那样使用查询字符串。 谢谢,但我还是新手。能举个例子吗?
artf
@momu-2016 'data-gjs-droppable=“.class1, .class2, .class3”'
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated据我所知,我可以设置data-gjs-droppable=“.row-cell”,但我该如何设置多个选项?
v8jupiter
嗨。你可以像“draggable”那样使用查询字符串。
momu-2016
你好。你可以像“draggable”那样使用查询字符串。 谢谢,但我还是新手。能举个例子吗?
artf
@momu-2016 'data-gjs-droppable=“.class1, .class2, .class3”'
你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockManager.add('customtext',{ id:“texttool”, 标签:“文本工具”, 内容:{ 组成要素: [ { 标签名称:'texttool', type:'texttool', 可编辑:true, 内容:'// 一些HTML ' }, ] },} 对于该指令添加特征: this.domComps.addType('texttool', {...
artf
请制作本期的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
 我想为现有的视频组件添加一个新特性。我照着文档做,但没找到我想要的。 现在我把新特性加到了视频组件里,但现有的特征都没了,我需要一些帮助,非常感谢 以下是我目前尝试过的方法: https://js.do/code/273166
artf
扩展['video'类型](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js),而不是默认的,并且注意你的'isComponent'方法,你返回的是'return {type: 'input'};'
ahmedeldeeb25-zz
@artf谢谢你的回复,我试过你说的方法但没用,现在我的新特质甚至都没加进去 https://js.do/code/274228 你能演示一下这个解决方案吗?
ahmedeldeeb25-zz
@artf我也像你说的那样用 MAP 和 LINK 组件做同样的事,能用,但 VIDEO 组件就不行了
上述代码无法正常工作 但下面这个方法是有效的 我只需要在两类中应用CSS规则 .class1 .class2{ ... 颜色:红色; ... }
artf
这并不是 ['setClassRule'](https://grapesjs.com/docs/api/css_composer.html#setclassrule) 应该的工作方式。第一个论点只针对一个类名。 目前,没有针对你这种情况的具体API方法,目前最好的可能是'editor.'CssComposer.getAll().add('.class1 .class2{...}')`
mailtopaul8
我需要一个新的CSS规则,包含ID和class的组合,但目前没有办法实现(尝试在ID后面加上'.class',但没用)。你能不能添加一个像“setRule”这样的方法,直接接受带有ID和类组合的整个选择器?
artf
@mailtopaul8我会尽量在下次发布时加入
虫子你是否使用最新版本(旧版本不支持)?0.14.50你是在本地GrapesJS还是当前演示版遇到这个bug? 这是本地副本。所使用的版本(包括插件)有: '''json “依赖关系”: { “ckeditor”: “^4.11.1”, “grapesjs”: “^0.14.50”, “Grapesjs-Blocks-BASIC”: “^0.1.8”, “grapesjs-blocks-bootstrap4”: “^0.1.3”, “Grapesjs-plugin-CKeditor”: “0.0.9”, “Grapesjs-preset-webpage”: “^0.1.10” } ``` 我用的是 MacOS,测试了最新的 Chr...
artf
所有元素都被删除了,但视口中仍有一个空的div-container 你没有说明如何重现这个问题,但请先在图层里查看。我很确定你不会删除某种包装,因为那种包装没有样式,所以你在画布上看不到CSS 内部(以及 HTML 预览版)里有奇怪的字符 我无法复现,而且在[演示](https://grapesjs.com/demo.html)里也没问题。尝试更新你的文件默认视口宽度是100%,而不是移动端的 关于移动优先的做法,请查看此 https://github.com/artf/g...
renepardon
你好@artf 即使有提供的链接 https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8 你也没能复现?
artf
我无法复现,因为缺少资源(正如我说的,可能是你的文件出了问题......) '''html <link href=“/vendor/grapejs/css/grapes.min.css” rel=“stylesheet”/> <link href=“/vendor/grapejs/grapesjs-preset-webpage.min.css” rel=“stylesheet”/> <script src=“/vendor/ckeditor/ckeditor.js”></s...
是否有可能用你从后台输入的数据创建预定义的内容块,用户不能更改,只能放置或移动到自己的“网页”里? 我正在尝试让用户创建基于我提供内容并能使用的页面。
arthuralmeidap
是的,确实如此。 我至少能看到一种实现这一点的方法。你可以创建一个新的不可编辑组件,用它来创建你自己的自定义模块。 附言:我不记得是否可以添加不可编辑的方块。如果可以的话,你不需要新建组件。只要在你的内容中添加不可编辑的自定义块即可 这里你可以看到如何创建组件:https://github.com/artf/grapesjs/wiki/Components 这里可以看到如何添加方块:https://github.com/artf/grapesjs/wiki/Blocks
artf
@arthuralmeidap对,@Yamakasi你可以在任何文本[组件](https://grapesjs.com/docs/api/component.html)上将“可编辑”设置为“假”。顺便说一句,那个维基已经过时了,你可以在这里找到所有文档:https://grapesjs.com/docs成分:https://grapesjs.com/docs/modules/Components.html区块数:https://grapesjs.com/docs/modul...
Yamakasi
大家好!抱歉回复晚了!我可以接受,显然,谢谢!祝你2019年愉快!
你好,@artf, 我怎么才能访问这个变量和函数,这些函数不在脚本里? 我的编码是, 我用的是angular.js(Angular1)。上面的代码是控制器文件的。 请问你能帮我解释一下,我该如何在脚本中同时使用这个全局变量和函数吗?
artf
你不能,它们不在同一个语境里,仔细阅读这页 https://grapesjs.com/docs/modules/Components-js.html 你需要在“script”属性里复制全局变量,或者你可以[在画布中注入它们作为依赖](https://grapesjs.com/docs/modules/Components-js.html#dependencies)
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好, 看起来flexbox属性的图标/图片(行、列等)都缺失了。 这些图标出现在[demo page of grapesJS](https://github.com/artf/grapesjs-blocks-flexbox)上,尽管看起来它们直接托管在演示中,而不是grapesjs本身。 这个问题可能更适合在[grapesjs-blocks-flexbox repository](https://github.com/artf/grapesjs-blocks-flexbox)中讨论,但由于主演示中已有相关内容,我觉得这里可能更相关。 谢谢,
artf
我刚刚用它们做了演示页面,你可以从这里复制代码:https://github.com/artf/grapesjs/blob/gh-pages/demo.html
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
https://grapesjs.com/docs/modules/Components-&-JS 页面未找到
adamlc
链接在组件管理器的组件与JS部分 - https://grapesjs.com/docs/modules/Components.html#components-js
arthuralmeidap
你可以在这里找到一些文档:https://github.com/artf/grapesjs/wiki/Components-&-JS
artf
@ramachandranvenkat你从哪里得到那个链接的? 正确的是 https://grapesjs.com/docs/modules/Components-js.html
警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...
vitanshu
这个问题是合理的。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。