PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

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 个反应
已过时

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

我在图片的特征管理器里新增了两个特征。宽度和高度。 我是按照你的例子把它作为插件添加的。 它完全能用，还能让我编辑图片的宽度和高度属性。 问题是现在资产管理器不再工作了。如果我禁用我的更改，资产管理器又能正常工作。有没有办法让我两个都工作？ 我的新特质和图片的资产管理器？ 这是我添加新特质的代码。 激活时我只需调用函数名作为插件。 难道我做错了什么？请帮帮我!!!

arthuralmeidap

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

artf

正如@arthuralmeidap已经提到的，你必须扩展 image 部分。 所以在你的情况下（使用最新的 grapesjs 版本）可能只是：

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 个反应
已过时

删除元素 - 通讯演示

在新闻通讯中，某些元素无法移除。比如试着移除“免费和开源”按钮或 grapes 标志。 我在本地 grapes 也遇到这个问题。奇怪的是，如果你尝试拖动元素但不移动它，它就会允许移除它。我在macOS上使用Chrome 71。 希望这样说得通！ https://grapesjs.com/demo-newsletter-editor.html

artf

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

lock[bot]

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

查看详情

浏览所有主题