PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
嗨！感谢你提供的精彩图书馆！ 我正在使用网页插件，我感兴趣的是编辑文本。我知道这个功能已经在里面了，我们可以通过双击编辑文本，但我该如何单独编辑？比如在右侧窗格里加一个额外的下拉菜单，“通用”、“排版”等内容可以做修改，在某个文本区域里做修改
artf
你可以添加自定义的[特性]（https://grapesjs.com/docs/modules/Traits.html），更新组件内容（'component.components（'<span>新内容...</span>'）'） 在输入变化时
你好， 本地安装了 GrapesJS 和插件“preset-webpage”，它给我提供了带有一些块的基础布局。其中一个模块就是视频模块。 我可以在画布上拖放视频，但无法设置YouTube网址。 演示版中，我看到右侧边栏有设置选项。我在安装时缺少那个。 这是不是需要我单独发起？ 提前感谢大家的建议。
artf
不，视频组件是核心的一部分，所以如果做这个 'editor.addComponents（{ type： 'video' }'，即使没有插件，你应该能正确看到视频特征
jeff-panart
你好，artf， 嗯，那我觉得我又做错了什么......添加“editor.addComponents”这行也没什么区别。 在我的index.php里，我只有一个 div，用 gjs 作为 id，这里我也会调用一些资源（样式表和 grapesjs 脚本文件）。 grapesjs-custom.js我有以下内容...... 'jQuery（function（$） { VAR Editor = Grapesjs.init（{ avoidInlineStyle： 1， 容器：“#...
顺便说一句：我用的是0.15.3版本 我曾多次加载一个HTML组件到编辑器并保存，我注意到我们加载/编辑并保存同一个HTML组件的次数之多，即使使用相同的ID、类等，CSS也经常附加内容 ![虫1]（https://user-images.githubusercontent.com/15937743/63932342-a2ed7980-ca74-11e9-8547-38e0104d1d71.png） ![虫2]（https://user-images.githubusercontent.com/15937743/63932343-a2ed7980-ca74-11e9-8f9a-a63bbb24ee6f.png）
vinceumo
我也有同样的问题，我会创建一个小型的代码沙盒 https://codesandbox.io/s/snowy-wave-85dxo?file=/index.js 接下来的步骤，查看默认导出点击烧瓶图标，编辑一些属性查看导出，你应该有“*”和“body”的重复 添加“protectedCss： ”''对我来说问题解决了
makkaronis4e
我敢打赌你已经更改了这些参数： ![B45B0E93-DCAE-4389-A413-D844C0E004ED]（https://user-images.githubusercontent.com/33792090/63982773-87ae5880-cacc-11e9-843a-b5adc8122370.jpeg） 你经常保存包装
ramusesan
我没有更改任何属性（比如exportWrapper，wrapperIsBody：），甚至我也不知道这些属性在哪里，你能告诉我在哪里能看到这些属性并更改它的值吗
我能不能从变量加载数据，而不是服务器，比如 'var dataJSON = editor.store（）;' 'editor.load（datajson）;' 我学过（https://grapesjs.com/docs/modules/Storage.html#storage-api），但仍然不理解示例是否包含加载数据的新逻辑，谢谢你
artf
你可以使用 ['editor.setComponents']（https://grapesjs.com/docs/api/editor.html#setcomponents）和 ['editor.setStyle']（https://grapesjs.com/docs/api/editor.html#setstyle）
我可以在撤销或重做过程中忽略选择组件吗？
artf
不，现在很难避免
Franci5co5aoco
我>可以在撤销或重做过程中忽略选择组件吗？ 你好@artf有最新进展吗？ 谢谢！
artf
https://github.com/artf/grapesjs/discussions/4226
@artf，能否让下一个版本中“目标位置无效：找不到目标集合，目标不可丢弃，接受[未定义]，组件不可拖拽，[未定义]可接受”，而不是“[未定义]”？ 我知道这只是个警告，不是优先级，但如果能显示真实数值就好了。
artf
不幸的是，Sorter实例（那个产生警告的实例）是我们必须重构的（代码很旧且有其他bug），它已经在我的待办事项列表里，所以我希望尽快更新。目前我只能检查未定义并打印空字符串，但这没什么用
navewi
你好，有什么新进展吗？我现在也有同样的警告，无法丢掉图片块。 '目标位置无效：找不到目标集合，目标不可丢弃，接受[未定义]，组件不可拖拽，[未定义]可接受“。这方法以前有效，我找不到代码中的错误。
artf
@navewi很遗憾没时间处理这个 ：/
我创建了一个自定义组件和块，用于显示/嵌入上传的文件。 我为该组件定义了特征，见下文。当新文件上传时，我需要更新 select-src 特性的选项，这样用户才能在设置面板中选择要显示的文件。 任何帮助都将不胜感激。
pouyamiralayi
你好！你必须为文件属性附加一个监听器，所以每当它变成新的值（file）时， 你的听众会把它附加在选项的末尾： 注意 我正在听selected-src本身的变更，针对你的情况，你必须听与文件相关的属性。 注意 我看到你在 select-src 特质定义中没有指定 changeProp。如果这是有意为之，那么你处理的是组件和监听器附加的一个属性，通常是这样的： ` init（） { this.listenTo（this.model， 'change：attributes：sel...
artf
是的，@pouyamiralayi提出的关键部分在这里 “''js const trait = this.model.getTrait（'selected-src'） const traitOptions = [{name： 'new file'， value： 'new file url'}] trait.set（'options'， [...trait.get（“options”），...traitOptions]） ``` 这就是运行时如何更新特性（更多内容见此处[这...
你好， 事件机制自0.15x版本以来似乎发生了很大变化。例如，通常当我们想防止默认按钮行为时，会在回调函数末尾使用“return false”，但在这个版本中（无论你返回什么）都不行了，我必须手动调用“event.preventDefault（）”。 另一个问题是我不能用 $.on 来附加事件监听器。 但用纯JS方法“addEventListener”是可以的。我不明白为什么，但我觉得这和文件“extender.js”有关。看起来你会添加一些东西来应对所有事件，但确实存在一些不完善的地方。 此致
mogolola
另外，像“模糊”、“聚焦”（基本上除了“点击”之外的所有事件）在骨干文事件配置中都不起作用（我指的是骨干网中的查看事件：https://backbonejs.org/#View-events）。例如：如果我对“焦点”事件附加回调，回调永远不会被调用。但可以调用“点击”事件的回调，除了“return false”似乎毫无用处。
artf
能否提供一些之前版本中哪些功能有效、哪些现在不行的实时示例？
mogolola
示例1： 示例2：当我尝试附加事件监听器时，只能调用指向点击事件的回调
如果配置中未包含 styleManager，默认设置包含带有图标的“文本对齐”选项。 ![图片]（https://user-images.githubusercontent.com/9043745/63802171-3a18cc80-c8cf-11e9-9f08-88c4b4c87307.png） 如果我包含 styleManager 配置并添加“text-align”，它就会用词语代替。 ![图片]（https://user-images.githubusercontent.com/9043745/63802288-85cb7600-c8cf-11e9-94e5-debff3ad4919.png） 既然这是“内置”属性，应该这样...
ramusesan
嗨@benvmatheson你只需要做的就是 在你的项目中包含 fontawesome，并添加 class Names font awesome的参考资料：https://www.w3schools.com/icons/fontawesomeiconsintro.asp 即 _if你想自己放图标，也可以用css className或者用其他库，比如font awesome library_
artf
@benvmatheson我更倾向于不把字体的依赖绑定到属性工厂里（我仍然希望尽快移除它）
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
smik3
是的，经过3-4次重写，我终于找到了这个方法，哈哈。那段片段有可能被添加到文档里吗？花了几天时间搜索问题，才发现甚至可以将一系列组件传递给内容属性
artf
https://grapesjs.com/docs/modules/Blocks.html
smik3
我对此也越来越困惑。比如，你怎么决定把 HTML 标记放在哪里，是块内容属性还是组件视图属性？ 另外，在basic-blocks插件中，它把行/单元定义为类，而不是使用默认的DomC组件。创建多分量模块时我们应该这样做吗？