PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
有没有办法在“块”标签页中设置分类的显示方式？
d3vr
作为一个（不太理想且希望是临时的）变通方法，我在编辑器完全初始化后用jQuery移动了我想移动的类别： “JavaScript setTimeout（function（）{ $（“.gjs-block-categories>div：last”）.prependTo（“.gjs-block-categories”）; }, 1000) ```
cmcintosh
我们可以考虑简单地添加一个权重参数，就像 Drupal 这样的 CMS 一样。 我会看看代码，看看创建PR有多难。
edwardjiawei
插件应该添加排序组件吗？ 之后应该可以像 '编辑。BlockManager.sort（filter）——通过标签的过滤器，BlockManager.add 中任意顺序的配置
你好@artf我想问一下，比如说，如何从当前模式中获得一个孩子 “JavaScript ... initToolbar（） { var model = this; ... ``` 在那个源代码里，我能不能设置像 get parent object “model.collection.parent” 这样的子对象？ 谢谢，祝你有美好的一天
artf
当然 “''js model.get（'components'）.each（child => console.log（child）） ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
图像组件具有调用 Modal 并提示用户操作的逻辑，用于设置图片 URL 的选项和配置。 ![图片]（https://user-images.githubusercontent.com/23583324/31067382-2cf5a39c-a785-11e7-986c-bae9c705878f.PNG） 想做类似的链接组件来实现链接URL。 对于其他组件，比如面向业务用户的表单组件，在单一流程中拖拽和输入信息可能会很方便。 如何实现这一点，以及代码库中的相关处理程序？
artf
大家好，试着看看这个#286
daniel-farina
我也在研究这个，想熟悉代码。一旦弄明白了，我们可以让一些插件变得更强大。 如果你找到答案，请告诉我。 我们应该为它做个小手册。
edwardjiawei
听起来对我来说已经足够了。我对#286也有类似的打算
https://github.com/artf/grapesjs/wiki/API-Style-Manager#getproperty
artf
确认了，谢谢你的提醒
mklemersson
我在查看默认示例页面时发现扇区没有使用使用的id属性 作为函数 getProperty 的参数 ![图片]（https://user-images.githubusercontent.com/4018735/31651583-a49235c8-b2f2-11e7-919f-28dabb71cd13.png） 添加属性后，我可以获得该属性，如下图所示 ![图片]（https://user-images.githubusercontent.com/4018735/3165177...
artf
哎呀😅，谢谢@MichaelKlemersson我很快会更新试玩版
有没有办法在不按语法选择该项的情况下，打开特定标签或类别的样式编辑器？
artf
没有，但这绝对是值得补充👍的
artf
这种方法就是为了应对这种情况而设计的：['editor.StyleManager.setTarget']（https://grapesjs.com/docs/api/style_manager.html#settarget）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
当远程存储加载失败时，它是静默的。只能猜测问题可能出在哪里。我不得不在外部验证JSON，确认服务器返回的数据不有效。 我也可能遗漏了什么，如果除了维基教程外还有方法可以把远程数据加载到画布上，我将非常感激。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好， 我已经卡了几个小时，试图弄清楚如何从一个自定义插件的脚本部分调用 updateScript。 到目前为止，我已经制作了自己的插件，等它稳定后我想分享。当它连接到外部 API 并获取特定数据时，我需要刷新它。 任何帮助都非常感谢！ 谢谢！
daniel-farina
@artf 谢谢你澄清。这完全说得通。 我最终做了： 在我的插件脚本里创建一个函数，根据用户与模态的交互调用。所以我现在可以在检测到用户完成API访问请求时刷新（当他点击完成按钮时）。 我还有很多东西需要添加、修复和完成，但一切都在逐渐成形！ Instagram 插件预览： ![ezgif com-video-to gif]（https://user-images.githubusercontent.com/13665117/31159862-1ae2ac70-a89a-1...
artf
@daniel Farina 做得太棒了，很期待看到它完成 😍
artf
你好，@daniel-farina，这可能会让很多人感到困惑，尤其是当你把“脚本”看作一个函数时。“脚本”里的所有内容完全不在 GrapesJS 的权限范围内，没有任何可访问的（模型/视图/方法），所有变换都应该在那个“脚本”里。 举个例子，一个带 js 的新自定义组件，编辑器会生成类似这样的代码： '''html ... <!-- 生成的 HTML --> <div id=“c123”>你的组件内容...</div> <script> ... 生成的JS var el =...
首先感谢@artf在GrapesJS上分享的精彩内容， 我们需要定制完整的编辑器，而不是集成到我们的应用中，最重要的是它应该在以下方面对开发者友好，重复使用编辑器区域进行内容创作或编辑。完全移除CSS，并根据我们的品牌主题重新设计覆盖我们的应用程序中的 evenlistener（例如预览、撤销/重做等）（在 angularjs 前端中重新发明） @artf你是否可以满足上述提到的观点？
arthuralmeidap
你好@manjunaras， 对于CSS，GrapesJS提供了一些Sass变量，你可以覆盖和更改一些颜色。你可以在这里查看可用的sass变量：https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss 从这个[API-Editor]（https://github.com/artf/grapesjs/wiki/API-Editor）开始，你可以开始保存一些模板（从提交按钮） 用同一个...
artf
感谢@arthuralmeidap给出的详细概述。 @manjunaras我建议补充一点，默认面板内的按钮（其实可以隐藏）正在执行[内置命令]（https://github.com/artf/grapesjs/blob/dev/src/commands/index.js#L88），比如你想用HTML代码打开模态，只需用“runCommand”： “''js editor.runCommand（'export-template'） ```
arthuralmeidap
你好@manjunaras， 我不@artf，但据我所知，关于GrapesJS的API介绍，你提到的所有功能都是可行的。 请看这里：https://github.com/artf/grapesjs/wiki
@artf， 直到 0.9.x 版本之前，GrapesJS 会在所有插件初始化前加载所有内部模块。 因为从0.10.2版本开始，插件初始化后会添加新的模块初始化。 你可以在这里看到：https://github.com/artf/grapesjs/blob/v0.10.2/src/grapesjs/index.js#L73 这种行为有一些副作用，比如在 grapesjs-preset-newsletter 插件中，它试图覆盖命令 'export-template'，但当你在插件之后初始化模块时，这个命令又会被默认命令覆盖。
“NPM跑法构建” 测试失败。来自一个全新的安装。 我移除了“npm test”，尝试在 Apache 服务器上运行 webpack 生成的分发文件。 不幸的是，UI完全坏了...... ![图片]（https://user-images.githubusercontent.com/7088147/31045050-1a1dddfc-a60e-11e7-8290-182e0d5f94b2.png） 有人遇到过这种情况吗？ 附言：我用的是Cloud9 IDE，不知道这有没有影响。