GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#9962018年4月3日作者 HarshOB3 个回答

1 个反应

已过时

通过特质生成的属性值

现在，假设我在特质值中写入了 new，但在属性：items 中，我想在该值后加上像 item.text. 这样的前缀。因此，我的最终属性：items 变成了 item.text.new。这可能吗？ ![截图来自2018-04-03 12-52-00]（https://user-images.githubusercontent.com/28950214/38235247-0c5d655e-373e-11e8-81cd-0cdad9eef9c3.png）

artf

我觉得就够了 “''js getValueForTarget： function（） { 返回 'item.text' + this.model.get（'value'）; } ```

artf

你应该可以通过[自定义特质]（https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type）来实现，比如：通过覆盖[“getValueForTarget”方法]（https://github.com/artf/grapesjs/blob/dev/src/trait_manager/view/TraitView.js#L46）

HarshOB

我尝试创建自定义特质并覆盖某个方法，但没看到任何属性生成。请你看看这段代码，如果有错误能纠正我吗？当我在 traits 中写入数据时，它应该在 datatextfield 生成属性为 '：text=item.text.data'。 ![截图来自2018-04-12 10-21-21]（https://user-images.githubusercontent.com/28950214/38657005-a504f80e-3e3b-11e8-9346-a6185ffef5a5...

查看详情

#9952018年4月3日作者 sublimekaushik2 个回答

0 个反应

已过时

如何在特征上动态添加场

我是在申请开始时构建该特质。所以请在侧边栏设置下下面这些字段 ![特质2]（https://user-images.githubusercontent.com/16155284/38231587-cf1a764e-3730-11e8-98a2-08412b20283b.png）现在我希望加载更多字段（下面图片中的“产品”和“产品图片”），同时还要加载之前加载的字段（“标志网址”、“重定向网址”）。这两个字段（“产品”和“产品映像”）将通过一个API传输。我希望在点击该特定部分时加载这两个字段（“产品”和“产品图片”）。 ![特质3]（https://user-images.githubusercontent.com/1615...

artf

就你而言，必须更新所有这些模型 'model.get（'traits'）.add（[{name： 'product'}， {...}]）`

lock[bot]

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

查看详情

#9942018年4月3日作者 crazyxhz3 个回答

3 个反应

已过时

如何确保只在顶层放下方块

比如，我有两个块 A 和 B，我想把它们丢到编辑器画布里。但有时后来掉落的阻挡反而变成了现有阻挡的子。那是A>B布局。但我想强制阻挡只能是兄弟姐妹的 level.eg。A+B 我该怎么做？也许是component：add事件？

crazyxhz

@anand-gopinath 酷~效果非常好。现在我发现了很多数据属性、使用情况...... 这是一个非常好的框架，但文档有点落后......

anand-gopinath

@crazyxhz ：你可以通过在内容中添加数据属性 “data-gjs-droppable='.className'”，例如 [https://jsfiddle.net/wswvuvab/2/]（URL）

lock[bot]

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

查看详情

#9932018年4月3日作者 duccanh00223 个回答

0 个反应

已过时

用 remote storageManager 没有显示数据

你好，我有个问题：当我复制粘贴邮件模板（http://www.charlesmudy.com/respmail/ - 我用的是 gjs-open-import-webpage 插件）。保存到数据库......一切都看得清楚。编辑： <img width=“1277” alt=“截图 2018-04-03 11：16 19” src=“https://user-images.githubusercontent.com/4942484/38228973-7cf40f60-3730-11e8-948e-f48dee3d26d6.png”>db 中的部分行： <img width=“1280” alt=“截图 2018-04-03 11...

artf

所以当你刷新页面时，加载请求会被发送，对吧？试着从这些听众那里得到什么 “''js editor.on（'storage：load'， function（e） { console.log（“LOAD”，e）; }) editor.on（'storage：store'， function（e） { console.log（“商店”，e）; }) ```

duccanh0022

你好，谢谢回复。终于，我找到了我的“虫子”。mysql数据库中的组件字段是文本类型，空间不足。我换成了LONGTEXT。一切看起来都还好。再次感谢！

lock[bot]

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

查看详情

#9922018年4月2日作者 vladbpython2 个回答

0 个反应

已过时

编辑器触发器点击 Fancybox

您好，我可以在编辑器的模板中显示所有隐藏（显示：无）div 吗？比如Fancybox，请帮帮我理解逻辑。

artf

例如，“编辑。DomComponents.getWrapper（）.find（'.some-query'）.forEach（model => model.setStyle（{display： ...}））`

lock[bot]

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

查看详情

#9902018年4月1日作者 anand-gopinath2 个回答

0 个反应

已过时

如何监听事件以获取自定义组件的样式更新？

@artf @arthuralmeidap @nojacko 我有一个自定义组件，比如这样，代码看起来是 [https://jsfiddle.net/nganand/n97g7g43/]（URL）。 ![婴儿声]（https://user-images.githubusercontent.com/25955939/38173314-f37c8ef8-35d9-11e8-94cd-db9da5c4559e.png）当自定义组件的属性发生变化时（例如，样式填充/边距时），如何监听事件？比如 init（） { this.listenTo（this.model， “component：styleUpdate：text-align”， th...

artf

组件属性使用 'this.listenTo（this.model， “change：prop-name” ...'通过“......attributes.align = “left”' 组件看不到你的更改，改用 'this.model.components（）.at（0）.addAttributes（{ align： 'left' }）'，你不需要更新/渲染元素。

lock[bot]

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

查看详情

#9892018年3月29日作者 tommedema3 个回答

1 个反应

已过时

连续的跨度在 grapes编辑器中与普通窗口中渲染空白空间的方式不同

我花了大半个下午试图调试这个问题。虽然我已经把它简化成一个小且易于复现的测试用例，但我还没找到问题的根本原因。希望有人能帮忙。请注意以下HTML模板：如果你在浏览器中渲染，它会呈现为： <img width=“133” alt=“截图 2018-03-29 下午1：36 34” src=“https://user-images.githubusercontent.com/331833/38112278-47c661fe-3356-11e8-8186-d48791b01af7.png”> 注意“我们的解决方案”和“关于”之间的空白。如果你用完全相同的HTML和样式作为 Grapes的模板，它会渲染成： <img width=“...

artf

是的，Tom，谢谢你，我觉得一个可配置的选项（比如“keepWhitespace”?!?）可能是个好办法

artf

这是因为节点在穿越过程中进行清理 https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js#L155-L158

tommedema

谢谢@artf，明白了。我建议移除这个功能，或者至少让它可配置（默认为true以避免破坏更改）。你会接受永久居民吗？

查看详情

#9872018年3月29日作者 baxxos3 个回答

0 个反应

已过时

自定义特质下拉菜单未显示

你好，在向组件添加自定义特征时，下拉选单（选择）元素箭头指示图标不会被渲染： ![图片]（https://user-images.githubusercontent.com/17254686/38093011-01d5efb6-336a-11e8-931e-709ad1be009d.png）我正在使用以下代码为链接组件添加自定义特征：我是不是漏掉了什么？也许是额外的属性？其他功能都正常，除了这个细节（显然对我的客户非常重要）。我目前用的是14.6版本，找不到强制 GrapesJS 渲染下拉指示器的方法，就像对所有默认组件特征（例如链接目标）那样。

nojacko

我觉得你必须覆盖 CSS。

baxxos

通过一个“脏黑客”（重载“初始化”方法）成功解决，引用如下：[#972]（https://github.com/artf/grapesjs/issues/972）

lock[bot]

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

查看详情

#9862018年3月29日作者 nojacko2 个回答

2 个反应

已过时

：导出的CSS无法覆盖主体的背景色

当 init 函数的 style 选项中定义了 body background style，就无法覆盖。鉴于风格：在 Grapes中更改背景色后，CSS 输出为：由于顺序，使用时会优先使用原色。虽然这不一定是问题，但重复 body 并非必需，如果 body CSS定义合并，这个问题可能会解决。我相信其他CSS选择器也会出现这种情况。繁殖步骤https://jsfiddle.net/jk3g2eu2/点击画布上的包装更换背景颜色。点击代码图标查看生成的CSS。

artf

谢谢你，James，我们已经知道了 #552，但遗憾的是还没有提供任何修复：/ 主要问题是GrapesJS不擅长主体/包裹的造型，因此我们会看到“主体”来自三个不同的地方：来自[protectedCss]（https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L68）选项从包装器的组件样式（通常是主体，因此[我单独处理]（https://github.com/artf/grapesjs/...

lock[bot]

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

查看详情

#9852018年3月29日作者 tomichal3 个回答

1 个反应

已过时

GrapesJS 能否允许通过内置资产管理器上传任意文件？

我看了资产管理代码和维基，似乎尽管文档声称资产管理可以上传任意文件（即添加任意资产类型），但实际的资产管理代码在文件上传表单的文件输入栏上硬编码文件类型为“image/*”https://github.com/artf/grapesjs/blob/d5f0ae94dfd801a8c13cc0f6ce33e209f98f1c65/src/asset_manager/view/FileUploader.js#L8 这是个漏洞/疏忽吗？资产管理代码确实需要修改或修改，还是我漏了配置管理器接受与默认资产类型（目前仅图片？）以及任何任意资产类型的文件类型的方法？我的用例是将链接组件连接到资产管理器，用户可以上传文档文件（pdf、doc、x...

artf

好问题，我觉得问题出在 [OpenAssets]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js#L14）命令本身，应该在 'OpenImageAssets' 里重命名（确实它只渲染图片类型）。所以，你可以尝试创建一个更通用的命令（比如更通用的命令，或者只针对文档），看看这个[自定义]（https://github.com/artf/grapesjs/wiki/Assets...

tomichal

@artf我创建了引用的拉取请求。我承认我的动机是针对具体的使用场景，但希望它的代码足够通用，能在核心编辑器代码库中被接受。

tomichal

...哦，顺便澄清一下——还有一段与这个拉取请求并列编写的代码，存在于我项目的一个自定义插件里。它是一个插件，基本上可以实现以下功能：自定义链接DOM 组件，使得通过RTE创建链接后，资产管理器会打开，此时可以上传任意资产并链接到新创建的链接组件。自定义资产管理工具的图片资产类型，使得在资产管理器中选择图片时，目标组件的“src”或“href”属性都会被更新。向资产管理公司添加一种其他资产类型。如果资产管理器用于Link DOM 组件，则“其他资产类型”会与Image资产...

查看详情

GrapesJS 问题

浏览所有主题