问题 #502💬 已回答提出于 2017年11月10日作者 sanjeevSavitr0 个反应

在预览中隐藏特定组件

快速解答作者 artf

你可以在组件内部利用命令事件,比如 “''js editor.on('run:preview', () => { console.log('preview ON') }) ```

阅读下方完整回答 ↓

问题

你好, 当我点击预览按钮时,能否隐藏“BannerOptionsBtn”组件? 我以前用过HTML()函数。当我调用editor.getHtml()时,它按预期返回了html,但当我点击预览按钮时,“BannerOptionsBtn”却出现了。 这是代码。请帮帮我 domc.addType('bannergal', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { 类型:“bannergaltype”, 标签名称:“div”, 工具栏:[], 组件: [{ 标签名称:“div”, 类型:“按钮”, 组件: [{ 类别:[“BannerOptionsBtn”], 标签名称:“button”, 类型:“按钮”, 内容:“选项”, 样式:'display:inline-block', 工具栏:[], }] }, ], }), toHTML(opts) { var retVal = “<div>我自己的内容</div>”; 回归 retVal; } }, { isComponent(el) { var 结果 = ''; if (el.tagName == 'DIV' & el.className == “mainbannerdiv”) { 结果 = {...

回答(3)

artf2017年11月10日

你可以在组件内部利用命令事件,比如 “''js editor.on('run:preview', () => { console.log('preview ON') })

sanjeevSavitr2017年11月10日

谢谢你的帮助。

请发送当我们点击“隐藏预览”时触发的命令事件。

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

问题 #400

隐藏命令中的一个元素

你好, 我想在点击工具栏按钮时隐藏某个特定元素 命令:{ 默认值:[{ id:“submenuitem”, run: function(editor, senderBtn){ 我想隐藏“photostack-1”元素 ???? ???? ???? }, }], } VAR DO...

3 个回答更新于 2019年9月18日

问题 #460

当组件视图修改HTML时,文本组件不再可编辑

我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...

3 个回答更新于 2019年9月18日

问题 #522

模型HTML问题

#513 抱歉打开新期,但你关闭了上一期,所以不得不重新创建, 我在下面遇到困难,如果你能帮我解决或指导我示例代码就太好了,或者如果你有5分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 “''js fun...

3 个回答更新于 2019年9月18日

问题 #1947

更新data-gjs在标签和表单类型的属性时,会出现奇怪的行为

我正在对label data-gjs-type应用以下设置,这样做后,有些label标签就不再可见了。在将属性应用到 form 时也会发生类似的情况

2 个回答更新于 2020年4月15日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。