GrapesJS 问题

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

找到 3,464 个问题

#27642020年5月11日作者 lofcz暂无回答
0 个反应

通过storageManager加载后,用内容->脚本阻断

我在插件里定义了一个组件和一个块。该块依赖于 AJAX 获取部分数据,然后重新渲染。 “''js 内容:{ 类型:“testComponent”, 内容:“AJAX加载中......” 脚本:function() { 内容通过 $(“#” + this.id 进行更改) } } ``` 当我用d&D块块到编辑器画布时,一切都很顺利。但一旦加载存储的数据,脚本就无法执行。从图片中可以看到组件类型被正确保存和加载,因此特征如下: ![图片](https://user-images.githubusercontent.com/10260230/81509957-a8db7000-930e-11ea-9de9-bca8d562d655.p...

#27632020年5月10日作者 ghuser1233 个回答
3 个反应

GrapesJs 和 PHP - 存储和加载数据,显示在编辑器和 HTML 页面中

我正在使用 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...

#27622020年5月9日作者 lofcz3 个回答
0 个反应

如何直接从添加块中听到性状值的变化

我正在将 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 你怎么解决这个问题?

#27612020年5月9日作者 supershwa1 个回答
0 个反应

已解决——HTML中的“”字符(字符编码问题)

关于这里的(已关闭)讨论串:https://github.com/artf/grapesjs/issues/1693 我也遇到过“”字符替换标签页的问题,每次保存内容都会造成混乱。 我发现我用的服务器是用的是过时的PHP版本(大约5版)。 我立刻把PHP升级到最新版本(7.s.),问题就解决了。 我猜这和旧版PHP的字符编码有关。 只是想把这些信息放在这里,以备将来参考。

artf

太好了,谢谢@supershwa推荐

#27602020年5月9日作者 cartifon3 个回答
1 个反应

资源渲染所有图像,而不是只渲染部分。

嘿,@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 就能用了

#27592020年5月7日作者 grodriguez881 个回答
0 个反应

更改编辑语言

嗨 我正在尝试更改编辑器语言,我在 grapesjs.init 里添加了以下几行: 但这对我来说不管用。 提前感谢大家

ZaheerNiazi007

@grodriguez88请更新你的葡萄JS版本 i18n: { 地点:“En”, detectLocale: false, 消息添加:{ 英文:英文, }, }, 并使用这个 我的工作非常顺利

#27582020年5月7日作者 mattdeigh3 个回答
0 个反应

Keymaster 无法解绑按键。

这在运行“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

你对分弦法满意吗? 当然,看看能不能用

#27572020年5月7日作者 makkaronis4e1 个回答
0 个反应

如果没有选中组件,隐藏样式管理器

你好,我想重现默认的 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) 里处理的,这个命令不包含在自定义界面里,所以你得自己添加它

#27552020年5月6日作者 Lerdouille1 个回答
0 个反应

在样式管理器中更改两个属性值

你好, 我想在样式管理器里添加一个切换器,一键更新多个属性。 比如,一个带有极具字体图标的切换器,用来将 DOM 与边距-左边和边距-右这两个属性对齐。 如果我点击“对齐左”按钮,我想同时更新属性“margin-left”和“margin-right” 这可能吗? 此致敬礼

artf

目前还没那么简单(我们没有自定义样式的文档),所以目前我建议用[Traits](https://grapesjs.com/docs/modules/Traits.html)

#27542020年5月6日作者 shakil-official3 个回答
0 个反应

我如何自定义视频块

我想创建一个类似视频画廊的图片画廊。丢弃视频块后显示画廊。我该怎么做?我使用 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 插件时一样的方案

浏览所有主题