GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#17222019年1月10日作者 Ramkumar-Murugesan2 个回答
0 个反应

如何在Canvas内让我的自定义标签变得可选择和编辑?

你好,我尝试在视图属性中更改我的自定义标签 ion-item 带有 div,但对我来说并没有如预期般起作用。 我的自定义方块是 “''js 编辑。BlockManager.add('ion-form', { id:“离子形式”, label: '<svg width=“443px” height=“70px” viewBox=“0 0 150 100” enable-background=“new 0 0 128 128” id=“Layer_1” version=“1.1. 1” xml:space=“preserve” xmlns=“http://www.w3.org/2000/svg” xmlns:xlink=“http:/...

artf

“''js 内容:{ 使用组件而非内容 组件: '<ion-list class=“list list-md”> ```

lock[bot]

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

#17212019年1月9日作者 ThunderDev12 个回答
1 个反应

在添加为base64之前先调整图片大小

我目前正在将图片添加到画布中,地址是base64(embedAsBase64: true)。 为了简单起见,我暂时不想上传图片。但是,我想在通过资源管理器添加为 base64 之前,能够调整或裁剪图片大小,以避免用户添加过大的图片。 基本上,我需要在图片添加前先触发一个事件,这样我才能转换图片,但目前我们只能使用 asset:add 事件。有人知道这是否可行吗? 谢谢

artf

显然,没有所有图像数据,你无法调整大小和裁剪。所以,在“asset:add”事件中提出你的“裁剪并调整大小”方案,然后用新数据更新资产

lock[bot]

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

#17202019年1月9日作者 Ramkumar-Murugesan3 个回答
2 个反应

如何在自定义特质中添加按钮

你好,我尝试在自定义特质中添加一个按钮,但效果不正常, 还需要知道如何在点击按钮时调用该函数,并在按钮内添加图标 我的代码: 我的错误截图: ![图片](https://user-images.githubusercontent.com/33427536/50904178-a977a400-1445-11e9-88cf-52ac253a08ca.png) 在上面的截图中,你可以看到设置里有一个添加标签,所以我需要在添加标签附近显示一个按钮。 谢谢

ploutos27

又见面了:)我的错误,html 按钮标签需要 textNode 值不可见,移除值后改为添加 textNode

ploutos27

你好, 首先你需要定义新的特质(按钮)并创建它。 定义新特征类型后,必须在自定义块内调用它

Ramkumar-Murugesan

@ploutos27 感谢你的回复, 我试了你的代码,但它显示的是输入框而不是按钮 ![图片](https://user-images.githubusercontent.com/33427536/50906637-86e88980-144b-11e9-8246-637c17a112fc.png) 我更新的自定义特质代码是 我的自定义方块是 你能帮帮我吗

#17192019年1月9日作者 AkibDeraiya1232 个回答
1 个反应

点击素材模态中的图片时发生事件

你好,@artf, 希望你一切安好。 我正在做资产管理。我默认有5张图片作为资产管理器。 我想做的,比如, 1)当用户点击模板中任意默认图片时,我想更改该图片的ID(想知道如何更改) 2)一旦资源管理器弹窗打开,用户可以选择任意图片,点击的图片就会被替换为目标图片(这样操作正常)。 3)当这个资产管理器关闭时,还需要收到通知事件,比如modal已关闭,以及我点击了哪个图片标签。(想知道这个活动。) 我尝试用这个事件更改ID,但没成功

artf

我尝试用这个事件更改ID,但没成功 你应该用 ['setId'](https://grapesjs.com/docs/api/component.html#setid) 方法当这个资产管理器关闭时,还需要收到通知事件,比如modal已关闭以及我点击了哪个图片标签。(想知道这个活动。) 你可以利用“stop:open-assets”事件

lock[bot]

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

#17182019年1月8日作者 Ramkumar-Murugesan1 个回答
0 个反应

问题:在复选框标签中输入的名称没有更新到我的HTML自定义组件中。

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

lock[bot]

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

#17172019年1月8日作者 chiqui3d2 个回答
1 个反应

关闭与开放模态的活动

我觉得有必要在编辑器里添加关闭和打开模态事件。可能吗?

artf

当然,我会在下次发布时添加它们

lock[bot]

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

#17162019年1月8日作者 chiqui3d3 个回答
0 个反应

面板里有块?

我正在寻找一种方法,可以把一组方块添加到自定义面板里,我说的是方块而不是按钮,因为它们需要“拖放”功能? 我有哪些可能性?

artf

你好@chiqui3d你可以告诉编辑器在初始化时何时添加块: “''js Grapesjs.init({ ... blockManager: { 附录:'#block-container', } }) ``` 然后使用 ['BlockManager.render'](https://grapesjs.com/docs/api/block_manager.html#render)方法(查看示例)渲染过滤后的块

chiqui3d

谢谢@artf,但我仍然看到这只适用于一个面板,我不明白怎么能有两个面板,一个对应某些区块及其类别,另一个区块有其他类别。 这让我无法独立于普通模块创建预设面板,因为我可以手动添加,但那样我就无法实现API中的函数。

chiqui3d

难道没有办法让两个面板用不同的模块吗?

#17152019年1月7日作者 JulioDavidMartinez3 个回答
0 个反应

你好,我是你们项目的新成员,但我很喜欢。我在图像属性方面遇到了一点小问题。

我在图片的特征管理器里新增了两个特征。宽度和高度。 我是按照你的例子把它作为插件添加的。 它完全能用,还能让我编辑图片的宽度和高度属性。 问题是现在资产管理公司已经不工作了。如果我禁用更改,资产管理器就能恢复正常工作。有没有办法让两者都正常工作? 我的新特质和图片的资产管理器? 这是我添加新特质的代码。 激活时我只需调用函数名作为插件。 难道我做错了什么?请帮帮我!!! “''js 函数 AddImageTraits(editor) { var domComps = 编辑器。主导组件; var dType = domComps.getType('default'); var dModel = dType.model; var dV...

arthuralmeidap

试着覆盖“图片”类型本身,而不是“默认”类型

artf

正如@arthuralmeidap已经提到的,你必须扩展“图像”部分。 所以在你的情况下(使用最新的葡萄版本),可能只是: “''js 编辑。DomComponents.addType('image', { 型号:{ 默认值:{ 特质:[ “名字”,“身份”,“替代”,“宽度”,“身高”] } } }); ```

lock[bot]

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

#17142019年1月7日作者 chiqui3d3 个回答
0 个反应

RTE中的自动选择组件

当我从RTE添加链接时,它没有被选为链接组件,我必须取消选择作为文本的父组件再重新选择,因为这不会直接生效?我以为RTE的优势在于,如果我从RTE添加一个组件,该组件的TRAIT选项会显示出来。不过我也不必再退出短信:(

chiqui3d

我不知道这是不是正确的方法,但我是这样做的: “''js const rte = 编辑。RichTextEditor; rte.remove(“链接”); rte.add('link', { 图标:“<I class=”fa fa-link“></i>', 属性:{ 标题:“链接”, }, 结果:rte => { const anchor = rte.selection().anchorNode; const nextSibling = anchor & anchor.ne...

artf

我以为RTE的优势在于,如果我从RTE添加一个组件,会显示该组件的TRAIT选项。不过我也不必再退出短信:( 你说@chiqui3d得对,但编辑时 HTML 文本是“平面”的,所以只有关闭 RTE 时,文本才会在组件中解析和转换。你的解决方案实际上有效(而且还不错),因为有这个“selectedText.set('content', selectedTextInner)”和[listener on 'content'属性](https://github.com/artf/g...

lock[bot]

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

#17132019年1月7日作者 adamlc2 个回答
0 个反应

删除元素 - 通讯演示

在通讯中,某些元素无法删除。比如试着移除“自由开源”按钮或葡萄标志。 我本地的葡萄也遇到这个问题。奇怪的是,如果你试图拖动元素但不移动它,它就会被移除。在macOS上使用Chrome 71。 希望这样说得通! https://grapesjs.com/demo-newsletter-editor.html

artf

你好@adamlc,这个和#1699有关

lock[bot]

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

浏览所有主题