PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 203 个问题
🔍 enhancement复现步骤：添加文本，选择单词，点击RTE面板中的链接图标，选择链接。 预期行为：当我选择链接时，我期望它会显示工具栏（带有“选择父”按钮）和它的徽章。 实际行为：如果链接是启动HTML格式，链接已被正确初始化，选择链接会同时显示徽章和工具栏。否则，如果链接是通过选择RTE按钮创建的，只显示徽章。
simplecommerce
@Abhisheknanda1344463你好@artf @simplecommerce @devgru有什么最新进展吗？有没有办法手动修复这个问题？谢谢 我不确定这对你是否有效，但这是我用来规避的方法。
Abhisheknanda1344463
@simplecommerce 谢谢你，伙计。 成功了。 谢谢
artf
关闭了问题，因为似乎已经修复了。
我想加一个扇区，但在顶部（将军之上），谢谢 ![区域定位]（https://user-images.githubusercontent.com/15244481/59987212-197c8e00-9664-11e9-8356-107ba3573bbe.gif）
artf
目前，通过 API 还不能实现（只能通过初始配置），但我会在下一个版本中添加一个选项，所以你可以这样做： “''js 编辑。StyleManager.addSector（'Test'， { 名称：“新区”， ... }， { at： 0 }） ```
fmr411
谢谢，现在我会删除并按顺序重新创建扇区
如何让音频组件像其他组件（图片）一样正确工作（可选择、可编辑）。
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你能给出一个简单的片段，展示一个正常工作的音频元素演示吗？因为我试着为音频元素定义自定义组件类型，但似乎不行，而且要么无法选择，要么无法编辑
我想为 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
是的！这是完美的解决方案。谢谢！
当用鼠标调整图像大小时，图像不会完全拉伸到画布边缘，右侧会留下空白。如果调整尺寸——>宽度，你可以把它拉到画布边缘。 ![图片]（https://user-images.githubusercontent.com/9043745/57339111-75f41000-70ed-11e9-9d54-0d413f181940.png） 如果你拖动足够多的元素到画布上让滚动条出现，滚动条会填补图像无法填满的空白。看起来拖拽只是考虑到滚动条，不会填满滚动条的区域，即使滚动条还不存在。 ![图片]（https://user-images.githubusercontent.com/9043745/57339104-6b397b00-70ed-...
artf
多亏了@benvmatheson延迟，我似乎完全忘了这个问题😂。 我也为完全无视他的PR 😬向@giorgiosjames道歉，因为我必须关闭它，因为他说得对，我们可以正确且动态地完成，无需依赖某种选项（只需确定身体宽度而不是iframe）。 修复将在下一个版本中发布
artf
不确定，但也可能是调整尺寸配置的问题 https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
这似乎是由于这里的填充值引起的： https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 将这个值设为0后，我可以将组件调整到画布边缘。 不确定为什么会有这个垫子，或者拆掉它会不会弄坏别的东西。
可以吗？把拖放事件改成点击时添加新组件，我想点击方块添加组件，这样它会直接添加到选中的组件中，谢谢 ![巴鲁]（https://user-images.githubusercontent.com/15244481/55772491-9f9e2500-5ab6-11e9-925e-4341bcf355e7.gif）
artf
其实没有，但我已经在考虑这个可能性了，所以可能会在下一个版本里加它。 我想问，如果你的动图，你会期待什么？点击时，方块应该加在单元里？
fmr411
是的，我希望点击时块会被添加到单元格里，但我能知道函数在哪里处理添加块的事件吗？
artf
https://github.com/artf/grapesjs/blob/dev/src/block_manager/view/BlockView.js#L7-L8
大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会更直观，尤其是对那些和HTML定位无关的人。 ![设计师模式]（https://user-images.githubusercontent.com/11614725/55359998-74726f00-54d3-11e9-93b7-e697d419b346.gif） 如果你在构建最终结果是视觉静态的文档，比如PDF或演示幻灯片，这种方法可能非常有用。所以我想...
artf
快速更新，从现在 https://github.com/artf/grapesjs/releases/tag/v0.15.3 你可以开始使用这些新的拖拽模式API'config.dragMode' - 全局拖拽模式的初始配置'editor.setDragMode' - 更改组件的全局拖拽模式'component.setDragMode' - 更改单个组件的拖拽模式 可能的值已经描述过：无（默认），“绝对”，“平移”
artf
@simplecommerce点击设备模式时，如果使用绝对定位，会只为该模式创建样式，这样创建响应式页面会更容易，因为你可以在设备模式之间切换并定位元素。 GrapesJS 已经是这样工作的，但这并不能解决每个断点重做大量工作的问题
artf
@sunhillbd是的，但可能是我没完全清楚这一点的错。基本上，演示中你看到的是一个混合静态位置和绝对一的例子，当你点击拖动图标时，你会把组件从静态流中分离出来，所以你看到的效果就像是把节点从父节点上移除一样。这就是为什么我建议在这种情况下使用“翻译”选项
大家好 我们正在开发一个通讯应用，使用 grapesjs 作为邮件编辑器，通讯预设为 plguin 和一些自定义更改。我们把HTML存储在数据库里，我注意到有些模板用editor.setComponents方法加载起来非常慢。 我尝试通过导入加载演示页面的模板，虽然加载几乎是瞬间完成的，但我注意到新闻通讯演示页面出现了一个奇怪的问题（https://grapesjs.com/demo-newsletter-editor.html）。如果在导入HTML模板前选择组件，加载时间会长得多（从0.5秒到5秒不等）。 插入一些日志后，我发现骨干“设置”方法被更多地调用。大多数是“添加”模型被重复使用，但也有很多“变换样式”的模型。但我有点迷...
artf
这会告诉你如何发现性能问题 https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
你好@iggolob能举个模板示例和具体步骤来重现问题吗（说的是选择组件时速度变慢）？
iggolob
你好@artf 新闻通讯演示页面可用于重现该期刊（https://grapesjs.com/demo-newsletter-editor.html）。 作为模板，你可以使用演示页面的预设HTML集。只需从导出模板选项复制 HTML 即可。 现在如果你导入那个模板，应该几乎可以立刻完成。但如果你选择任何组件，无论是图片、文本、单元还是表格，尝试导入时都会明显花很长时间，比如几秒钟。 希望这些信息足够，我也可以尝试做个视频，展示步骤。
有没有办法自定义导航仪/图层面板的视图？我需要在导航器里每个项目前面显示一个图标。
artf
@minuwan其实视图已经渲染了图标 https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 但自定义图层渲染的想法其实还不错。
NicoEngler
我不太清楚“导航员”是什么意思，但既然你可以自己创建面板什么的，所以你可以自定义所有视觉细节。 你能更准确地说说你尝试在哪里添加图标吗？
minuwan
@NicoEngler导航器是[图层面板]（https://github.com/artf/grapesjs/tree/dev/src/navigator），GrapesJS称之为“导航器”。目前它只包含少量配置（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js），但似乎无法用不同的布局渲染或在图层项目中添加图标。
当使用 StyleManager 属性且“property”未定义且默认为 '' 时，我在 component选择 PropertyView.js targetUpdated -> getComputedValue-> camelCase 处看到一个错误：“TypeError： values[0] is undefined”。 我在本地项目中遇到了v0.14.52。 JSFIDDLE：https://jsfiddle.net/okc9abez/7/ 在我这里，这是堆栈的一个子属性，在这里定义属性是没有意义的。
artf
在我的情况下，这是栈的一个子属性，定义属性是没有意义的。 是的，这说得通，但遗憾的是，“property”对样式管理器来说几乎是强制的，可能目前我会先在初始化时检查模型，如果“property”是空的（比如通过“name”或“id”）来更新。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。