PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
大家好。 我在LayerManager发现了一个bug： 我在LM里有一个HTML注释作为图层。 我点开了评论。 控制台出现错误提示： 而这个错误涉及的代码是： src/style_manager/view/SectorsView.js：47 所以，html 评论不能有 classList 属性，这就是 bug。
artf
你能做个现场演示吗？默认定义上，你不应该能在图层中看到注释组件
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
大家好， 我有一个自定义组件，结构根据道具值不同。我如何在道具变更事件中回忆/重启模型的组件功能？ “JavaScript const EDC = 编辑器。主导组件; const TableType = EDC.getType（'table'）， TableModel = TableType.model， TableView = TableType.view; EDC.addType（'product'， { isComponent： （el） => el.dataset 中的“product”， model ： TableModel.extend（{ 默认值：{ ...TableModel.prototype.defaults，...
artf
我觉得“this.components（this）”会在你试图将组件附加到自己时抛出“最大调用堆栈大小超过”错误。 你可能得试试这个 “''js this.components（ this.proto.defaults.components（this） )
pouyamiralayi
你好@V1cu你可以像下面那样在[init hook]（https://grapesjs.com/docs/modules/Components.html#lifecycle-hooks）里注册听众： 干杯！
如何利用毫米来实现边距或填充特性？ ![注释 2020-03-16 143552]（https://user-images.githubusercontent.com/5623092/76759080-a982da80-6793-11ea-9e85-8aacd508083d.jpg）
artf
你可以用样式管理器 API 配合 ['getProperty']（https://grapesjs.com/docs/api/style_manager.html#getproperty）来更新单元（示例 https://github.com/artf/grapesjs/issues/2509#issuecomment-575552807）。
Grapesjs 在本地端和编线时都完全正常——AOT，但一旦线成片——生产，开机编辑器给我看 请帮我解决这个问题吗？
artf
抱歉，但那块错误块，像这样粘贴（没有堆栈、文件引用等）完全没有任何信息，也可能是你源代码中的错误
你用的是最新版本吗（旧版本不支持）？ 是的预期的行为是什么？ 自定义样式属性适用于组件接下来会发生什么？ 自定义风格属性不起作用繁殖步骤选择盒子组件尝试更改 Box Width style 属性（自定义标签下） ![图片]（https://user-images.githubusercontent.com/32092071/76740967-60249200-6777-11ea-99a7-74d51c32db29.png） 当我用“toRequire： 1”参数添加自定义风格属性（flex）时，自定义样式就无法正常工作了。当我将要求标记为0时，则按预期样式处理属性。 JSFiddle 与“toRequire： 1” - https...
Podvodila
我通过在PropertyView.js - https://github.com/artf/grapesjs/blob/85b7b82103e12fb01a3700b1002a57a7b60ccaf1/src/style_manager/view/PropertyView.js#L504-510 中扩展了'isTargetStylable'方法，成功热修复了它。 我换了这个如果 （toRequire） { 可风格化 = ！目标 || （stylableReq && （sty...
Podvodila
脱顶 我不想再开一个话题，只是想说，在同一方法（isTargetStylable）中，用 id（据我理解，内置样式和属性一样）在 unstylable（和 styleable）检查中替代 properties 搜索会更好如果 （.isArray（unstylable）） { stylable = unstylable.indexOf（property） < 0; } ->如果 （.isArray（unstylable）） { stylable = unstylable.in...
artf
更好的做法是用 id 替代 property（据我理解，内置样式和属性是一样的），在不可样式（和可样式）检查里 是的，完全正确！ 说实话，我用过 toRequire 选项，从没遇到过这种问题，所以不明白为什么会这样。你介意用你的修复方法创建一个PR吗（也许我会试着更深入地调查）？
你好， 你可以看看这个例子：https://codepen.io/abozhinov/pen/XWbqjEJ 重现问题的步骤：如果组件存在，则全部删除。拖动一个新的旋转木马方块。选择第一个儿童容器。点击复制图标以创建新组件。之后尝试选择最新的组件，然后再次选择第一个组件。工具栏位置错误，因为浏览器无法获取元素的宽度和高度。 [错误]TypeError： null 不是对象（评估 'this.canvas.getHighlighter（t）.style'） showHighlighter（grapes.min.js：2：263826） 更新工具本地（grapes.min.js：2：266937） （匿名功能）（grapes.min....
abozhinov
当用“select-comp”命令覆盖这两种方法时，一切运行完美。 问题是“el”在DOM里并不存在。 ` onHovered（em， component） { 设结果 = {}; 如果（分量） { const { view } = component; const { el } = view; const pos = this.getElementPos（el）; 结果 = { EL， POS， Component， View }; 如果 （pos.width > 0）...
abozhinov
触发渲染而不是重置时得到的结果是一样的。
abozhinov
@artf试玩版也是一样的。只需拖动旋转木马，点击幻灯片即可。 <img width=“1440” alt=“截图 2020-03-16 14 58 23” src=“https://user-images.githubusercontent.com/1404839/76760669-b8b75780-6796-11ea-8e24-8946e27949f9.png”>
你好， 我想用 BlockManager 来创建组件。 我画了虚线，这很好，我能看到。 然后，这是我的组件代码 就像这张图片一样完美运行。我可以编辑文本，并且在 .chs-row-cell 类中看到虚线 ![1]（https://user-images.githubusercontent.com/55831138/76725666-e4801080-6789-11ea-9c15-b1331427f5b5.PNG） 今天，我想在这个组件里添加可调整大小（只有这个组件可以调整大小） 所以我会像↓这样改代码 可调节大小运行得很好，但组件存在一些问题，比如图像， 我尝试添加类型：'text'，这样我可以编辑文本 但我看不到，也不能在 .c...
Hsin90321
我发现问题不在虚线上，而是在 interHTML上!! innterHTML 让我的组件无法编辑。 我想用modal来显示输入，让视图变化。 重启渲染视图，效果非常完美。 但我还是无法编辑。 这就是我的代码（去掉模型，因为工作量很好） ![1584524335664]（https://user-images.githubusercontent.com/55831138/76946712-6a918800-693f-11ea-9b59-edfa712e51f5.gif） 和动...
Hsin90321
你好，我在#460中查找可编辑的答案 现在，组件可以编辑文本。 但仍然没有显示虚线。 ![1584587780421]（https://user-images.githubusercontent.com/55831138/77028196-1f28b980-69d3-11ea-94c9-5d03eb478e33.gif）
artf
你已经在同一个问题上发了很多问题，应该避免。 创建一个带有该问题的现场演示。 顺便说一句，你原帖里有个错误 “''js ... 标签：“选择”， 内容：{ 类型：“文本”， 组件定义中的“content”是一个静态字符串 内容： '<div class=“chs-row” data-gjs-droppable=“.row-cell” > 改用组件 components： '<div class=“chs-row” data-gjs-droppable=“.row-cell”...
你好， 有没有办法知道StyleManager里更改了哪个属性？比如说，如果我选择一个文本组件并从 StyleManager 更改其背景色属性，有没有什么事件可以让我获得被更改的属性？ 我尝试过“component：styleUpdate”事件，但它传递的是组件模型的参数，而不是属性。 任何帮助都非常感谢。
pouyamiralayi
@AbdiasM我觉得这有点像骨干相关的事情，据我所知目前还不可能。这才是应该的样子： 干杯！
artf
实际上，你会得到更改属性作为回调的第二个参数 “''js editor.on（'component：styleUpdate'， （component， propChanged） => { ... }) ```
pouyamiralayi
你好@AbdiasM基于[component：styleUpdate]（https://grapesjs.com/docs/api/editor.html#available-events）或[component：styleUpdate：{propertyName}]（https://grapesjs.com/docs/api/editor.html#available-events），你可以获得如下的属性： 干杯！
这很简单，但我无法通过CSS访问自定义块“内容”中的背景图像设置。 我该如何更改这里的背景图像？ （甚至editor.getCss也能“看到”风格） https://codepen.io/dimimet/pen/NWqYmbB 干杯！
orionseye
奇怪......我必须明确使用特定类来访问背景图像（我这里是 .bg 类）。 #desc-text-6 .bg 无法使用。 现在，由于 .bg 是一个全局风格声明，我需要使用 #desc-text-6 .bg 即使只添加一个背景类，编辑器依然让用户难以轻松访问背景图像。他必须先切换正确的职业，然后进入风格。 如果元素（就像我演示里的）是绝对位置的......它就这样消失了......用户（显然）也是如此。 我从阿图尔那里看到了那个配置......但不记得是在哪里了
orionseye
算了......看了这里一半的问题，我看到选中的类别旁边有个小“复选框”，可以让我开关分类视图。 这样我现在就可以添加唯一类别，并为它分配我的背景图像......然后点击“小”复选框，它会允许我“访问”背景图像图层。 我得承认，这确实很难......尤其是教别人怎么做。 总之，问题解决了，但我的建议是，这个问题需要修复。
artf
现在，由于 .bg 是一个全局样式声明，我需要使用 #desc-text-6 .bg 不，实际上没有任何理由使用像“#desc-text-6 .bg”这样的选择器，只需为你的元素创建一个单一类，并指向它的CSS，不再需要切换复选框......
大家好， 我正在集成Slick Slider，问题在于上传图片后重新加载滑块时。 在打开素材点击后，Slick 滑块必须重新初始化，使滑块的普通 HTML 变成 slick 滑块，这只在将组件添加到画布时才会发生： $（'#slickslider'）.slick（{ 点：确实， 无限：真实， 速度：300， 箭矢：正确， adaptiveHeight：真实 }); 这在两种情况下是有效的： 当我向画布添加新的滑块时 当我上传新图片后拖动组件时，它会重新初始化 代码： 编辑。DomComponents.addType（'slickslider'， { 型号：{ init（） { 测试 this.listenTo（this， 'cha...
pouyamiralayi
你好@abzal0正确的函数其实是“updateScript”，抱歉！我是这样做的： 首先定义组件类型： 每次脚本运行时，我都会重置“slickjs”，以便重新初始化，你可以在脚本中看到。 我还直接用“image”类型作为组件的子节点，这样就不用手动调用自定义特征上的“open-assets”命令！ 最后，我已经覆盖了资产管理的“onClick”事件，调用了我们的脚本。 干杯！
abzal0
@pouyamiralayi这段代码非常宝贵，非常感谢分享:)效果比我需要的要好。 我会给你发邮件，希望你能回复。
pouyamiralayi
@abzal0如何在 editor.blockmanager.add 里重新初始化 'script' 函数，以重新加载 Slider 的 jQuery？ 对于你的“脚本”代码，我建议你把它移到 [组件定义]（https://grapesjs.com/docs/modules/Components-js.html），在那里你可以发布： 用于脚本重载。 干杯！