PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #1888💬 已回答提出于 2019年3月13日作者 RobertoCorreale0 个反应

在画布内添加自定义HTML

快速解答作者 artf

我认为是因为在画布内添加新节点时,grapes无法计算正确的顺序。 没错,顺序是基于模型中的组件,而不是视图。所以,澄清一下,你添加的<label>updateComponentView只是画布用的,JSON结构里不需要,对吗?

阅读下方完整回答 ↓

问题

你好, 我用 grapes 导出一个包含所有信息的自定义json,而不是用HTML和CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布里渲染它,标签特征分别作为<label>标签,value作为占位符,置于<input>标签里。 当然我可以用自定义视图,但在localStorage里这样做会保存在对象里的标签标签,不过我想避免这样,因为导出所有画布代码时,我只期望有 我尝试修改了视图中组件的渲染方式,做了以下的事情。 它能用,但当我在画布内拖动其他方块并重新加载页面时,输入组件的顺序就不正确了。 我觉得是因为在画布里添加新节点时, grapes 无法计算正确的顺序。 有什么建议能帮我处理这个案子吗? 谢谢你

回答(3)

artf• 2019年3月22日

我认为是因为在画布内添加新节点时,grapes无法计算正确的顺序。

没错,顺序是基于模型中的组件,而不是视图。所以,澄清一下,你添加的<label>``updateComponentView只是画布用的,JSON结构里不需要,对吗?

no-response[bot]• 2019年4月1日

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

lock[bot]• 2020年4月2日

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

相关问答

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

问题 #1696

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...

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

问题 #1493

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

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

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

问题 #1162

:Handlebars 渲染模板中的可编辑组件

你好,我已经用 grapes 大约几天了。感谢你在这个项目上的出色工作。我已经看过API文档(希望没漏掉这部分),也尝试了一些方法。基本上,我用 grapes 加载现有的.hbs(车把)文件,用户就可以编辑了。我看到之前有人问#938里如何集成车把,我照着那里的建议做了,最终得...

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

问题 #1255

:如何从自定义组件中设置编辑器的HTML内容?

我在grapes编辑器中无法让自定义块+组件显示其模板HTML。在导出的HTML中,标记和CSS是按预期生成的。 不过在编辑器里,块不会留下任何界面(不过根据导出的 html/css 它已经成功拖入了)。 我的问题是: 'toHtml' 方法的输出如何正确地应用到编辑器的 if...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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