问题 #1459💬 已回答提出于 2018年9月25日作者 gabrigcl1 个反应

如何将“data-”属性存储到组件的html标签中

快速解答作者 gabrigcl1

我见过有 “JavaScript component.setAttributes({ id: 'test', 'data-key': 'value' }); ``` 方法,我会测试并关闭这个问题。

阅读下方完整回答 ↓

问题

你好,我正在开发一个用chart.js做图表的插件。为了让生成的模板从插件生成的数据模型渲染图表,我需要将这个模型存储到组件的 html 标签中。图表所用的模型如下: “JavaScript { “类型”:“行” “数据”:{ “标签”:“Rótulo 1”、“Rótulo 2”、“Rótulo 3”、“Rótulo 4”, “数据集”: [{ “标签”:“数据集1”, “数据”:[3, 9, 8, 2], “backgroundColor”:“rgba(252,111,116, 0.7)”, “borderColor”:“rgba(35,100,224, 0.7)”, “borderWidth”: 2, “showLine”: true, “pointStyle”:“圆圈” }] } } 不过,我不知道该怎么做。如果我真的去了: “JavaScript this.model.set('data-gjs-chart-model', JSON.stringify(theChartModel)); ``` HTML 属性“data-gjs-chart-model” 不存储在存储的“html”部分,只存储在“components”部分。这样生成的图表只能在 Grapesjs 环境中工作,但如果我只拿生成模板的 html 和 css 并创建一个 Grapesjs 环境外的页面,图表就无法...

回答(2)

gabrigcl2018年9月27日

我见过有 “JavaScript component.setAttributes({ id: 'test', 'data-key': 'value' });

方法,我会测试并关闭这个问题。
lock[bot]2019年9月27日

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

相关问答

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

问题 #1888

在画布内添加自定义HTML

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

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

问题 #1414

组件“首次渲染”事件

嗨。我正在开发一个用chart.js图的插件。我需要在生成的组件中持久化图表模型,以便在背画布加载时渲染图表。为了实现这一点,我决定在组件的HTML署名中持久化图表模型。这是我配置图表后生成的组件 HTML(图表模型存储在属性“chartmodel”中): ![捕捉 2018-...

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

问题 #384

创建并编辑模板到数据库中

这是我创建新模板并将带有样式的内联HTML插入数据库的代码: “''js VAR Editor = Grapesjs.init ({ 身高:“100%”, 容器:“#gjs”, 插件:['GJS-preset-newsletter'], storageManager: { id...

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

问题 #493

我可以从块状API动态设置内容吗?

你好,@artf,非常棒的网页构建框架,继续保持 :+1: 代码: “JavaScript ... blockManager.add('dynamic-nav', { 标签:“动态导航”, 属性:{ 类别:“Fa fa-省略号-h”, 标题:“插入导航动态菜单” }, 分类:“...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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