PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我在插件里定义了一个组件和一个块。该块依赖于 AJAX 获取部分数据，然后重新渲染。 “''js 内容：{ 类型：“testComponent”， 内容：“AJAX加载中......” 脚本：function（） { 内容通过 $（“#” + this.id 进行更改） } } ``` 当我用d&D块块到编辑器画布时，一切都很顺利。但一旦加载存储的数据，脚本就无法执行。从图片中可以看到组件类型被正确保存和加载，因此特征如下： ![图片]（https://user-images.githubusercontent.com/10260230/81509957-a8db7000-930e-11ea-9de9-bca8d562d655.p...
我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本： 我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本： <script type=“text/javascript” src=“js/jquery-1.10.2.js”></script> <link rel=“stylesheet” type=“text/css” href=“grapesjs-dev/dist/css/grapes.min.css”> <script type=“text/javascript” src=“grapesjs-dev/dist/grapes.min.js”></script> H...
Ju99ernaut
你应该设置一个RESTful API，比如： 'SQL' '''SQL 创建数据库 GJS; 如果不存在，创建表格 '页面' （ 'id' int（20） 非空 AUTOINCREMENT， '资产' 文本非空 默认 '[]'， 'COMPONENTS' 文本非空默认 '[]'， 'CSS' 文本非空默认 ' '， 'html' 文本非空默认 ' '， '样式' 文本非空默认 '[]'， 主键（“id”） ） ENGINE=InnoDB 默认 CHARSET=latin1...
ghuser123
@Ju99ernaut，Q1） 我所有的前端代码片段都对吗？Q2） 我如何获得“$POST”变量？在浏览器网络检查标签页中，我只看到请求负载。“$POST”那里是空的。Q3） 为了加载，保存的数据会自动附加到编辑器中吗？
Ju99ernaut
我猜“$_POST”变量只适用于URL参数，我已经更新代码用“$data”变量，前端的片段没问题，但加载时数据不会自动附加到编辑器，因为加载方法只发送GET请求，加载后你得告诉编辑器该怎么做。 例如： “''js 附加到前端代码 editor.on（'load'， （） => { const rs = 编辑。StorageManager.get（“远程存储”）; rs.load（res => { editor.setComponents（JSON.parse（res['gj...
我正在将 JSON 传递给 'editor'。BlockManager.add（）' 函数来定义我的块，从服务器加载内容，并以同样方式填充名为“defaultCategory”的select类型特征。 一切都很顺畅。现在我需要听到那个选择的“onchange”事件，并在那里执行一些JS。 我咨询过 https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components 但没找到具体方法。 你介意快速演示一下，当我的特性值发生变化（通过用户选择其中一个选项）时，我该如何执行“alert（'test'）”？提前感谢大家。 “''js { label： '<img s...
Aiyush-G
你解决这个问题了吗？如果有，怎么做？
SwapnilSoni1999
请向导
Vampire-V
@lofcz 你怎么解决这个问题？
关于这里的（已关闭）讨论串：https://github.com/artf/grapesjs/issues/1693 我也遇到过“”字符替换标签页的问题，每次保存内容都会造成混乱。 我发现我用的服务器是用的是过时的PHP版本（大约5版）。 我立刻把PHP升级到最新版本（7.s.），问题就解决了。 我猜这和旧版PHP的字符编码有关。 只是想把这些信息放在这里，以备将来参考。
artf
太好了，谢谢@supershwa推荐
嘿，@artf，首先，GrapesJS干得好！我玩得很开心。这太棒了！ 所以，关于这个问题，或者说我还不太了解...... 情况：我想用资产管理器创建画廊。我按照步骤创建了列表并添加了一些分类。 我创建了这个函数，用来生成随机图片。 然后我有这个： 我称之为“getAll（）”的函数给我10，而“getAllVisible（）”给我5，正如它本来应该做的那样。但当我打开资产管理模式时，所有10个图像都显示出来了，而不仅仅是我想要的5个...... 我应该自己创建一个模态并显示可见的模态，还是资产管理器只显示可见的模态？
cartifon
没问题！内容如下： https://www.w3schools.com/code/tryit.asp?filename=GEQ2MIV7CI3W （更新）
artf
谢谢你，@cartifon，关于这个问题，说实话，我本来希望资产管理系统会更新，你能做一个可复现的实时演示，让我更好地检查吗？
artf
'0.12.17' 太老了，用最新版本的 Grapesjs 就能用了
嗨 我正在尝试更改编辑器语言，我在 grapesjs.init 里添加了以下几行： 但这对我来说不管用。 提前感谢大家
ZaheerNiazi007
@grodriguez88请更新你的 grapes js版本 i18n： { 地点：“En”， detectLocale： false， 消息添加：{ 英文：英文， }, }, 并使用这个 我的工作非常顺利
这在运行“0.16.12”''的[demo site]（https://grapesjs.com/demo.html）上可以复现。 在控制台里，运行“''编辑器”。Keymaps.removeAll（）'' 并尝试删除一个组件。它确实会删除组件，但我认为不应该删除。看起来其他键映射的解绑都正常。 我不确定这是Grapesjs还是Keymaster的问题。我在给方向键添加自定义键位映射时注意到这个问题，发现调用“editor.destroy（）”''时没有被清理干净。 我注意到可以这样解绑删除命令： 我在想Keymaster里的unbind命令是不是本来是要处理单个键，而不是在退格键的情况下处理多个键，但复制/粘贴/撤销/重做功能是...
artf
我在想Keymaster里的unbind命令是不是本来是用来处理单个键，而不是在退格键的情况下处理多个键，但复制/粘贴/撤销/重做功能是正常的。 嗯，它和其他键位映射兼容，所以我觉得它能处理这个选项，但我完全不明白“退格，删除”有什么问题（用“删除，退格”时甚至会触发错误???）看起来一个简单的解决方案是在这里拆分keymap.key字符串，然后逐个解绑键 同意，但你说的“我给方向键添加了自定义键映射”的情况呢？它和分体系统一起用吗？PR非常受欢迎:)我也注意到Keymas...
mattdeigh
天哪......我查过Keymaster，发现[解除绑定函数处理多个按键]（https://github.com/madrobby/keymaster/blob/master/keymaster.js#L172），所以问题肯定出在别处。我看的时候没发现有什么特别的。当我尝试解绑密钥时，没有出现任何错误。 我在单页应用中使用 GrapesJS，所以我需要销毁 GrapesJS 并重新启动，否则浏览器不会重新加载。我最初就是这样发现这个bug的。当你摧毁、重启并使用删除键或退格...
artf
你对分弦法满意吗？ 当然，看看能不能用
你好，我想重现默认的 GJS 行为，当样式管理器被隐藏时，如果没有选中任何组件。 像这样： ![图片]（https://user-images.githubusercontent.com/33792090/81327850-9b22b200-90a4-11ea-884d-234ecae1ed7b.png） 但如果标记是自定义的，比如这里的artf示例，这似乎默认不工作： https://codepen.io/artf/pen/MQpZPj
artf
是的，这个逻辑是在这个 [command]（https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/commands/view/OpenStyleManager.js#L46） 里处理的，这个命令不包含在自定义界面里，所以你得自己添加它
你好， 我想在样式管理器里添加一个切换器，一键更新多个属性。 比如，一个带有极具字体图标的切换器，用来将 DOM 与边距-左边和边距-右这两个属性对齐。 如果我点击“对齐左”按钮，我想同时更新属性“margin-left”和“margin-right” 这可能吗？ 此致敬礼
artf
目前还没那么简单（我们没有自定义样式的文档），所以目前我建议用[Traits]（https://grapesjs.com/docs/modules/Traits.html）
我想创建一个类似视频画廊的图片画廊。丢弃视频块后显示画廊。我该怎么做？我使用 grapesjs-preset-webpage 插件。试着在下面写代码，那个不起作用...... VAR Editor = Grapesjs.init（{ 身高：“100%”， 展示偏移集：1， noticeOnUnload： 0， 容器：“#gjs”， fromElement： true， 插件：['GJS-preset-webpage'， 'gjs-blocks-basic']， storageManager： { 自动加载：0， 自动保存：错误， setStepsBeforeSave： 1， contentTypeJson： true， }, pl...
artf
你好@ShakilAhmedMunna，你必须使用自定义的[组件]（https://grapesjs.com/docs/modules/Components.html）
shakil-official
我不明白怎么用那个......有没有相关教程
nadhu2013
这张工单有没有什么解决方案？因为我需要和用 grapesjs-preset-webpage 插件时一样的方案