GrapesJS 问题

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

找到 3,464 个问题

#5692017年11月24日作者 markbailey3 个回答
0 个反应

文本块内容重复

我在网站演示中复现了这个,所以我知道这不是我的编码问题。 如果你把最小高度和宽度设置为文本块,然后删除所有文本使其空白,重新输入文本时文本会重复。

ryandeba

你好@markbailey, 我成功重现了这个问题,并提交了拉取请求来修复。复制的内容只出现在 dom 里,不在组件属性里,强制编辑后渲染视图似乎能解决问题。

markbailey

你好,@ryandeba,谢谢你的信息和解决办法。我期待你们的改动被合并。

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#5682017年11月24日作者 matthewgertner3 个回答
0 个反应

用鼠标调整方块大小?

我注意到在当前的演示中,大多数方块只能通过属性编辑器来调整大小,不能通过拖动方块上的锚点(比如用地图元素可以做到)。这是设计的,还是只是尚未实现的功能?

ryandeba

你好@matthewgertner, 我相信可以通过“resizable”属性在单个组件上启用:“component.set(”resizable“, true)。对于带有“显示:内联”风格(比如“”)的元素,<span>或者高宽按百分比而非像素设置的元素,它可能不太适用。 这可能不是最理想的实现方式,但你可以这样做来观察它的实际操作:'editor.on(“component:selected”, function(args) { args[1].set(“resizab...

artf

@matthewgertner Ryan 的解决方案应该可行,是的,我并没有出于 Ryan 已经解释的原因设计上应用它们,但你实际上可以创建启用可调整大小的块/组件

matthewgertner

@ryandeba @artf 太好了,谢谢你的建议。我们现在正在玩代码库,会试试这个方法。

#5672017年11月24日作者 NorthstarTech3 个回答
4 个反应

一个插入可编辑HTML的组件

是否有可能创建一个块,允许用户直接在模板上或样式/布局管理器中写响应式HTML?

ryandeba

你好@NorthstarTech, 我刚做了一个插件(非常早期,还需要更多改进),你可能会觉得有帮助:https://github.com/ryandeba/grapesjs-html-block。 你应该可以把这个文件包含在你的项目里,并在你的 grapesjs init 配置里包含插件: 'Grapesjs.init({ ..., 插件:['html-block'] })` 完成后,你应该会看到一个新的“HTML代码”模块。拖拽到某个地方,选择元素,你应该会在工具栏看到...

ryandeba

@chiqui3d 将“isComponent”函数改为这个,以防止初始内部HTML被葡萄解析成组件: 我发布的[其他代码](https://github.com/artf/grapesjs/issues/567#issuecomment-365481752)应该能防止grapesjs在通过modal编辑后解析html。关键是你需要把内部 html 设置在“content”属性里,而不是“components”里。

ryandeba

根据这里的第一条评论,我相信这个问题已经解决,可能会被关闭:https://github.com/ryandeba/grapesjs-html-block/issues/1。如果你想继续保持这个问题开放,@NorthstarTech能确认或回复更多细节吗?

#5662017年11月24日作者 Deepak8133 个回答
0 个反应

如何在视频特征中添加自定义HTML类型

如何在视频特征中添加自定义HTML类型,使用户能够输入iframe代码并将其嵌入HTML中。

artf

我觉得这是一种完全不同类型的[组件](https://github.com/artf/grapesjs/wiki/Components)。

Deepak813

我们有没有在下一版本的视频类型特征中加入这个组件?

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#5652017年11月23日作者 paulroberttaylor-zz3 个回答
0 个反应

自定义HTML元素

是否可以使用自定义的 HTML 元素,例如: <body> <my-custom-tag/> </body> 哪个会为预览窗口渲染特定的 html,但源代码输出的是自定义标签? 谢谢, 保罗

artf

是的,你可以在自定义组件中使用不同的标签名称 “''js const dc = 编辑器。主导组件; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ 标签名称:“自定义标签” }, { isComponent(el) { if(el.tagName == 'CUSTOM-TAG') return {type:...

paulroberttaylor-zz

谢谢@artf,这让我找到了正确的方向。 如果我想让区块中需要编辑的内容出现在自定义标签代码中,我该如何实现?

artf

你是说像这样的东西? “''js 编辑。BlockManager.add('custom-block', { 标签:“自定义块” 内容:“<custom-tag>......</custom-tag>” }) ```

#5642017年11月23日作者 paulroberttaylor-zz3 个回答
0 个反应

插件使用外部CSS/字体

你好, 我有一个应用的想法,我觉得我这个领域的人会觉得有用。 本质上,我们有一个用于应用开发的框架,但没有针对它的界面构建器。 它有一个相当大的 css/icons/svg/fonts 资产文件夹。 我想做的是能够创建一个插件,包含这些资源,而不是必须把每个组件的样式添加到块的标记中。 如何实现这一目标? 谢谢, 保罗

artf

你好,Paul,你可以这样注入外部风格 “''js const editor = Grapesjs.init({ ... 画布:{ 斯泰尔斯:['...file1.css,'......file2.css','...'] } }); ```

paulroberttaylor-zz

太棒了! 谢谢@artf

suraj740

你好@paulroberttaylor,你是如何在样式中加入字体的, 我也在做同样的事,但什么都没发生 const editor = Grapesjs.init({ ... 画布:{ 样式: ['<link href=“https://fonts.googleapis.com/css?family=Roboto” rel=“stylesheet”>'] } });

#5632017年11月23日作者 faizansaiyed3 个回答
2 个反应

表格<thead>和<tbody>标签被省略

你好, GrapesJS 可能出现了新问题。我用“bm.add()”创建了一个新组件,里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml()' 方法获取 html 时,'<thead>' 和 '<tbody>' 标签会被省略。你能帮帮我吗? ![截图:2017-11-23 10-16-20](https://user-images.githubusercontent.com/33310500/33159266-5ebd404e-d037-11e7-8699-0f7f4c13935f.png) ![截图来自2017-11-23 10-14-28](https://user-ima...

artf

@fsaiyedOB是的,我把[表格组件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js)做成这样,因为写作时分拣器表现得不一样,排行时有“身体”状的元素,很乱。目前,处理桌子不是我的优先事项,但我会先留个余地,以防有人愿意帮忙

ryandeba

谢谢!我会在接下来的几天内开始做这件事。

ryandeba

你好@artf——我可能以后可以看看这个。我开始时只是移除了[表格组件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js)(第54-68行)中的“清理非行的表格行”部分。你能指点一下这会带来哪些需要解决的问题吗?

#5592017年11月22日作者 Geczy3 个回答
0 个反应

为什么我的组件被全宽选择?

尝试创建自定义组件,请参见[演示](https://5vo5ppvm8p.codesandbox.io/)和[代码](https://codesandbox.io/s/5vo5ppvm8p) 拖出两个“按钮”,再拖出两个“按钮+链接” 这两个按钮宽度是合适的,但自定义组件是某种奇怪的全宽固定高度 为什么? ![图片](https://user-images.githubusercontent.com/1036968/33134633-4792f4d2-cf6e-11e7-84b1-cd588a3e6d95.png)

artf

默认的“tagName”属性是“div”,在你的模型中更改它 “''js ... defaults: Object.assign({}, defaultModel.prototype.defaults, { 标签名:“span”,//<--- 可掉落:错误, ... ```

Geczy

现在明白了,谢谢

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#5582017年11月22日作者 suchithmahadi3 个回答
0 个反应

求助:你能举个例子,说明Chart.js在葡萄中作为一个块吗?

@artf请你举一个完整的示例,说明使用chart.js来改变颜色、数值和数据点的特征? 如果能得到帮助就太好了。

Geczy

你可以在这里使用沙盒演示 https://github.com/artf/grapesjs/issues/559 它允许你修改特质并更新主导。应该能帮你入门

suchithmahadi

@artf 请帮帮我。

artf

@suchithmahadi这种问题我建议在 https://stackoverflow.com 上提问

#5572017年11月22日作者 krunal0393 个回答
1 个反应

Editor.gethtml() 上缺少类

我能看到 Canvas 上添加了类,但当我通过 editor.gethtml() 获取 HTML 时,有些类没有包含,只有没有任何类的 div。附上截图,Canvas上有HTML和通过editor.gethtml()提供的HTML ![捕获](https://user-images.githubusercontent.com/11716808/33126003-bf41ecca-cf7a-11e7-8b56-3ec57389b9f7.PNG)

Geczy

别以为“gjs-”前缀的职业会回归

arthuralmeidap

当你使用 'editor.getHtml' 时,它只返回 html 。 如果你也需要 CSS,可以用 'editor.getCss()'。

Geczy

我用的是newsletter-plugin和'const html = window.grapesjs.editors[0].runCommand('gjs-get-inlined-html')'

浏览所有主题