#9062018年2月28日作者 ciotuvasile2 个回答
你好，@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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#9052018年2月27日作者 konstantin550003 个回答
大家好！ 拖块到画布上，然后放下： ...我们有事件要检测，我们要投放到哪个方块。 ？： 但当我把块文本放进 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#9042018年2月27日作者 g403 个回答
首先，谢谢你。这些内容真是太棒了。其实比那更好。它令人惊讶地好。 一开始就有一些问题。可能是功能请求，不太确定。表格部分有常见的小部件，但没有“范围”选项。我该如何添加一个？可能更复杂：有没有示例说明如何封装（比如）一个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如果你们有机会做这件事，会开源吗？想偷看一下
#9032018年2月27日作者 rajatkumcom3 个回答
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 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“}]
#9022018年2月27日作者 isaacnikon3 个回答
我刚开始在GitHub上发布问题， 我使用的是 NPM 的最新版本 GrapesJS 和 Newsletter 预设 我已经做过了 var grapesjs = require（'grapesjs'）; require（'Grapesjs-preset-newsletter'）; 以及 ngOnInit（） { VAR Editor = Grapesjs.init（{ 容器：“#gjs”， 插件：['GJS-preset-newsletter']， pluginsOpts： { 'gjs-preset-newsletter'： {} } }); } 如果我按照同样的流程处理网页预设，它就正常工作，只有新闻通讯预设在控制台上会错误，...
isaacnikon
你好@artf 谢谢你的建议💃， 上面的代码是抛出错误 nlPlugin，而不是函数， 这样做帮助它运行 再次👍非常感谢
artf
你好@isaacnikon，欢迎加入:) 顺便说一句，如果你想全局加载，'grapesjs-preset-newsletter' 并没有被正确添加，试试这个 “''js var grapesjs = require（'grapesjs'）; var nlPlugin = require（'grapesjs-preset-newsletter'）; grapesjs.plugins.add（'gjs-preset-newsletter-2'， nlPlugin）; ... 插...
absyah
@isaacnikon Hei，'.default' 就能发挥作用。谢谢！👍 还要非常感谢@artf提供这些超棒的插件！！🙌
#9012018年2月26日作者 rajatkumcom3 个回答
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 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（）}） ```
#9002018年2月26日作者 chthomos2 个回答
再次恭喜你做得很棒。我们有大量扩展的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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#8992018年2月26日作者 sergeysova3 个回答
如何向该面板添加自定义按钮： ![图片]（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）
#8982018年2月26日作者 NorthstarTech3 个回答
我该如何把 getHtml（） 放出 grapesjs 编辑器？我在编辑器的iframe外面有一个保存按钮。点击保存按钮时，我没有看到当前的 html。 需要帮助。
alvim
你应该通过“editor.getHtml（）”获得。 如果你的编辑器在 iFrame 里，而你在父窗口执行代码，你可以这样访问它： 这就是你要找的吗？
artf
抱歉@NorthstarTech我完全没明白你说的是什么
JordanTGVG
我在Edge浏览器中遇到了一个问题，无法从编辑器中获取html，内容如下： 'window.frames[indexOfIFrame].editor.getHtml（）' Chrome和Mozzila运行良好，有什么建议吗？
#8972018年2月24日作者 konstantin550003 个回答
大家好， 假设我在<form>画布上添加了块状。当我下次添加（<form>第二次）时， 需要检查：如果这个组件已经存在于画布上， call function implodeComponents（presentedComp， recentlyAddedComp）{} 但是，在事件编辑器.on（'component：add'...我只能用最近添加的组件。 问题是：如何在画布上遍历所有组件，找到特殊组件（示例<form>） 请看看 http://prntscr.com/ij8c82 谢谢你的帮助。
konstantin55000
感谢您的关注。 我刚看完那个纪录片。 最终得到了这个解决方案： editor.on（'component：add'， function（currentComp） { if （currentComp.attributes.tagName == “form”）{ var modelList = （domComps.getComponents（））.models; var presentForms = modelList.filter（function（component） {...
ionic666
@konstantin55000 嗨，兄弟，domComps.getComponents（） 正在获取所有模型，我只想拿到按钮。我该怎么做？谢谢
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。