PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好，感谢你精彩的项目。我最近遇到了一个困惑的问题。我想导入一些 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://......” ... ] } }); ```
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
grapeJS 是否提供支持，移动组件在一个区块内。如果有，请引导我去找一些资料？此外，我想限制组件移动到方块之外？这有可能吗？ 我看到GrapeJS确实提供拖放功能。你能告诉我从哪里开始吗？
artf
首先检查 [Component]（https://grapesjs.com/docs/api/component.html#properties） 实例上所有可用的属性，特别是（针对你的情况）“可拖拽”和“可丢弃”。
背景图片的网址通过线性渐变函数（如 Linear-Gradient（） 函数进行包裹 “''CSS 背景-图像：-webkit-线性-梯度（path/to/image.jpg）; 我无法在 grapesjs 或插件的演示中重现这个 bug，因为这两个功能（背景图像和渐变）都没有同时使用。
artf
有人能帮忙检查最新版本是否修复了这个问题吗？
alikabeer32
更新：我知道这是个很不靠谱的修复方法，但我做的就是把插件grapesjs-style-gradient.min.js文件里的每个“backgroundImage”都换成了“background”。现在它能正常工作了。也许有人能给出更好的解决方案？
robsonsobral
哇！我不是唯一一个快疯了的人！ @artf，你有什么建议吗？拉取请求应该在哪里提交？
我想把整个背景图层属性都写代码，但这次用“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）
你好@artf 我创建了一个非常基础的自定义组件，名为“customsection”，它通过添加类来改变组件的背景颜色，非常简单。 我创建了两个模块：节 - 仅包含组件。节集——包含DOM元素和组件的集合。 不幸的是，我遇到了以下详细说明的两个问题。第1期：带有自定义组件的块被丢弃在画布中——视觉上看起来正常。当更改通过本地存储保存并重新加载页面时，会出现以下控制台警告：“组件类型'customsection'未找到”。 我到底哪里做错了？isComponent逻辑有问题吗？第2期 - 与第#2106期相同丢弃带有自定义组件的方块——视觉上看起来正常，可以选择特征并修改组件的背景颜色。当更改通过本地存储保存并重新加载页面时，自定义...
artf
试着把自定义组件定义放进插件里看看能不能用
alialrabi
@selcukcura把它放在插件里时工作正常吗？
selcukcura
非常感谢@artf，把自定义组件放进插件后这两个问题都解决了！ 出于好奇，有什么特别的原因让它现在作为插件工作而不是其他插件吗？ @alialrabi 是的，我成功让它工作起来了。如果你还没试过，可以试试[插件样板]（https://github.com/artf/grapesjs-plugin-boilerplate）。
我想把选项分组成类似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）
我该如何制作像视频特质这样的特质？我有一个提供者类型，另一种特质类型取决于我选择的提供者，能否通过演示？非常感谢。 ![提供者]（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
好的，非常感谢，我明白了
http://feather.aviary.com/imaging/v3/editor.js 网：：ERRNAMENOTRESOLVED NPM启动后出现了这个错误： http://feather.aviary.com/imaging/v3/editor.js 网：：ERRNAMENOTRESOLVED 我可以打开这个文件。我可以把它从项目里移除吗？
artf
是的
真的很难理解如何使用这个极好的工具！！文档似乎不够 ：'（
artf
请详细说明！你想用 GrapesJS 做些什么？文档中缺少什么？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。