PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好！ 有没有办法改变同一类组件的位置？ 比如，我有两个分区，类别名称分别是“title”和“location”。还有几个其他组件使用相同的类名： ![快照]（https://user-images.githubusercontent.com/11989846/65830472-1a027180-e2b0-11e9-8d7d-da7d498f60db.png） 当我拖动类名为“title”的组件并放在“location”下方时，其他所有组件也应该同步更新。我该怎么做？
artf
不，课程是用来分享风格的，而不是结构
你好。感谢你带来这个很棒的项目。我正在用它做我的一个项目，需要一些帮助。 1- 我有一个包含脚本的块元素。这个脚本在iframe内动态添加表单。 当我拖拽脚本到页面上的任意位置时， Grapesjs 忽略位置，直接渲染页面末尾的表单。 ![截图，2019-09-27 12-32-54]（https://user-images.githubusercontent.com/9118214/65742551-358c4180-e123-11e9-8527-e7901d64d6da.png） 但当我导出 HTML 和 CSS 时 grapesjs 位置却是正确的。为什么会这样？ ![截图来自2019-09-27 12-39-42]（htt...
umerrinayat
终于解决了@pouyamiralayi谢谢你的帮助。使用你的解决方案后，它会把脚本插入正确的位置。
pouyamiralayi
嗨！你试过把你的脚本放进脚本标签吗？这样一来，end时executed，并且很可能符合你想要的顺序： 干杯。
artf
当我拖拽脚本到页面上的任意位置时， Grapesjs 忽略位置，直接渲染页面末尾的表单。 说实话我也不清楚，这完全取决于第三方库（你说的是GetResponse）以及加载后如何附加内容当我在 init 函数中启用“allowScripts： 1” grapesjs 我可以添加脚本，但无法拖放（使用）自定义块元素 首先，在你的块里不需要用 html、 head、 body 标签。你是在 body 已经定义好的文档里放HTML片段...... 我强烈建议你了解一下[组件]（ht...
GrapesJS 网站上的演示版本有一些自定义样式输入组件（比如不透明度滑块、属性名称旁的“撤销”按钮......）这是如何实现的？ 有没有办法用我自己的插件来使用它们？ 另外，我该如何让自定义扇区的“属性”像“buildProps”那样表现？我的情况是必须翻译所有字符串，所以不能用“buildProps”，但自定义道具的行为和“buildProps”不同。他们没有像buildProps那样在“component：selected”中取组件属性的初始值，颜色选择器也没有显示“onClick”，等等。
artf
GrapesJS 网站上的演示版本有一些自定义样式输入组件（比如不透明度滑块、属性名旁的“撤销”按钮......）这是如何实现的？有没有办法用我自己的插件来使用它们？ 这些都是配置的一部分。 清理财产时请使用此选项 “''js styleManager： { clearProperties： 1 }， ``` 不透明度是通过“滑块”类型构建的，这里是演示源代码中的部分 https://github.com/artf/grapesjs/blob/53cfe888a0ee5d4...
这可以在演示中复制：https://grapesjs.com/demo.html拖入文本节点双击激活RTE将文本组件拖曳到另一个位置选择另一个组件 该组件被移除，并记录到控制台以下错误：
你好。 有没有办法切换到 grapesjs 最新版本，同时保留我们内部使用的代码修改？ 大多数改动都很小，主要是调整CSS和JS逻辑——但我们需要这些改动（主要是客户的要求）。 未压缩版本在 grapesjs上进行更改。 我会把文档里的所有更改都提取出来，以备不时之需。我应该遵循什么流程？ 我能不能把这些更改放在某个外部文件里，让它在 grapesjs之外积累？还是每次新版本出现时我都得手动输入？ 我不太清楚 grapesjs 是如何积累用的。任何帮助都将不胜感激。 谢谢。姆拉登
artf
确实，更新核心库时会发生这种情况，升级很难。我应该遵循什么程序？ 没有具体的操作步骤，你只需要在新版本里重写自定义逻辑，希望代码不会改太多 我个人建议，永远不要更改核心库，[创建插件]（https://grapesjs.com/docs/modules/Plugins.html）
mtasic-realware
我可以下载源代码，添加新的 js 文件（会改变默认组件或块行为）并包含在项目中吗？ 事实上——插件就是这样制作的，对吧？
artf
事实上——插件就是这样制作的，对吧？ 不，插件不需要动库代码，所以升级更安全更简单
[虫子]：嗨！我在集成的选色器上遇到了问题。当我点击文本组件，进入样式管理器，点击角色组，最后点击启动颜色选择器时，我会收到“无法读取未定义属性'长度”的JavaScript错误。你可以在这里看到我的问题[https://drive.google.com/open?id=1uP0OLNLhqV6Z85s47leP8y2FLmDK8-rB]。 我目前通过 https://unpkg.com/grapesjs 使用 GrapesJS - 0.15.8，这是我自己的 GrapesJS 实例。我使用的是Mac版本：10.14.4，Chrome版本是77.0.3865.90。我无法在你的演示中呈现这个问题。我目前唯一用的插件是 [grape...
我有一个自定义组件，可以在组件内部渲染远程查询的结果，所以我在块管理器上添加了文本特征，让用户可以选择目标组件的查询选择器。 如果有个叫“componentRelationship”的特性来渲染目标按钮，那就更好了。当我们在画布内的组件上拖拽目标按钮时，特征值会被组件查询选择器填充。
artf
谢谢@JCKodel建议，我喜欢，但我也觉得放在核心库里可能会有点显得有些压倒性。在这种情况下，最好[定义一个自定义特质]（https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type）
使用 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 应该省略，但如果有也不会造成任何问题。 这个问题应该被关闭吗？
首先，这是个很棒的项目！我喜欢！整体非常完整。我一直在反复阅读那个文档，学习曲线非常陡峭。 无论如何，我想向用户提供一个模板，但对样式有限制。我一直在尝试使用像这样可造型和不可造型的道具： '<h1 data-gjs-unstylable={[“float”]}>Title</h1>' 但漂浮风格却在风格管理器中显现出来。为什么？ 有没有其他方法可以根据组件自定义样式管理器？例如，如果选择了“#site-logo”，样式管理器会显示资产上传器和文本字段（备选）。
pouyamiralayi
你好！针对你的第一个问题：我认为这个属性必须在组件类型定义中指定。 就你来说，情况大致是这样的： 针对你的第二个问题，看看[这个]（https://github.com/artf/grapesjs/issues/2287#issuecomment-534564632）是否能帮到你。 干杯。
hellocaio
我明白了！谢谢你，兄弟！我会试试看。:)
artf
@ColdTuna 你把属性写错了，应该是 '<h1 data-gjs-unstylable=“[\”float\“]”>Title</h1>'
如果你在编辑器中选择一个组件，你希望该组件的样式管理器只显示在属性面板中。 比如，我该如何让排序样式管理器只在 div 标签中可见？ 可能吗？
pouyamiralayi
你好！看看[这个]（https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559）能不能帮到你。 如果你只想显示样式管理器，可以初始化编辑器时不指定 styleManager 的扇区，然后用 [this approach]（https://github.com/artf/grapesjs/issues/1428#issuecomment-421632564） 在目标类型被选中时添加扇区。 干杯。