PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 3,464 个问题

#20432019年5月28日作者 megarg1 个回答
0 个反应

添加自定义组件不起作用

我做了很多研究，但仍然无法添加自定义组件。我尝试了官方文档中的示例（修改“输入”元素的行为），效果很好。 https://grapesjs.com/docs/modules/Components.html#define-new-component 但上述例子是修改现有组件（“输入”）。 我正在尝试弄清楚如何创建一个新的组件。以下是我的代码，但它无法正常工作（我在表格中拖动时没有打印任何内容）。- 注意我使用了官方示例，并稍作修改以创建这个自定义组件。 请帮帮我，我可能哪里做错了...... comps.addType（'input2'， { 定义模型 model： defaultModel.extend（{ 扩展默认属性 defa...

artf

首先，使用[改进版API]（https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype）。 “isComponent” 只有在你需要解析 HTML 字符串时才会触发，如果你传递组件对象（例如 '{ type： 'input2'， }'），则不需要解析。 你在画布里看不到任何东西，因为显然HTML5中没有INPUT2元素

查看详情
#20412019年5月28日作者 EthanM111221 个回答
0 个反应

驾照信息缺失了吗？

你好， 在阅读本项目和 grapesjs-preset-newsletter 项目的[许可要求]（https://github.com/artf/grapesjs/blob/dev/LICENSE）时，许可文件中规定必须在输出源/二进制文件中引用/包含免责声明。 为了满足这一需求，[source js]（https://github.com/artf/grapesjs/blob/dev/src/index.js）是否不应该包含类似[这个]（https://github.com/twbs/bootstrap/blob/111024695a70e1133256b6aeaac41fae98c8150e/js/index.esm.js#L...

artf

在阅读本项目及 grapesjs-preset-newsletter 项目的许可要求时，许可说明必须在输出源/二进制文件中引用/包含免责声明。 我认为这句话可能有不同的解释，在这种情况下，代码/仓库的重新分发应该包含 LICENCE 文件

查看详情
#20402019年5月28日作者 dizzydes3 个回答
0 个反应

招聘GrapeJS插件开发者

我打算开发一个插件，想聘请一位有经验的 GrapeJS 插件开发者，合同制来做这项工作。 如果你感兴趣，请回复、私信或发邮件（见下方），我们可以聊聊。

artf

@dizzydes也试着在[discord聊天]（https://discord.gg/QAbgGXq）的专属频道发布你的优惠。

dizzydes

会的，Artur，谢谢。 谢谢， 德斯 用我的iPhone发送 2019年5月30日凌晨0：30，阿图尔·阿尔谢涅夫<[email protected]>写道： 关闭 #2040。 — 你收到这个是因为有人提到你。 直接回复此邮件，访问GitHub查看，或静音该帖子。

GoodPHP

https://devfuture.pro/grapesjs-development/

查看详情
#20392019年5月27日作者 faaizalikhan13 个回答
0 个反应

我如何更新职业的样式？

你好，我有这个按钮，鼠标悬浮时样式会变化，添加一个新职业： '<button class=“btn btnhovered”>按钮1</button>' ' <button 类=“btn”>按钮2</button>' 有没有办法更改某个职业的风格？如果我想给“btnhovered”类添加自定义颜色？ 任何帮助都非常感谢，谢谢。

artf

要获得该类的规则，请使用 ['CssComposer.getRule']（https://grapesjs.com/docs/api/csscomposer.html#getrule），一旦有了规则，就会更新它的样式 “''js const rule = 编辑器。CssComposer.getRule（“.btnhovered”）; rule & & rule.addStyle（{ 颜色： 'red' }）; ```

faaizalikhan1

@artf 你好，我正试图用那个语句访问，但得到的回复是空，可能是什么问题？

artf

其实，这条规则一开始就应该存在。如果你在初始化方法中使用了“canvas.styles”选项，这些选项不会被附加在 CssComposer 里，所以你必须先添加它。

查看详情
#20382019年5月25日作者 Apetrou3 个回答
0 个反应

按钮闪烁着问号，且无响应。

你好， 我使用这个库遇到了问题，首先有些按钮缺少图标，点击时闪烁，且没有响应。例如： ![截图 2019-05-25 12 53 28]（https://user-images.githubusercontent.com/17902157/58368978-5c740600-7eec-11e9-858e-485b50727c7c.png） 另外，当我选择页面上的某些元素时，会出现一些白色斑点。例如： ![截图 2019-05-25 12 55 08]（https://user-images.githubusercontent.com/17902157/58369017-aeb52700-7eec-11e9-8811-a529c06...

artf

@Apetrou我觉得你缺少了一些文件（那些白色斑点看起来像是巨大的工具栏图标，字体大小似乎被更改了）。 试着从演示用的文件开始 https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html

umer936

我也有这个问题。 我正在尝试把它包含在一个 CakePHP 应用中。如果我在桌面上运行同样的 GJS 包含和脚本，在简单的 HTML 文件上运行，它就正常工作——也就是说没有缺失的包含。不过，如果把我需要的应用里的 gjs 设置也加入，结果看起来和上面的图片一模一样。

umer936

好的。经过多次反复试验，问题是我已经在标题中包含了font-awesome。 '''<script src=“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js” integrity=“sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==” cr...

查看详情
#20372019年5月25日作者 fmr4111 个回答
0 个反应
无效问题

添加元素时工具栏错误位置

我用modal制作了画布，但出现了一些bug，当我添加新组件时，工具栏的位置下降了，最初是0的顶部画布值（grapesjs.min.js时console.log（r.canvasTop）也变了），但当我调整浏览器大小后，一切又恢复正常（这个bug只在页面加载时出现）， 我该怎么解决，非常感谢。 ![动图]（https://user-images.githubusercontent.com/15244481/58365566-7e6f8780-7ef0-11e9-820b-9df72a293a9f.gif） 丢弃元件时，元件的位置（绿色线表示）不合适。 ![错误拖拽]（https://user-images.githubuserco...

artf

如果遇到错误，请将问题当作bug打开。所以按照这个bug的模板操作。

查看详情
#20362019年5月24日作者 Gummibeer1 个回答
1 个反应

存储对象结构的文档

嘿， 我想把这个软件包和我现有的基于Element的后端结合起来。为此，我需要将发布到远程存储服务器的数据映射到我自己的数据结构中，加载时也要映射回 grapesjs 的结构。 举个非常基础的例子，我用了简单的标题元素“<h1>'，它也出现在包文档中。 '''html <h1>你好，世界组件！</h1> 数据结构大致如下，我用的是JSON，没有数据库，但思路应该很清楚： '''json [ { “类型”：“H1”， “数据”：{ “头条新闻”：“你好，世界组件！” } } ] '''json [ { “tagName”：“h1”， “type”：“text”， “名字”：“， “可移除”：正确， “可拖拽”：正确， “droppa...

artf

你可以在这里看到组件的所有属性：https://grapesjs.com/docs/api/component.html#component 而且这些都不是必须的

查看详情
#20352019年5月24日作者 MetalPinguinInc暂无回答
0 个反应
缺陷

在 StyleManager 中选择类时，会触发 TypeError

你好， 我在通过 StyleManager 的 UI 选择或取消选取某个元素的类时遇到了一个问题。这种情况在我自己的项目和GrapesJS页面上的newletter演示中都会发生。 这个问题发生在0.14.61版本上，应该是当前版本。 繁殖：从GrapesJS主页打开newletter演示。点击大 GrapesJS 图片，进入 StyleManager。（取消）选择该类旁的复选框。观察控制台中未被捕获的类型错误。 我附上了截图，应该足够了，如果需要更多信息请告诉我。看起来 GrapesJS 试图在复选框上委派一个事件，但找不到应该委派的元素，并且不断尝试检索 parentNode，直到没有 parentNode 且委派目标依然找不...

查看详情
#20342019年5月24日作者 sdrebel1 个回答
1 个反应

如何动态地移除特质场？

你好@artf， 我有一个下拉菜单，选项很少。根据选择，选项字段是用 addTrait 生成的。类似地，有没有removeTrait功能？ Ex： 如果我选择Option1，就会生成“field-1”。如果我选择选项2，应该去掉“field-1”，然后添加“field-2”。

sdrebel

在更新后的开发版本里找到了解决方案。 component.removeTrait（“title”）;

查看详情
#20332019年5月24日作者 charlieshum11 个回答
1 个反应

如何更改所选组件轮廓样式

你好@artf 我可以用 '.gjs-cv-canvas .gjs-highlighter { ...... }` 我如何更改所选组件的轮廓样式？ 我无法用“.gjs-comp-selected”来应用样式 另外，我怎么更改悬停/选中组件的组件类型/名称标签样式？ 谢谢！

artf

只有选中的组件样式在画布内部，所以你必须使用“canvasCss”选项 https://github.com/artf/grapesjs/blob/8915ae417bed25a4834b34d8f0ecc08f0e03fd64/src/editor/config/config.js#L74-L78 其他部分，你可以像往常一样用简单的CSS

查看详情

浏览所有主题