GrapesJS 问题

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

状态

排序

找到 85 个问题

🔍 help wanted

#22892019年9月25日作者 JCKodel3 个回答

3 个反应

需要帮助

允许导入JavaScript模块

使用 Ionic StencilJS 时，组件通过新模块支持导入：在“{canvas： scripts： []}' 中，我只能通过外部脚本的 URL 加载。为了解决这种情况，我们可以导入模块如下：画布内的最终结果为：请注意，当我们想在“'标签中使用完整性或交叉起源时，当然插入<script>URL字符串依然可以正常使用。

artf

很好，我喜欢，想做一个PR的朋友，更新代码在这里： https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161

devtechk

你好，我可以从你的代码开始，不在 html 文件里，而是在一个分开的 js 文件里 init grapesjs 吗？谢谢你

rywilson28

@artf看起来这个功能已经实现了。有一个小问题，类型默认会变成“text/javascript”。对于 HTML 5 应该省略，但如果有也不会造成任何问题。这个问题应该被关闭吗？

查看详情

#22072019年8月20日作者 niisar3 个回答

0 个反应

增强需要帮助

：如果在顶部/左侧有空位，Mode Absolute 无法拖动组件

给定以下代码示例...... “'' HTML <div style=“height： 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充：25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖放元素来修正位置。 ![图片]（https://user-images.githubusercontent.com/6368685/63374396-57b5d580-c3a7-11e9-9628-9d2943857f76.png）请参见Fiddle演示...... https://jsfiddle.net/niisar/zc51gtnv/

pouyamiralayi

这只是拖拽图标的，对吧？手动拖拽没问题。使用拖曳图标，它会从顶部重置元素的位置，看起来就是这样。

niisar

这只是拖曳图标的，对吧？手动拖拽没问题。使用拖曳图标，它会像看起来一样重置元素的位置。是的，这只适用于拖曳图标。

artf

是的，问题在于根据上下文的不同事件对象。当你触发对组件本身的拖拽时，事件在iframe的上下文中（因为点击的元素在iframe中），但组件的按钮在iframe之外，所以事件的上下文是原始的“窗口”。

查看详情

#21962019年8月15日作者 devgru3 个回答

3 个反应

增强需要帮助

链接元素选择中没有工具栏

复现步骤：添加文本，选择单词，点击RTE面板中的链接图标，选择链接。预期行为：当我选择链接时，我期望它会显示工具栏（带有“选择父”按钮）和它的徽章。实际行为：如果链接是启动HTML格式，链接已被正确初始化，选择链接会同时显示徽章和工具栏。否则，如果链接是通过选择RTE按钮创建的，只显示徽章。

simplecommerce

@Abhisheknanda1344463你好@artf @simplecommerce @devgru有什么最新进展吗？有没有办法手动修复这个问题？谢谢我不确定这对你是否有效，但这是我用来规避的方法。

Abhisheknanda1344463

@simplecommerce 谢谢你，伙计。成功了。谢谢

artf

关闭了问题，因为似乎已经修复了。

查看详情

#21892019年8月12日作者 rahuloftheramaneffect3 个回答

2 个反应

需要帮助

如何在RTE/自定义块中添加“有序/无序列表”选项

嗨我正在尝试用 grapesjs创建一个有序列表。我尝试在 RTE 中添加以下内容：如果我的页面在编辑器初始化时预先填充了 html，这个方法就适用，比如下面：预填充编辑器： ![1]（https://user-images.githubusercontent.com/9363958/62880720-a92ce780-bd4b-11e9-92b7-8ef2a802790c.png）创建有序列表： ![2]（https://user-images.githubusercontent.com/9363958/62880738-b4801300-bd4b-11e9-8b8c-5bf97decf68a.png）但如果我把新块放...

thomas1204

根据上面的评论，我现在可以添加有序和无序的列表了。有没有办法更新现有的有序和无序列表？ @artf @rahuloftheramaneffect

artf

你能做一个可复现的演示吗？没有栈迹的错误是没用的（可选地）我们可以用Tab键缩进列表？你绝对应该自己做，或者依赖像CKEditor这样的工具来获得更高级的文本使用体验

rahuloftheramaneffect

嘿！谢谢你这么快回复。你能做一个可复现的演示吗？没有栈迹的错误是没用的这里有一个压缩包，里面是我编辑页面的简化版。 [Demo.zip]（https://github.com/artf/grapesjs/files/3497128/Demo.zip）它包含了大量CSS和js文件。上述RTE功能属于editor_rte.js。繁殖步骤：开放 index.html（包含初始化编辑器、部分预先文本和少量块）。双击已有文本以查看RTE工具栏。使用右侧的列表按钮验证创建列表和缩...

查看详情

#21852019年8月7日作者 vegadesign1 个回答

1 个反应

需要帮助不活跃

用SVG图标代替PNG

你好。应用程序中有一些PNG图标：flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png 我也做过类似的，但用SVG格式。请参见[附加文件夹]（https://drive.google.com/open?id=189-erU...

artf

哇，非常感谢@vegadesign非常感激。我们实际上只在演示（[gh-pages]（https://github.com/artf/grapesjs/tree/gh-pages）分支）中使用这些，链接如下： https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 我会尽快更换，但如果你能自己创造个人纪录，那将非常感激

查看详情

#21482019年7月18日作者 makkaronis4e3 个回答

0 个反应

需要帮助

IE11（无法获得未定义的属性“样式”）

嗨！我刚遇到同样的问题：https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 点击其中一个按钮 ![图片]（https://user-images.githubusercontent.com/33792090/61413961-741ca900-a8f5-11e9-92b5-41328b9c5ddc.png） 'this.getPropertiesEl（）.style.display=“none”' 无法获得未定义或空引用的属性“样式” 有人解决了吗？

zgeist

我也有同样的问题我该怎么解决？

senchden

我可以确认，在网页演示 v0.15.8 中，无法为元素设置样式。IE11 在尝试通过样式管理器设置样式时，打印到控制台：

Alkotronikk

我的问题出在 [ParentNode.children]（https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children），我没有用多边填充。

查看详情

#20802019年6月17日作者 Aamir37532 个回答

0 个反应

增强需要帮助

音频标签不可选择或编辑

如何让音频组件像其他组件（图片）一样正确工作（可选择、可编辑）。

artf

好问题，“音频”元素相当特殊，肯定需要自定义组件，可能遵循[ComponentVideo]（https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentVideo.js）（及其自定义[view]（https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentVideoView.js））当然你可以自己...

mohd7469

@artf你能给出一个简单的片段，展示一个正常工作的音频元素演示吗？因为我试着为音频元素定义自定义组件类型，但似乎不行，而且要么无法选择，要么无法编辑

查看详情

#20682019年6月6日作者 ssabrewolf3 个回答

0 个反应

缺陷需要帮助

GrapesJs 渐变插件不再工作了

你好，GrapesJs团队更新Grapesjs版本14.0.59后，我发现渐变插件停止工作，我也查看了渐变演示页面，发现这里也有同样的行为 https://codepen.io/artf/pen/bYwdQG 提前感谢大家

ssabrewolf

你好@artf我注意到你添加了“招聘”标签，我可以试试，但你能给点建议或假设吗？为什么不从零开始，不知道为什么？我当然问，因为你似乎是渐变插件的作者，如果不是，请忽略这条消息

artf

@ssabrewolf是的，我是渐变插件的作者，但说实话我完全不知道发生了什么，肯定是风格管理器模块更新后出现了回归。我能说的是，用v0.14.50运行得很好

alikabeer32

这很荒谬，但我发现如果你输入“decoration”而不是“Decoration”，插件就能正常工作！演示和我的代码里都有。

查看详情

#20442019年5月29日作者 eduardonunesp3 个回答

1 个反应

缺陷需要帮助已过时

本地服务器上的 NPM 开始开发失败了

按照 README 上描述的 'dev' 分支启动本地服务器的步骤，在控制台上能用，但在 Chrome 上失败，Grapesjs 也无法加载，因为以下错误 ![图片]（https://user-images.githubusercontent.com/582516/58523839-48eec680-819c-11e9-8c3f-4fbbd7d0a012.png）

artf

我快速查了一下，原因似乎是最新的[email protected]，我没时间调查，所以就冻结当前使用的版本

artf

奇怪，以前从没见过。可能是某个小版本中开发依赖的变化。试着用完全相同的依赖版本重新安装node_modules

verdverm

我在跟随开发者设置时遇到了一些问题：可能是捆绑器的问题？我能在“index.html”文件里把“grapes.min.js”里的“最小”去掉，这样就能正常工作了。但是，如果我构建“grapes.js”输出，这个错误又会出现。

查看详情

#20262019年5月21日作者 alikabeer322 个回答

1 个反应

增强需要帮助

风格管理器 CSS 函数（例如：旋转（90度））只接受一个参数

我想为 CSS 函数 translate（x，y）提供一个选项，但 addProperty 参数 functionName 只接受一个参数作为输入。我尝试使用 translateX（）和 translateY（），但它们不能同时工作。如果有人能告诉我其他方法来实现想要的效果，我将不胜感激。

adamyarger

@alikabeer32我之前遇到过同样的问题，你必须设置 translateY 和 translateX 的 defaults值，因为 CSS 中的变换属性在 translateX 和 translateY 之间是共享的。例如grapes输出transform: translateY(40px) translateX(0); 这里有一个示例，说明在构造grapes时如何通过styleManager属性传递。

alikabeer32

是的！这是完美的解决方案。谢谢！

查看详情

GrapesJS 问题

浏览所有主题