PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好， editor.on（'run：preview'， （） => { console.log（'preview ON'） }） 这样运行正常。 现在我需要点击“隐藏预览”时触发的命令事件。
artf
“停止：预览”
theanhmx
'editor.on（'run：preview'， （） => { console.log（“预览开启”） }) editor.on（'stop：preview'， （） => { console.log（“预览关闭”） })` 我试过了，但停止：预览事件没有触发
artf
由 https://github.com/artf/grapesjs/pull/592 修复
你好， 当我点击预览按钮时，能否隐藏“BannerOptionsBtn”组件？ 我以前用过HTML（）函数。当我调用editor.getHtml（）时，它按预期返回了html，但当我点击预览按钮时，“BannerOptionsBtn”却出现了。 这是代码。请帮帮我 domc.addType（'bannergal'， { model： defaultModel.extend（{ defaults： Object.assign（{}， defaultModel.prototype.defaults， { 类型：“bannergaltype”， 标签名称：“div”， 工具栏：[]， 组件： [{ 标签名称：“div”， 类型：“按钮”...
artf
你可以在组件内部利用命令事件，比如 “''js editor.on（'run：preview'， （） => { console.log（'preview ON'） }） ```
sanjeevSavitr
谢谢你的帮助。 请发送当我们点击“隐藏预览”时触发的命令事件。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
嗨！ 我想添加一条 CSS 规则，比如说，可以根据某个属性改变组件的外观。也就是说， “''CSS [data-role=某某]{ 背景色：红色; } ``` 有没有程序化的方法？或者说，任何其他方式都一样。 谢谢， 米沙
artf
试试这个 “''js editor.addComponents（'<style>[attr=val]{ color：red }</style>'） ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想在样式管理器的排版中添加新的属性作为行高。 你能帮帮我吗？ 另外，如何通过选择这个新添加的属性，将css格式应用到特定元素上。
artf
你可以从演示 https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1054 获得
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，@artf， 正如你所知，在我公司，我们正在开发一款基于 GrapesJS的产品。 我们尽量保持与核心 GrapesJS 距离。作为开发者，我们尽力避免从 GrapesJS 创建分支，而是不断向仓库贡献。 现在，我们有一个新功能要开发，想知道它对 GrapesJS来说是否有趣。 我们想在块面板里添加标签页。它和分类一样，用来分组特定的块。 差不多是这样 <img width=“253” alt=“captura de tela 2017-11-09 as 15 55 03” src=“https://user-images.githubusercontent.com/218371/32621280-6efd381e-c566...
arthuralmeidap
你真是太棒了!!非常感谢！！我会试试的!!!
artf
谢谢你，Arthur，非常感谢你的帮助。看起来你做得很棒，我觉得这个功能非常适合做插件:)
arthuralmeidap
我需要对GrapesJS内部的一些模型/视图做一些修改。 我该如何通过插件实现目标？有什么建议吗？
你好@artf， 有可能替换我自定义的当前资产管理器吗？ 我自己创建了资产管理器，想用它上传图片等内容。 这可能吗？
artf
没有@suraj740目标是组件模型，你应该添加自定义的“开放资产”命令 “''js 编辑。Commands.add（'open-assets'， { run（editor） { 这里，你给你的定制经理打电话 你可以获得选定的组件（目标） 与editor.getSelected（）; } }) ```
suraj740
谢谢@artf，我已经把当前的资产管理器替换成了自定义的。 谢谢你给我这样的命令。
artf
#491的复制品
你好， 有时，我的画布上的荧光笔和工具栏会出现在错误的位置。这是已知的bug吗？我需要手动刷新画布吗？ 看起来'gjs-highlighter'和'gjs-badge'上的“top”cs属性并没有被正确计算，它们水平上仍然对齐，只是垂直方向不对。有什么建议吗？ 我在下面附上了截图。 谢谢， T ![截图 2017-11-08 16 44 30]（https://user-images.githubusercontent.com/7810707/32561567-7434d44e-c4a4-11e7-972e-431095beb8d2.png） ![截图 2017-11-08 16 44 51]（https://user-image...
artf
我知道工具栏在内容变化时会“跳”（通过添加或移除按钮），但用荧光笔时不会。你会在滚动页面中使用编辑器吗？
telliott22
有什么方法可以在内容变化时停止跳跃吗？ 是的，页面是滚动的。我应该限制编辑器的高度到浏览器的高度吗？
artf
是的，不幸的是，有个bug，滚动页面的尺寸没有正确显示
我创建了一个自定义类型和一个块 “''js DomComponents.addType（'MyComponent'， { ... }）; BlockManager.add（'Component'， { content： { type： 'MyComponent' } }）; ``` 能否通过名称或其他方式将其插入“DomComponents”？我不想每次都手动拖放方块。谢谢。
z-vr
哦，我找到了怎么做的——通过 'editor.addComponents（{ 类型： 'MyComponent' }）'。有没有办法通过 CSS 选择器把它插入到特定元素中？ 找到了这段片段，但我该如何找到正确的索引？ “''js editor.getComponents（）.add（'<div>Text</div>'， {at： index}）; ```
z-vr
好的，我做的是 “''js export default function iterateChildren（components， fn） { components.each（（model） => { fn（模型）; const childComps = model.get（'components'）; iterateChildren（childComps， fn）; }); } export function findModels（components， selector...
artf
你实际上可以用“view.$el.data（'model'）”从现金元素实例获取模型，所以你可能用更少的代码就能实现 “''js wrapper.view.$el.find（'#hero .text'）.each（（el， i， $el） => console.log（$el.data（'model'）） ) ```
你好，@artf，非常棒的网页构建框架，继续保持 ：+1： 代码： “JavaScript ... blockManager.add（'dynamic-nav'， { 标签：“动态导航”， 属性：{ 类别：“Fa fa-省略号-h”， 标题：“插入导航动态菜单” }, 分类：“分区”， 内容： '<ul class=“hide-on-med-and-down” data-gjs-type=“navigation” data-section-type=“navigation”> <li> <a href=“page1.html”>第1页</a> </li> <li> <a href=“page2.html”>第2页</a> </li...
artf
你可以通过这种方式更新该区块的内容 “''js const dblock = blockManager.get（'dynamic-nav'）; dblock.set（'content'， '<ul>...'）; ```
bungambohlah
哦，我明白了，非常感谢@artf
bungambohlah
你好，@artf我遇到问题，我的动态导航模块现在能用了，但当我给该组件输入某个脚本时，它会给我一个错误“意外标识符”。我可以纠正一下吗？如果没有，请纠正我，非常感谢 这就是我的剧本： “JavaScript ... 动态导航 blockManager.add（'dynamic-nav'， { 标签：“动态导航”， 属性：{ 类别：“Fa fa-省略号-h”， 标题：“插入导航动态菜单” }, 分类：“分区”， 内容：{ 脚本：函数 （） { var contentDynam...
你好， 我们正在评估GrapesJS是否符合要求。作为评估的一部分，我创建了自定义命令“插入占位符”，它的作用（我计划做的）是当选择文本时，当我点击这个命令时，它应该会在选定的光标位置插入文本。 最初我就是这么做的 var existingData = selectedComponent.view.el.firstChild.data; var placeHolderData = '[[1# 占位符名称]]'; existingData = existingData + “ ”+占位数据; console.log（“现有数据”，现有数据）; selectComponent.set（'content'， existingData）;...
mathieuk
与#481号的复制品
sarathksasi
谢谢
edwardjiawei
类似于我在[grapesjs-plugin-customrte]（https://github.com/edwardjiawei/grapesjs-plugin-customrte/tree/master/src/main.js）中做的。但我不建议我的代码是基于它，因为它很乱。 你应该能在我的仓库里用 design， html 测试代码。 还可以为实现 el.contentEditable 设置较低优先级， 这样占位符文本就无法编辑。[#287]（https://githu...