PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated使用提供自定义类的UI框架时，如果能在面板等环境中使用这些类就更好了，这样你就不用重写CSS。 一种可能的语法可能如下： “''js panelManager.addPanel（{ id：“myNewPanel”， 可见：真， 按钮：[...]， 类： ['myCustomClass'， 'so-custom']， }); 我还没找到专门针对面板的办法。不过我认为这对任何编辑器的UI元素都很有用。
artf
你可以这样设置属性 “''js 编辑。Panels.addPanel（{ id：“myNewPanel”， ... 属性： {'data-stuff'： 'val1'， 'classe'： 'val2'} }) ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我该如何处理 gjs-assets、gjs-components、gjs-css、gjs-html 和 gjs-style？我该如何将这些内容加载到我的编辑器中？
artf
“GJS-HTML”和“GJS-CSS”是你的最终结果，所以你可能会把它们打印到某个页面供最终用户使用。 'gjs-components' 和 'gjs-style' 包含了关于模板的 JSON 数据，所以如果你需要在编辑器里编辑模板，就必须用这些数据
josefph
如果我直接把保存的HTML和CSS插入编辑器编辑，@artf会有问题吗？不使用GJS-components和GJS-Style？
artf
@pranzikkin如果你用自定义元素，并且在意模板编辑的一致性，那确实会有问题
你好，@artf， 首先感谢你提供这个很棒的插件。 请问我该如何更新或更改区块内容？ 我创建了自定义块+组件。 '<table><tr><td class=“some-class”>texttoreplace</td></tr></table>' 组件新增了工具栏按钮（附图中搜索图标），点击后会获得新信息，比如productname等。 所以，我拿到当前的块 html，做所有事情...... 我如何将选中的块HTML更新为新文本？ 类似 'editor.getSelected（）.setHTML（newhtml）;' 如果我尝试从模型切换 区块代码如下： 我也试过 但似乎在旧组件中添加了新组件。 谢谢你 ![GJS]（https:...
artf
“components（）”方法是更改内部内容“editor.getSelected（）.components（'<div>New internal content</div>'）';但要注意，使用”editor.getSelected（）.toHTML（）“时，你得到的是带有其组件标签的外部内容。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好！ 拖块到画布上，然后放下： ...我们有事件要检测，我们要投放到哪个方块。 ？： 但当我把块文本放进 form（换句话说，我会把一个块嵌套到另一个块里） 我如何检测：*嵌套发生在哪个具体方块中？？ 指定什么事件来检测该组件？ 我试过 canvas：dragenter 和 canvas：drop 这两个事件，但当 Canvas 上 drop 组件时，它们没有气泡。 感谢所有社区成员的帮助！ 附言：不知怎么的，那种事件从未发生过
konstantin55000
如果需要更多解释情况，请写信。 我试着用视频描述这里 https://www.screencast.com/t/V2mGBFXp 所以当文本“丢入表单时，我需要事件来检测组件表单。
artf
你好，Konstantin，首先，'canvas：*' 事件是 https://github.com/artf/grapesjs/releases/tag/v0.13.5 通过 HTML5 D&D 引入的，从你的屏幕录制来看，你似乎并没有使用它。 顺便问一下，检查当前版本的父元素怎么样 “''js editor.on（'block：drag：stop'， droppedComponent => { console.log（'我在表单里吗？'， droppedComponen...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
首先，谢谢你。这些内容真是太棒了。其实比那更好。它令人惊讶地好。 一开始就有一些问题。可能是功能请求，不太确定。表格部分有常见的小部件，但没有“范围”选项。我该如何添加一个？可能更复杂：有没有示例说明如何封装（比如）一个chart.js实例，使其出现在工具面板中？工具面板能否扩展，允许（例如）设置列表/拣选器内容——从而获得设计的稍微所见即所得视图？ 我做很多带有网页界面的嵌入式系统。这种工具设计让获得非常漂亮的效果变得简单得多。 非常感谢。
g40
@artf谢谢你的建议。 @tommedema是的，任何帮助都欢迎。:)
artf
表单部分有常见的小部件，但没有“范围”选项。我该如何添加一个？ 你应该了解一下[方块]（https://github.com/artf/grapesjs/wiki/Blocks）也许更复杂：有没有示例说明如何封装（比如说）一个chart.js实例，使其出现在工具面板中？ 就像上面说的，但如果要实现更复杂的行为，你必须创建一个新的 [Component]（https://github.com/artf/grapesjs/wiki/Components）工具面板能否扩展，允许（...
tommedema
@g40如果你们有机会做这件事，会开源吗？想偷看一下
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
cjpollard
【资产管理人】（https://github.com/artf/grapesjs/wiki/Assets）的getAll函数应该能做到这一点。
rajatkumcom
有人能帮忙以下内容吗：- 就像我们有—— getHtml（）， getCss（）， getStyle（）， getComponents（）. 我们拥有的资产。
rajatkumcom
谢谢回复。 但我想获取在我们做 editor.store（ 时发送的类似资产数据）。 like - [{“type”：“image”，“src”：“./img/bg-gr-v.png”，“unitDim”：“px”，“height”：1，“width”：1728，“date”：2015-02-01“}]
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
rajatkumcom
就我而言，我希望同时拥有本地和远程存储。 数据会存储在本地存储中（如果用户刷新页面但未保存保存按钮，数据将从本地存储渲染），当用户点击保存按钮时，数据将被远程存储。过一段时间后，本地存储会过期，数据会从远程存储中渲染出来。
artf
是的，只要保持默认的localStorage激活，然后创建一个利用远程存储的按钮 “''js 编辑。StorageManager.get（'remote'）.set（{ urlStore：“某处”，// 设置你的配置 ... }）.store（{html： editor.getHtml（）}） ```
rajatkumcom
谢谢......
再次恭喜你做得很棒。我们有大量扩展的Grapes，几乎加入了所有需要的功能。 我们计划用它来做移动端首页。所以我们已经把设备管理器设置成默认为“移动竖屏”。样式通过类完成，我们也扩展了所有组件，在画布上添加时创建新类。这很适合我们，到目前为止效果很好。 然而，当类别样式被更改时，只有 @media 的媒体查询（最大宽度：480px）会被更改。因此，用户可能需要对其他媒体查询（或主CSS）重复同样的更改。我们该如何控制这种行为？我们能否定义哪些样式属性是在非媒体查询的CSS上设置的，哪些是在媒体查询的CSS上设置的？ 或者如果这很复杂，我们能先让CSS移动化吗？比如：改变断点，使CSS形成如下非媒体查询 css@media（最小宽度...
chthomos
我找到了先让它移动端的办法，暂时解决了我的问题： 设置编辑器 config.mediaCondition： 'min-width' 以及在deviceManager上：[ {姓名：“移动肖像”，宽度：'320px'，宽度媒体：'0px'} {名称：“平板”，宽度：'568px'，widthMedia：'320px'}， {名称：“桌面”，宽度：'568px'，宽度媒体：'768px'}， ]
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
如何向该面板添加自定义按钮： ![图片]（https://user-images.githubusercontent.com/5620073/36669581-67701256-1b06-11e8-96b9-3089555421a7.png）
chiqui3d
听这个 https://github.com/artf/grapesjs/issues/266
artf
工具栏按钮是针对组件的，所以你可以为每个元素设置不同的按钮组合。这里你可以看到工具栏默认是如何创建的：['Component.initToolbar']（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L553）
sergeysova
@artf？
我该如何把 getHtml（） 放出 grapesjs 编辑器？我在编辑器的iframe外面有一个保存按钮。点击保存按钮时，我没有看到当前的 html。 需要帮助。
alvim
你应该通过“editor.getHtml（）”获得。 如果你的编辑器在 iFrame 里，而你在父窗口执行代码，你可以这样访问它： 这就是你要找的吗？
artf
抱歉@NorthstarTech我完全没明白你说的是什么
JordanTGVG
我在Edge浏览器中遇到了一个问题，无法从编辑器中获取html，内容如下： 'window.frames[indexOfIFrame].editor.getHtml（）' Chrome和Mozzila运行良好，有什么建议吗？