GrapesJS 问题

nojacko

我为元素定义的风格在样式管理器里无法访问。当我在画布里点击那个框时，我本以为会看到样式管理器里所有样式，而不是Grapes添加的类别样式。 你说背景不显示是因为它用的是“.fluid-container.c318”，但给style属性加“color： Pink”会显示排版部分的颜色。这有点不一致。它只接收到“color”属性，但没有“背景图像”属性。

artf

实际上，风格管理器就是这样处理类的。当你选择“Box”时，你会看到你选了“.fluid-container.c318”选择器，这个选项没有背景，但当你取消勾选“fluid-container”类时，当前选择器会是“c318”，而且bg现在显示出来了。 我们可能需要更好地强调风格的传承

nojacko

这听起来有点奇怪。Grapes加上'c318'类后，我的风格就无法实现了。我预计提供的HTML和样式是可编辑的。

TWCM

你好，@artf， 我发现点击预览按钮时执行的命令序列是： ![图片]（https://user-images.githubusercontent.com/2859394/34428348-c3e556e4-ec86-11e7-89fb-3eb8c61b6803.png） 这是个bug吗？这个运行序列让我无法获得 canvas 主体的正确类名。所以不能在运行预览命令前存储状态。我无法进一步发展。

artf

@tommywulove我在演示中试过这个 “''js editor.on（'run：preview'， （） => console.log（'run preview'）） editor.on（'stop：preview'， （） => console.log（'停止预览'）） ``` 而且顺序看起来很合理

TWCM

@artf为什么我点击预览按钮，它会触发停止命令一次，然后执行该命令？

artf

谢谢@z1lk建议，确实很有道理，但我不太确定复制内容，我想避免重复代码，可能创建一个抽象视图，做同样的事情，我们可以在其他点使用它

artf

以 https://github.com/GrapesJS/grapesjs/issues/1806 为止结束此事

lorrandavid

@crazyxhz新版本 v0.14.5 后，现在可以在主编辑器之外渲染块管理器。你可以这样实现想要的结果： 我不知道有没有文档，但你可以在发布时的解释中找到更多 https://github.com/artf/grapesjs/releases/tag/v0.14.5@artf

artf

你好@crazyxhz目前还不能通过配置实现，但这是我想改进的地方。 目前，作为一种变通方法，渲染完成后可以通过js移动面板，块管理器必须先激活它 “''js const editor = Grapesjs.init（{ ... }); editor.on（'load'， （） => { 加载方块并放到另一个元素中 editor.runCommand（'open-blocks'）;这样可以渲染方块 const blocksEl = document.querySelecto...

artf

感谢@lorrandavid指出，这个问题现在可以关闭了

TWCM

你好@artf， 我正在努力帮助实现这种增强。但我不确定我说得对不对，请帮忙核实。

lock[bot]

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

ryandeba

我可能能帮上忙——我会试着今天晚些时候或明天发个拉取请求。

TWCM

你好，@ryandeba， 感谢你的努力。

TWCM

你好@artf，还有一个问题，我能不能对select命令做一个增强功能，当光标点击或悬停在不可选择的元素时，选择跳转到可用元素。由于该元素不可选择，我希望用户跳转到父元素。

artf

你好，Matt，我们已经计划把Fontawesome从核心中移除，改用SVG来做图标:)

antman3351

你好， 我目前正在测试/早期开发，将 GrapesJs 集成到一个使用 FontAwsome 5.12 的现有网页应用中 （我对GrapesJs印象特别深刻，尤其是它的可👍👌扩展性） 我只是把这当作一个笔记，可能对其他人😊有帮助 我发现有几个问题，只要在编辑器前加个样式标签就能轻松解决（我懒，而且前端也不太适合😉我）。 首先，我添加了 'grapesjs.init（{ cssIcons： null， }）;这样 GrapesJs 就不会加载 FA4。 然后映射了缺失...

Geczy

附注，FA5 用的是 SVG 的 ;)

artf

域抽象的东西只是内部使用，所以我甚至不打算让它们被覆盖，你的用例是怎样的？

Geczy

我想通过使用 Bootstrap 或我用的其他 CSS 框架中的现有类，自定义组件设置面板中表单字段的外观。 所以我想把“gjs-field”替换成“form-group”

artf

好的，我明白了，但目前还没有简单的方法可以实现 ：/

artf

@fsaiyedOB是的，我把[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）做成这样，因为写作时分拣器表现得不一样，排行时有“身体”状的元素，很乱。目前，处理桌子不是我的优先事项，但我会先留个余地，以防有人愿意帮忙

ryandeba

谢谢！我会在接下来的几天内开始做这件事。

ryandeba

你好@artf——我可能以后可以看看这个。我开始时只是移除了[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）（第54-68行）中的“清理非行的表格行”部分。你能指点一下这会带来哪些需要解决的问题吗？

artf

如果你在做编辑器，可以轻松调整一些CSS（比如改变方块的字体大小），这不是一个需要在核心层面“修正”的问题

lock[bot]

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