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

GrapesJS 问题

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

找到 3,464 个问题

#26362020年3月11日作者 mcottret2 个回答
2 个反应

：预览模式下自定义面板未被隐藏

又见面了:) 我们团队最近开始定制编辑器并移除网页预设，可能发现了一些与预览模式相关的bug： 使用内置预览模式搭配自定义面板时，进入预览模式时自定义面板不会被隐藏。 如果我们查看[source]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/Preview.js#L6），预览命令使用了“editor”。Panels.getPanelsEl' 函数用于检索隐藏面板，这对应于包含内置面板的“内部”面板元素。 一种建议的解决方案是循环浏览面板集合（通过“editor.”检索）。Panels.getPanels'）并切换它们的“可见”属性。你怎么看？ 我很乐意开个...

artf

一种建议的解决方案是循环浏览面板集合（通过编辑器检索）。Panels.getPanels）并切换其可见属性。你怎么看？ 是的，完全说得通。请继续PR，非常感谢

mcottret

太好了！#2669开了。

查看详情
#26352020年3月10日作者 micker3 个回答
2 个反应

在编辑器中加载外部CSS

你好，我查了很多资料，但没找到如何在编辑器里加载CSS文件的方法 我的代码 关于其他问题，我也要补充 斯泰尔斯：[\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] 没有真正的错误，但也没有风格...... 我忘了什么？ '功能fclayoutinitbuilder（editorsfx， elementid） { /*比如说，你从已经定义好的HTML模板开始你想为用户实时导入 / var LandingPage = { html： \'<h2>这是布局区域，你可以拖拽这里添加你的方块，要加载flexicontent字段，请使用数据面板插入fl...

pouyamiralayi

@micker你必须这样包含它们： 我在你的设置里没看到“canvas”这个对象。 干杯！

pouyamiralayi

@micker如果你的“customCss”是URL的话，那就是包含它的方式。但如果你有一些风格想手工添加，步骤如下： 干杯！

micker

我尽量用 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 但我对此不确定...... 如果我像这样加画布 我遇到了这个错误 缝隙不连结 “canvas：{ 脚本：空， 风格：[\'http://localhost/flexidev/templates/shaper_helix3/css/template.css\'] //有办法做到吗？ }2var LandingPage =...

查看详情
#26322020年3月9日作者 micker3 个回答
3 个反应

用拖放方式Rezize 方块

你好，我正在尝试绝对模式！它真的很棒，但为了完整体验这个设计师模式，你打算通过拖放方式添加Rezize模块吗？ 此致敬礼

pouyamiralayi

@micker你必须在你的[组件类型定义]（https://grapesjs.com/docs/modules/Components.html#component-definition）中指定“resizable：true”。 干杯！

micker

好的，谢谢！

pouyamiralayi

@micker如果你想用方块，就得这样做：

查看详情
#26312020年3月9日作者 HansSchouten2 个回答
2 个反应

TextNoElement 无法工作

我正在尝试更新样式和TraitManager的textNoElement，但似乎没有效果。 结果请见此处： https://jsfiddle.net/zrobkL80/5/ 另外，默认的StyleManager扇区会消失，有什么建议我做错了吗？ 我使用的是最新的GrapesJS版本（0.15.10）。

artf

这些选项已经移除了，你必须使用[i18n模块]（https://grapesjs.com/docs/modules/I18n.html）

HansSchouten

好的，谢谢，我会去了解一下。

查看详情
#26302020年3月9日作者 micker3 个回答
2 个反应

按钮切换设计师模式

你好 能不能加一个按钮来切换设计师模式？绝对的 / 翻译？ 此致敬礼

pouyamiralayi

@micker你需要一个[命令]（https://grapesjs.com/docs/modules/Commands.html#basic-configuration）来执行：“editor.setDragMode（'absolute'）”。关于面板和按钮，你可以参考[入门]（https://grapesjs.com/docs/getting-started.html#panels-buttons）指南。 干杯！

micker

好吧，也许切换模式可以在基础配电盘里？

micker

你好，谢谢 你觉得能不能把Twice模式混合成更多？是不是太早了？ 因为我测试时可以把文本放进列里，比如......最好用绝对位置在列里，把Yexy块放进去，这样可以像群组一样移动列

查看详情
#26292020年3月9日作者 vitor-peixoto1 个回答
2 个反应

可以用 React 组件创建组件吗？

是否有可能从某个库中创建一个或获取一个 React 组件，然后插入为允许的组件来创建模板？

pouyamiralayi

这里@TRUEND一个[示例]（https://github.com/beepsoft/grapesjs-react-component-example） 干杯！

查看详情
#26282020年3月8日作者 abzal03 个回答
2 个反应

如何更新性状值

你好@artf非常感谢你带来的精彩项目， 我创建了一个新类型，它类似于普通链接，但链接标题会随着 ajax 更新。然后更新特质“linktitle”。它和画布的数值会更新，但“设置”中的特性仍然显示初始值，且没有变化。 必须更新该值的代码部分： 编辑。DomComponents.addType（'newLink'， { 型号：{ 默认值：{ 组成要素： [ { 值得突出：确实， 可编辑：正确， 可选择：真 }], 特质：[ { 类型：“文本”， 标签：“URL”， 名称：“URL”， 值：“https://”， 变革提案：0 }, { 类型：“文本”， 标签：“标题”， 名称：“Linktitle”， 值：“链接标题”，//此项必...

pouyamiralayi

@abzal0好！虽然道具方法应该没问题，但我不明白为什么不行，或者我漏掉了什么！如果我们想使用属性，必须使用 'addAttributes' 来更改属性，以下是该过程的一个工作示例： 干杯！

abzal0

@pouyamiralayi非常感谢你的时间，这个问题解决了： ' this.model.addAttributes（{'linkTitle'：oldValue + ' Changed！'}） ` 你省了这么多时间，再次感谢:)

abzal0

editor.getSelected（）.getTrait（'linktitle'）.set（'value'，'CCC'）; 也行不通

查看详情
#26272020年3月8日作者 GoodPHP3 个回答
6 个反应

DevFuture.pro 全新定制编辑器

你好， 我们想推广GrapesJS的新设计。 我们的工作：https://github.com/GoodPHP/GrapesJS-devfuture 你有任何问题都可以写信给我们：[email protected] 请在下方写下你的看法。你喜欢吗？

GoodPHP

你>用CMS实现过动态数据层吗？ 我实现了页面构建器网站，比如： https://wix.com/ https://www.websitebuilder.com/ https://www.squarespace.com/ 用户可以购买域名、连接现有域名、创建网站、发布本网站等 我对GrapesJS有很多基础准备。

pouyamiralayi

如下所示： <img width=“349” alt=“Desktop 2017-03-14 at 6 06 23 PM” src=“https://user-images.githubusercontent.com/53266765/76199255-c7d15f00-6204-11ea-8c9b-52a4ea1f2dc1.png”> <img width=“351” alt=“Desktop 2017-03-14 下午5点10分46分” src=“https://use...

pouyamiralayi

@GoodPHP干得好！你有计划将GrapesJs与CMS集成吗？

查看详情
#26262020年3月6日作者 ikenderham3 个回答
0 个反应

通过面板按钮上下移动组件

你好，我在考虑做一个函数，当按下按钮时，在画布中移动组件上下移动。这可能吗？有人能教我怎么做吗？也许这个未来一直都在？

artf

你可以用类似的方法来移动组件 “''js const moveUp = component => { const comp = component ||editor.getSelected（）; const parent = comp.parent（）; const index = comp.index（）; 如果（索引> 0） { comp.remove（）; parent.append（comp， { at： index - 1 }）; } } const moveDo...

ikenderham

你好 谢谢你的回答......但我该如何把按钮添加到组件工具栏？我试过issues/266上的示例，但这里不行。我能否决另一个文件中的工具栏，这样我就不用更改核心文件了？

ikenderham

我找到了怎么做。你给我的代码对我来说不起作用。 我试着用命令添加它，但无法将组件上下移动。 举个例子：如果我有一行里面有内容，那么我需要把容器往上移到另一个容器上。 希望你能理解我

查看详情
#26252020年3月5日作者 DRoet1 个回答
0 个反应

在插件内部调用父方法

你好，@artf， 在插件内部调用 grapesjs 方法的推荐方式是什么？ grapesjs-mjml 插件使用 this.MethodName() （https://github.com/artf/grapesjs-mjml/blob/7a9712ce7a401079f31932a7fe2c342657e85efa/src/components/index.js#L248） 然而，当插件在生产包中被压缩时，插件就无法使用，因为没有直接继承 grapesjs。 有没有办法直接调用 Editor 对象中的函数/变量？因为这是唯一直接传递给插件的变量。比如说 this.methodName() 会变成 editor.View.met...

artf

你可能需要类似的东西 “''js const 视图 = 编辑器。DomComponents.getType（'default'）.view; View.prototype.renderAttributes.apply（this）; ``` 无论如何，Minifer 做这么不安全的取出真的很奇怪。我用过类似的设备[这里]（https://github.com/artf/grapesjs/blob/104f5218f4dd0f1f2b14596cee7d5100f6b32ff5...

查看详情

浏览所有主题