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]

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

浏览所有主题