GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#19722019年4月22日作者 acamenhas2 个回答
0 个反应

背景不透明度滑块

大家好, 有个快速问题:我用的是1.8.3的Grapes版本。 实现背景不透明度滑块很容易吗? 谢谢!

artf

我用的是1.8.3的Grapes版本 ???https://github.com/artf/grapesjs/releases/tag/v0.14.57 目前是最新的实现背景不透明度滑块很容易吗? 你可以把 alpha 设置在背景色上,HTML/CSS 里没有“仅背景不透明度”的限制

lock[bot]

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

#19712019年4月22日作者 sakshigarg92 个回答
1 个反应

事件触发了对远程存储的先前状态属性

我正在尝试通过以下代码提取图像的“src”更改,并将其存储到远程存储中,方法是使用以下代码 我遇到的问题是,当我第一次更改图像时,主机的存储资源中会显示出想要的输出>image2.jpg 但参数并未受到影响,实际上它没有对参数产生任何触发 第二次把图片改成image1.jpg时,控制台>存储资源中输出了想要的效果image1.jpg 但受影响的参数包含前一状态的值,返回 image2.jpg 因此,每次我切换到新图像时,参数都会返回之前的状态。这种行为很不寻常。我在处理其他事件时没有遇到过类似的问题

sakshigarg9

必须把自动保存初始化为false,自动加载为true,并在事件结束时调用 editor.store。问题已解决

lock[bot]

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

#19692019年4月20日作者 minuwan2 个回答
0 个反应

重命名属性(编辑器)

有没有办法把“data-gjs-”属性重命名为“data-myOwnProjectName-”? 例如:“data-gjs-type” => “data-myOwnProjectName-type”“data-gjs-droppable” => “data-myOwnProjectName-droppable” 等等......

artf

不,目前是硬编码的 https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/parser/model/ParserHtml.js#L4

lock[bot]

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

#19682019年4月19日作者 sakshigarg92 个回答
0 个反应

获取那些被撤销的行动信息

是否有可能提取出被撤销的内容信息? 我试过了 但我无法获取具体被撤销的内容,'在'model.attributes'下'property之后'的值是null。我想提取执行该动作的元素的ID,以及样式/移除/属性/编辑的更新。

artf

检查“model.attributes.type”以了解执行的操作,可能“之后”是空的,因为操作是“移除”

lock[bot]

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

#19672019年4月19日作者 iainheng1 个回答
0 个反应

用 div html 包装内置组件

我正在尝试用一个<iframe>父容器 '<div class=“embed-responsive embed-responsive-responsive-16by9”/>' 包裹专门针对 YouTube 的“视频”组件。 这是我想实现的最终效果示例: '''html <div class=“embed-responsive embed-responsive-16by9”> <iframe class=“embed-responsive-item” src=“https://www.youtube.com/embed/zpOULjyy-n8?rel=0” allowfullscreen></iframe> </div> ```

lock[bot]

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

#19662019年4月19日作者 trafalmejo3 个回答
0 个反应

环绕所有组件

大家好, 我想为画布上添加的每个按钮创建一个套接字。这样运行得很好。但是,当我用存储加载时,我必须找“按钮”类型的组件并重新打开插槽。这是不是用来循环组件? 此致,

artf

你好@trafalmejo如果你需要迭代组件的第一层子节点,可以这样做: “''js yourComponent.components().forEach(component => { 如果 (component.is('组件-ID')) { 做点什么 } }) 组件渲染完成后,你还可以使用“查找”方法,传递任意查询选择字符串 “''js yourComponent.find('[data-gjs-type=COMPONENT-ID]').forEach(component...

trafalmejo

完美!非常感谢。

lock[bot]

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

#19652019年4月13日作者 vinayakprabhu3 个回答
0 个反应

自定义内容类型

@artf 我们能不能不用插件、js文件,而是像我下面那样用html创建自己的内容?这样做正确吗? ''js blockManager: { 附录:'#blocks', 方块数:[ { ID:“文本”, 标签:“List”, 属性:{class: 'fa fa-list-alt'}, 内容: '<div data-gjs-type=“text” data-highlightable=“1”><ul><li>List 1</li><li>List 2</li><li>List 3</li></ul></div>', 激活:真, 分类:“标准界面元素” }, ``` 抱歉格式有点,无法格式化...... 提前感谢大家。

artf

这样做正确吗? 是的......

vinayak99999

谢谢你的回复@artf我还有一个查询,想要一个垂直旋转木马。所以从上面的代码片段来看,我该在哪里添加比如Jquery或脚本来实现延迟或滚动效果

artf

创建一个新的[组件类型](https://grapesjs.com/docs/modules/Components.html),并按照本指南操作:https://grapesjs.com/docs/modules/Components-js.html

#19642019年4月13日作者 richbai902 个回答
0 个反应

创建自定义组件的最低要求

我整天都在看关于创建自定义组件的文档。我也看过 grapesjs-mjml 作为例子。我正在尝试为 react 组件创建一个基础类型,可以根据需要扩展,但目前我只想知道调用哪些生命周期方法以及何时被调用。我正在尝试具体区分“render”和“toHTML”这两个词。我只做了一个基础组件并做了一些日志记录,但似乎没什么效果。这是我的代码 “''js 从 'react' 导入 React; 导出默认编辑器 => { var comps = 编辑器。主导组件; var defaultType = comps.getType('default'); var defaultModel = defaultType.model; var def...

artf

首先,开始使用组件的[改进定义](https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype)。 在你的例子中,“content: (<div>Foo</div>)”会被编译成一个对象,当你在编辑器中添加一个对象或数组时,意味着你不再需要解析过程,所以你永远不会点击“isComponent”,因此该类型不会被初始化。 顺便说一句,你想和你的剪辑师达成什么效果并不那么明确

lock[bot]

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

#19632019年4月13日作者 benvmatheson2 个回答
0 个反应

Component 在 API 文档里有个破折号

在 API 文档中,组件头部前面会加上破折号。不确定这是不是故意的。 ![图片](https://user-images.githubusercontent.com/9043745/56070411-e86b0d80-5d44-11e9-80b6-5a4507c5f9f0.png)

artf

是的,本意是强调它属于DOM组件模块,但看来我没做到 😬

lock[bot]

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

#19622019年4月12日作者 Ramkumar-Murugesan2 个回答
0 个反应

还有其他方式可以听,特征选项会变化吗?

你好,我添加了监听用户在下拉菜单中选择值时所做的更改的代码。但我需要听代码中其他地方的修改。 在上述更改中,运行正常。但我需要在别的地方听这些变化。 ![图片](https://user-images.githubusercontent.com/33427536/56033259-d045bf00-5d41-11e9-8b2d-f8028ad725ea.png) 有人能帮帮我吗?

artf

你可以使用全局监听器 'editor.on('component:update:mytype', ...)'或在本地方法内触发某个自定义事件 “''js ... init() { this.listenTo(this, 'change:mytype', this.mytype); }, mytype() { alert('被召唤的实体'); editor.trigger('YourEvent', { mytype: this.get('mytype') }); } ......

lock[bot]

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

浏览所有主题