GrapesJS 问题

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

找到 3,464 个问题

#21412019年7月16日作者 sarah-banyan1 个回答
0 个反应

如何导入外部 CSS 样式,例如boostrap.css

你好,感谢你精彩的项目。我最近遇到了一个困惑的问题。我想导入一些 React 组件到我的项目中,我通过 renderToStaticMarkup 方法将 Jsx 改成了 html,结果是 ' <button type=“button” class=“ant-btn ant-btn-primary”><span>test</span></button> '我也通过' import 'antd/dist/antd.css' 导入这个类,'但似乎没用,所以我想问你这个问题,如何导入外部 CSS 样式。

artf

“''js VAR Editor = Grapesjs.init({ ... 画布:{ 风格:[ “https://......” ... ] } }); ```

#21402019年7月16日作者 khbhr暂无回答
0 个反应

拖曳分量及其父分量

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

#21392019年7月16日作者 bidishad1 个回答
0 个反应

可以在一个区块内移动组件吗?

grapeJS 是否提供支持,移动组件在一个区块内。如果有,请引导我去找一些资料?此外,我想限制组件移动到方块之外?这有可能吗? 我看到GrapeJS确实提供拖放功能。你能告诉我从哪里开始吗?

artf

首先检查 [Component](https://grapesjs.com/docs/api/component.html#properties) 实例上所有可用的属性,特别是(针对你的情况)“可拖拽”和“可丢弃”。

#21382019年7月15日作者 alikabeer323 个回答
1 个反应

渐变插件干扰了背景图像

背景图片的网址通过线性渐变函数(如 Linear-Gradient() 函数进行包裹 “''CSS 背景-图像:-webkit-线性-梯度(path/to/image.jpg); 我无法在 grapesjs 或插件的演示中重现这个 bug,因为这两个功能(背景图像和渐变)都没有同时使用。

artf

有人能帮忙检查最新版本是否修复了这个问题吗?

alikabeer32

更新:我知道这是个很不靠谱的修复方法,但我做的就是把插件grapesjs-style-gradient.min.js文件里的每个“backgroundImage”都换成了“background”。现在它能正常工作了。也许有人能给出更好的解决方案?

robsonsobral

哇!我不是唯一一个快疯了的人! @artf,你有什么建议吗?拉取请求应该在哪里提交?

#21372019年7月14日作者 alikabeer323 个回答
0 个反应

有人能解释一下样式管理器的 property.layers 吗?[请阅读描述]

我想把整个背景图层属性都写代码,但这次用“background”而不是background-image,这样不会影响渐变,但遗憾的是,背景位置、背景大小等功能无法正常工作。 “''js var 属性 = 编辑器。StyleManager.addProperty('decorations',{ 名称:“背景图片”, 财产:“背景”, 类型:“堆叠”, 性质:[ { 名称:“背景”, functionName:'url', 类型:'文件' },{ 名称:“背景位置”, 属性:“背景位置”, 类型:“选择”, 列表:[{ 值:“左上方”, 名称:“左上方”, },{ 值:“左中”, 名称:“左中”, },{ 值:“左下”, 名称:“左下...

artf

@alikabeer32如果“背景”属性不起作用,可能是内部属性的顺序错了。请在这里查看语法:https://developer.mozilla.org/en-US/docs/Web/CSS/background#Syntax

alikabeer32

@artf 确实有效。现在我纠正了顺序 -> '背景:URL(../assets/05efe94654acb49683023f16e5cefce7)左中外/覆盖无重复固定; 但当我取消选择并重新选择组件时,这些值(左中间/封面无重复固定)在样式管理器面板中显示为空。

alikabeer32

![面板](https://user-images.githubusercontent.com/45950156/61209746-36165e00-a718-11e9-9f60-915dff715a67.png)

#21362019年7月12日作者 selcukcura3 个回答
2 个反应

找不到自定义组件类型,且在页面加载后特性无法工作

你好@artf 我创建了一个非常基础的自定义组件,名为“customsection”,它通过添加类来改变组件的背景颜色,非常简单。 我创建了两个模块:节 - 仅包含组件。节集——包含DOM元素和组件的集合。 不幸的是,我遇到了以下详细说明的两个问题。第1期:带有自定义组件的块被丢弃在画布中——视觉上看起来正常。当更改通过本地存储保存并重新加载页面时,会出现以下控制台警告:“组件类型'customsection'未找到”。 我到底哪里做错了?isComponent逻辑有问题吗?第2期 - 与第#2106期相同丢弃带有自定义组件的方块——视觉上看起来正常,可以选择特征并修改组件的背景颜色。当更改通过本地存储保存并重新加载页面时,自定义...

artf

试着把自定义组件定义放进插件里看看能不能用

alialrabi

@selcukcura把它放在插件里时工作正常吗?

selcukcura

非常感谢@artf,把自定义组件放进插件后这两个问题都解决了! 出于好奇,有什么特别的原因让它现在作为插件工作而不是其他插件吗? @alialrabi 是的,我成功让它工作起来了。如果你还没试过,可以试试[插件样板](https://github.com/artf/grapesjs-plugin-boilerplate)。

#21352019年7月12日作者 doanhcn21 个回答
0 个反应

当使用特质“选择”时,我该如何将一些选项分组?

我想把选项分组成类似HTML中的optgroup标签的组。 ![截图,2019-07-12 14-21-50](https://user-images.githubusercontent.com/32545547/61110299-2cd78800-a4b1-11e9-99e4-b7c8b211e6ec.png) 我需要帮忙吗? 谢谢!

artf

创建一个[自定义特质](https://grapesjs.com/docs/modules/Traits.html)

#21342019年7月12日作者 fmr4112 个回答
2 个反应

创建像视频特质一样的特质

我该如何制作像视频特质这样的特质?我有一个提供者类型,另一种特质类型取决于我选择的提供者,能否通过演示?非常感谢。 ![提供者](https://user-images.githubusercontent.com/15244481/61099601-1b7c8480-a48d-11e9-8b0e-1875dc8f1027.gif)

giorgiosjames

视频部分本身就是一个很好的演示。 可以在“grapesjs repo root > src > dom_components > model > ComponentVideo.js”找到。 这里有一些包含最低必要代码的示例代码: “''es6 var domComps = 编辑器。主导组件; var dType = domComps.getType('default'); var dModel = dType.model; var dView = dType.view; d...

fmr411

好的,非常感谢,我明白了

#21322019年7月11日作者 paskuale752 个回答
0 个反应

非常难理解!!

真的很难理解如何使用这个极好的工具!!文档似乎不够 :'(

artf

请详细说明!你想用 GrapesJS 做些什么?文档中缺少什么?

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

浏览所有主题