GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#5462017年11月20日作者 krunal0393 个回答

1 个反应

已过时

内联css到类

@artf感谢你这么棒的项目，网站编辑变得容易多了。默认情况下，编辑器会将内联CSS转换为类，但是否有设置不将内联CSS转换为类，因为我们不想将其转换为类？

artf

如果你输入“forceClass”，你会发现它只做一件事 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Components.js#L77 所以当你添加一个新组件并且有没有空的“style”属性时，它的所有属性都会被移到新类中，抱歉，可能得改名，因为这让很多人感到困惑对于新提出的选项，我考虑过一个只是在组件“样式”中恢复“#ids”样式的功能，但如果我们也在谈论“.classes”，我...

artf

你试过用“forceClass”吗？ “''js Grapesjs.init（{ ... forceClass： false， }) ```

francesca-cicileo

我也想做同样的事，但把 forceClass 设置为 false 似乎不起作用。我做了一个最小的JSFiddle [这里]（https://jsfiddle.net/yf89ybkg/4/），尝试用内联css代替类，但编辑器总是把样式移到类里，即使forceClass设为false。我是不是漏掉了什么？

查看详情

#5452017年11月20日作者 NorthstarTech3 个回答

0 个反应

已过时

扇形中的按钮

如何在 grapesJS 添加新扇区时添加自定义按钮？有房产吗？在创建新区域时，我该如何创建按钮？谢谢

artf

@NorthstarTech你用按钮的具体场景是什么？

NorthstarTech

它不一定非得是某个特定的按钮。我们想添加合并标签/占位符。由于我们提供大量资源库，放在一个扇区内会非常友好。本质上，我们希望占位符能细分为子类别，并且易于使用。

NorthstarTech

#287 类似，但我们不确定他们在编辑器中添加合并标签的具体位置。

查看详情

#5442017年11月20日作者 mohit55403 个回答

0 个反应

已过时

用optgroup添加选择

你好@artf 我最近开始用GrapeJs，觉得非常棒。你能帮我了解如何在特征内添加下拉菜单（选择）并添加optgroup吗？或者有没有像“html”这样的自定义选项，可以添加我自己的 html 特质：[{ 标签：“部分名称”，名称：“selectPartial”，类型：“选择”，变革提案：1， html：“自定义html” // 例如，用于自定义HTML }], 谢谢

artf

你好@mohit5540，如果你想要自定义内容，必须定义一个新的[特质]（特质 https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type）

mohit5540

@artf是的，我创建了自定义特质，并且能用。谢谢。

lock[bot]

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

查看详情

#5432017年11月19日作者 brandonburr863 个回答

2 个反应

需要帮助已过时

GrapesJS 中的块管理器对列不起作用

你好，我安装的GJS连接了所有默认模块。除了所有“列”外，每个方块都能顺利拖到页面上。即：1、2和3列。当我拖着他们......它什么都没用。我该怎么办？布兰登

brandonburr86

好的，我会把它弄好，然后做个PR

brandonburr86

我在检查器里看到“行”CSS类根本不存在。我查看了演示，发现“行”的 CSS 类是动态地放进了“gjs-css-rules”块里。

artf

@brandonburr86你说的是哪个演示？

查看详情

#5422017年11月18日作者 duskhacker3 个回答

1 个反应

缺陷已过时

在 PanelManager 上调用 render（）会导致样式管理器失效

代替#540，我尝试手动移除选项面板中的一个按钮，使用这个：这个方法还行，按钮消失了，但“pnm.render（）”似乎破坏了样式管理器，导致它变得无响应。其他东西似乎都没坏，只有造型有问题。这是我引入的问题还是个bug？谢谢！

duskhacker

我突然想到我可以用一些CSS隐藏按钮，我就是这么做的。不过我还是对“渲染”感到好奇。

sbarfurth

这应该是高优先级，这样在第一次渲染后修改面板就不可能了。

artf

我要关闭这个，因为我们已经从公开的[Panel API]（https://grapesjs.com/docs/api/panels.html）中移除了“render”方法，编辑器应该只在初始化时执行。此外，现在你可以通过“panelManager.removeButton（'panelId'， 'buttonId'）' 轻松移除按钮。

查看详情

#5412017年11月17日作者 kickbk3 个回答

1 个反应

已过时

关于图像更改的更新

我肯定漏掉了什么，但当我更改图片时，localstorage html 没有更新，但修改文本会。所以当我在更改图片和文本后刷新页面时，文字还在，但图片却没有。有没有什么设置需要更改，才能让localstorage html更新图片src？

artf

谢谢你的提醒，@kickbk其实'src'这个词没被听。修复将在下一个版本中发布

jmrgz

你好@artf 但目前的演示版（我这边也一样）都不行。如果你更改任何图片并重新加载页面，图片会回到之前的 src。第一次加载模板时它就不起作用。如果你在当前画布中添加新图片，src监听器会正常工作。我调试了几个小时，但所有想法都失败了:(

jmrgz

我不得不用一个变通方法解决这个问题，目前看起来是个不错的解决方案。我自己创建了本地存储，模板保存在 $（window）.on（'unload... 并在 $（window）.on（'load'

查看详情

#5382017年11月17日作者 Geczy3 个回答

0 个反应

已过时

点击组件总是先打开样式，即使我覆盖了

当我点击组件时，我想让这些特质打开点击组件可以打开样式。再点一次它，终于会打开“开放-tm”特质管理器。我该如何覆盖“点击”时的开场风格？

artf

嘿Matt，可能你用的是演示里的代码，所以和这个 https://github.com/artf/grapesjs/blob/gh-pages/js/grapesjs-preset-webpage.js#L257-L268 冲突了尽量把那部分拆掉

Geczy

好主意，谢谢！渲染前用.init覆盖了它

lock[bot]

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

查看详情

#5372017年11月17日作者 michaellwatson2 个回答

1 个反应

已过时

在beforeSend上添加请求头

我用的是storageManager远程操作，但该站点有csrf令牌 beforeSend：函数（t） { var token = $（'meta[name=“csrf_token”]'）.attr（'content'）; 如果（标记） { return t.setRequestHeader（'X-CSRF-TOKEN'， token）; } }, 会报错：“未捕获类型错误：无法读取未定义的属性'setRequestHeader'” 显然因为t未定义，我怎么能把标题传到beforeSend而不更改grapesjs

michaellwatson

与其使用beforeSend，不如这样使用头部 headers：{'X-CSRF-TOKEN'：'foo'}，

lock[bot]

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

查看详情

#5362017年11月17日作者 edwardjiawei2 个回答

0 个反应

增强已过时

块管理器中块的更好对齐

例如，Block for 2 Columns 和 2 Columns 3/7 的字体 awesome 和 label 没有对齐 ![2列 3/7 块]（https://user-images.githubusercontent.com/23583324/32939391-430e7966-cbba-11e7-8afb-05cd790a2277.PNG）

artf

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

lock[bot]

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

查看详情

#5352017年11月17日作者 vishal50333 个回答

0 个反应

已过时

视图容器中的新部分

你好，我想在视图容器中添加一个新部分。比如说，当我们点击样式管理器时，它打开了样式管理器。我想创造类似的行为。需要展示一些预定义的模板，应该会在那个部分下面展示。你能帮帮我吗？

artf

在那里增加更多按钮 “''js 编辑。Panels.addButton（'views'， { id：“yourBtnId”，班级名：“fa fa-paint-brush yourClass”，命令：“你的命令”，属性：{ 标题：“某标题”}， }) ``` 然后创建“yourCommand”[命令]（https://github.com/artf/grapesjs/wiki/API-Commands），这可能非常类似于 https://github.com/artf/...

Amir2828

嘿，你成功创建那个新模板视图了吗？如果是的话，我希望能得到一些建议，因为我也在尝试做类似的事情

lock[bot]

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

查看详情

GrapesJS 问题

浏览所有主题