GrapesJS 问题

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

找到 3,464 个问题

#21212019年7月8日作者 mksmanish791 个回答
1 个反应

Gjs-editable='false' 仅适用于拖拽

我创建了一个组件 var comps = 编辑器。主导组件; var defaultType = comps.getType('default'); var defaultModel = defaultType.model; var defaultView = defaultType.view; comps.addType('module', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { 可掉落:错误, 可编辑:错误 }) }, { isComponent: 函数 (el) { if (el...

mksmanish79

我可以通过创建插件来解决这个问题

#21202019年7月5日作者 alikabeer321 个回答
0 个反应

Body(#wrapper)的CSS属性在editor.setComponents(html)之后不可编辑;

当我用数据库刷新保存页面时,html 和 css 的设置是这样的 $.Ajax({ 网址:“../feeder.php“, 类型:“POST”, processData: false, contentType:false, 数据:FD, 成功:function(result){ var response = JSON.parse(result); HTML = response.html; CSS = response.css; 编辑。CssComposer.getAll().reset(); editor.setComponents(html); editor.addComponents('<style>'+css+''</st...

artf

@alikabeer32请按照BUG模板操作,没有演示很难理解问题所在

#21182019年7月5日作者 lajby952 个回答
1 个反应

把动态方块配置保存成HTML吗?(倒计时,滑行者)

我正在尝试将模板数据保存到数据库中。目前我让它正常工作。它会把“资产”、“组件”、“样式”、“HTML”和“CSS”数据(就像它保存到浏览器的本地存储一样)发布到PHP脚本中。 我发现,“组件”部分(“editor.getComponents()”)包含了包含所有动态元素(如“倒计时”或“滑块”)的HTML结构,因此它能可靠地存储包含所有动态元素的完整模板。“Html”部分('editor.getHtml()')只能保存页面的静态部分,它省略了这些动态元素。 我的问题是,我需要一种方法,只把这些动态元素('倒计时'、'滑块')的配置和初始化代码存储在 HTML 里。原因是,在我将所有五个数据元素(“素材”、“组件”、“样式”、“h...

alikabeer32

你的JavaScript代码真的在设置好吗?可能是因为框架默认运行 editor.setComponents(yourhtml) 时不会设置 js; 'const editor = grapesjs.init({ ... allowScripts:1, });` 这可能会帮到你。祝一切顺利。

lajby95

@alikabeer32 嗯,这似乎解决了问题。谢谢!

#21172019年7月4日作者 sdrebel1 个回答
0 个反应

编辑器中无法加载属性

你好@artf, 我创建了一些带有特性的自定义组件。我保存文件后重新加载,编辑器和预览模式都看不到属性。不过这些属性可以在代码管理器中看到。 有没有办法让它展示它?如果我根据属性给出任何事件,预览模式下事件就不会被触发。 编辑器中的组件 ![属性1](https://user-images.githubusercontent.com/19382262/60640782-6de2f300-9e46-11e9-8100-b396c0b075fa.jpg) 代码管理器中的组件 ![属性2](https://user-images.githubusercontent.com/19382262/60640781-6de2f300-9e46-...

artf

请仔细阅读这部分 https://grapesjs.com/docs/modules/Storage.html 如果还是不行,可以打开一个bug问题,创建一个可复现的演示

#21162019年7月3日作者 rahuloftheramaneffect2 个回答
1 个反应

NS_ERROR_FAILURE rte.exec

我目前正在使用 GrapesJS 为我的网站的博客文章构建一个编辑器。我想改变默认行为的一点是,无法“解除绑定”已经通过rte工具栏转换成超链接的文本。于是我写了以下函数: 这个功能允许你撤销链接,只要光标/选择在超链接文本中的任何位置。 我通过选择段落中的一部分文本并将其转换为超链接,方法如下(超链接按钮是RTE工具栏中最右边的按钮): ![测试设置](https://user-images.githubusercontent.com/9363958/60618298-6e9e6980-9df3-11e9-9b6d-1d2d1b3f7e7e.png) [工作案例] 正如你从左侧图层管理器看到的,尽管选区(“GrapesJS”)已...

artf

这是葡萄处理组件的方式出了问题吗?你能帮我理解为什么会这样,以及我该怎么做来解决吗? 是的,这就是内置文本组件和RTE的工作原理,所以我建议你更新你的“result()”逻辑,增加一个检查所选组件是否是链接,如果是这样,就用别的东西替换它 “''js const comp = editor.getSelected(); comp.is('link') & & comp.replaceWith('${comp.get('content')}'); ```

rahuloftheramaneffect

这方法非常成功!谢谢!

#21152019年7月3日作者 vish43952 个回答
0 个反应

我如何从编辑器外部获得AssetManager选中的图片

你好, 我想从 AssetManager 模型中获得选中的图片。 谢谢。

vish4395

我找到了解决办法 它帮助我使用资产管理器来修改编辑器外的图片字段。 这是正确的使用方式吗?

artf

是的,但我可能会去掉“onClick”功能,因为onSelect已经做了

#21142019年7月3日作者 sharma-mohit-eca2 个回答
0 个反应

关闭 event.preventDefeault() 以实现锚点 onClick 事件

我想在 grapesjs 编辑器中点击打开一个模态,锚定在提供的 html 里。 我在锚点上设置了bind onClick事件,但点击到那个锚点时,触发了grapesjs的prevDef方法,触发了'event.preventDefault()'。 那么有没有办法禁用它,或者点击某个模态时打开该模态?

artf

你能用现场演示展示你的例子吗?我想开启一个模态 是模板里的模态还是GrapesJS的模态?

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

#21132019年7月3日作者 shvhh暂无回答
0 个反应

自定义专属功能请求

应该有功能可以从右边切换到左边工具栏我找不到任何选项可以添加属性,比如在表单时添加动作,对于表单元素添加名称,以及在点击操作时添加(如果可能的话)。

#21122019年7月3日作者 ghost1 个回答
2 个反应

外部库的自定义元素

你好,感谢你这个精心制作且非常有帮助的项目。 我想知道是否有关于如何将第三方组件库整合进生态系统的指南,这里的库是指那些提供我们自定义元素的库: https://framework7.io/docs/introduction.html https://onsen.io/v2/guide/#getting-started 提前感谢大家。

ghost

抱歉,我只是看了你们文档里的“组件和JS”,我想你们已经考虑了每个方面。精彩的作品。 提前感谢大家。

#21112019年7月2日作者 logeshkrishna01 个回答
0 个反应

编辑时获取HTML和CSS的问题

你好,希望大家今天过得愉快。我在看编辑HTML函数。在那个过程中,我更改了编辑窗口的视图,比如导出模态。(即,HTML和CSS的单独窗口)。我可以编辑内容。我需要在modal窗口里获取内容(html和CSS),同时点击保存按钮。现在我用的是“$editor.view.el.outerText”。它给出的内容只需最低的CSS数量。如果我编辑大块,外文无法返回完整的CSS。还有其他方法可以在保存时获取模态HTML和CSS吗? ![编辑](https://user-images.githubusercontent.com/52228872/60480649-ef504f00-9ca7-11e9-9e85-1e1fa8c1ffb7.png)

artf

我觉得你应该在找 ['getHtml'](https://grapesjs.com/docs/api/editor.html#gethtml) 和 ['getCss'](https://grapesjs.com/docs/api/editor.html#getcss)

浏览所有主题