问题 #1584💬 已回答提出于 2018年11月15日作者 coder-strange1 个反应

无法从 editor.getComponents() 获取 Block 的脚本

快速解答作者 artf1

@taufeek6 #1576

阅读下方完整回答 ↓

问题

下面是我要添加的组件。this.editor.BlockManager.add('dob-mmyy-pii', { ID:“多布-米”, 标签:“DOB(MM,YYYY)(PII)”, 类别:“形式”, 属性:{class:'fa fa-birthday-cake'}, 内容:{ 内容: '<div> <label>出生日期(月份和年份)</label> <input name='dob' class=“form-control”> ',</div> script : function(){ $( $(this).find('input[name=“dob”]') ).datepicker({ changeMonth: true, changeYear: true, showButtonPanel:true, 日期格式:“MM yy”, onClose: function(dateText, inst) { console.log(“inst”,inst) $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1)); }, beforeShow:function(){ setTimeout(()=>{$('.ui-datepicker-calendar').css(“displ...

回答(3)

artf2018年11月19日

@taufeek6 #1576

artf2018年11月17日

如果“脚本”是一个函数,而你无法用 JSON 序列化它,我觉得,就你这种情况来说,你需要一个新的自定义组件类型(你只是添加一个块),然后你只导出更改过的属性(脚本会是组件定义的一部分,所以不需要在 JSON 里放它)

coder-strange2018年11月19日

中了!这个方法完全正常,但它允许在块中选择所有元素(直接在“content”里给块 html,Content : { content : 'html' } 是正常的),那我该如何禁止在块中选择这些元素呢? ![图片](https://user-images.githubusercontent.com/19469610/48704095-b8975e00-ec1b-11e8-9cb7-324c0ff706db.png)

例如,在上面的图片中,我不希望选中那个标签、按钮或标题,用户选择时会选中整个区块。

相关问答

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

问题 #1499

通过区块的内容脚本进行支配操作(dom)操作可能吗?

嘿!首先非常感谢你打造了这样一个优秀且多功能的工具。 我有可能通过区块的内容脚本来操控该区块的主导元素吗? 例如, 基本上我需要一个类似调查的模块,用户可以放置问题模块,然后输入问题字符串。 再次非常感谢你。

3 个回答更新于 2019年10月19日

问题 #1733

如何移除由添加块管理器脚本添加的脚本标签

你好@artf 我想导出最终/基于制作的HTML内容,但不包括脚本(只导出由块管理器添加的脚本)。 假设我用block-manager添加一个新块,比如 现在当我把这个块放进编辑器时,它会在文档里创建一个 div 标签,同时还会生成类似的脚本, 所以,当我尝试用“editor....

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

问题 #1611

脚本标签 create JSON 错误

嗨。我在Grapesjs里创建方块,需要用JS来实现悬停效果等。 每个方块的创建、存储、加载和样式都正常。 我在给我的方块添加<script></script>标签时遇到了一个问题。第一次拖动方块时工作正常,但当我存储并重新加载页面(也就是加载数据库里存储的内容)时,我就出现了...

3 个回答更新于 2019年12月2日

问题 #1817

在编辑器渲染块时更改 HTML 内容

你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样,我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改,但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗?我该怎么实现?

3 个回答更新于 2020年2月22日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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