问题 #1906💬 已回答提出于 2019年3月19日作者 arthuralmeidap0 个反应

Components & Js - 加载模板

快速解答作者 artf

你好,Arthur,你能制作一个本期的演示吗?另一个问题是:data-gjs-type 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,isComponent 方法不会被调用 你是依赖HTML来存储和加载吗?

阅读下方完整回答 ↓

问题

嘿,

我有一个组件连接了一个 JS。一切都是用JS创建的。 当我第一次拖放方块时,JS运行正常,一切运行得很顺畅。 当我加载已有模板时,JS似乎没有运行。JS会创建一些DOM元素,比如DIV和CANVAS,但它们不会被显示出来。 我添加了警报,警报显示了,但JS的其他部分似乎无法正常工作。 另一个问题是:'data-gjs-type' 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,'isComponent' 方法不会被调用......

回答(3)

artf2019年3月24日

你好,Arthur,你能制作一个本期的演示吗?

另一个问题是:data-gjs-type 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,isComponent 方法不会被调用

你是依赖HTML来存储和加载吗?

ayazhussein2019年3月28日

我也遇到同样的问题。 当我用脚本放一个组件时,它能用,但刷新后就不行了 你可以试试 grapesjs-component-countdown,刷新后数字就不显示了。 这是我的配置(用于Angular应用,如果有人能帮忙也请看) 更新:经过研究,发现 JS 没有保存在 LocalStorage 里,而且如果组件缺失,它也不会尝试重新渲染组件以添加 JS,而且如果我重新加载后尝试使用 getScript(),它会返回一个空字符串。 “JavaScript this.editor = grapesjs.init({ 请指示编辑器的初始化位置。你也可以通过HTMLElement container:...

no-response[bot]2019年4月3日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

相关问答

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

问题 #1121

<Tbody> 在里面<Table>

你好@artf, 我创建了一个新组件,地址是 'tagName = 'table''。当选择并点击我创建的工具栏选项时,会打开一个新的模态,用户提交后,应该会在该模块中添加一些内容。我使用的是 'editor.getSelected().get('components').ad...

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

问题 #1888

在画布内添加自定义HTML

你好, 我用 Grapes 导出一个包含所有信息的自定义 json,而不是用 HTML 和 CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布...

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

问题 #1493

Render() 第一次通话时能正常工作,但后续通话则不行

你好, 我创建了一个自定义组件,用“背景图像”显示图像,<div>而不是用“<img>''元素。大部分时间还能用,只是每次我更改它的“src”特性时,都必须重新加载编辑器来预览渲染后的元素。这是其观点: “''js 查看:originalMap.view.extend({ in...

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

问题 #1047

在自定义选择菜单中更改数值后,模型无法更改。

嘿, 我用的是 unpkg.com 的CDN链接来做葡萄JS。 在我的项目中,我用自定义特性作为下拉菜单,通过 model.components 来更改 HTML。但如今,这种价值并未反映在编辑器HTML中。 ![视频-周一-4月16日-2018-18-18-24](https...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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