问题 #1770✓ 已解决提出于 2019年1月31日作者 a-bashtannik2 个反应

如果在主题主体中指定了自定义标签的组件,则不会被渲染

快速解答作者 artf2

有两个问题:你忘了指定“isComponent”(解析过程中使用) “''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', 浏览量:{ 使用 onRender 钩子代替 Render onRender() { const el = document.createElement(“h1”); el.innerText = 'TEST-COMPONENT OK'; this.el.appendChild(el); } }, }); ```目前,新的组件类型无法用于初始模板, 所以唯一的办法是通过插件添加它们(我...

阅读下方完整回答 ↓

问题

你好 我创建了一个非常简单的GrapesJS编辑器骨架。 HTML模板: '''html <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <title>演示</title> </head> <body> <div id=“gjs”> <test-tag></test-tag> </div> </body> </html> 装载结果: ![图片](https://user-images.githubusercontent.com/2712350/52058564-6609e480-2570-11e9-94f8-d7a4425837ad.png) 如你所见,分量没有被渲染。 但如果我手动放块,一切正常: ![图片](https://user-images.githubusercontent.com/2712350/52058679-a10c1800-2570-11e9-9d46-dcee38db9e66.png) 如果我更改模板并将“data-gjs-type”属性设置为“<test-tag data-gjs-type=”test-component-type“></test-tag>' 值,其他功能也能正常。 ![图片](https://user-images.githubusercontent.com/...

回答(3)

👍 最有帮助artf2019年2月6日

有两个问题:你忘了指定“isComponent”(解析过程中使用) “''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', 浏览量:{ 使用 onRender 钩子代替 Render onRender() { const el = document.createElement(“h1”); el.innerText = 'TEST-COMPONENT OK'; this.el.appendChild(el); } }, }); ```目前,新的组件类型无法用于初始模板...

a-bashtannik2019年2月6日

@artf,谢谢你的回答,但我也

也尝试了定义“isComponent”的构造,但结果相同。

随便吧,我是通过你说的插件实现的这个功能。

不知道为什么新组件类型不行,如果能弄明白我会用PR箱子。

lock[bot]2020年2月6日

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

相关问答

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

问题 #1187

:为什么虚线不会在组件周围显示?

很久没试了,我又试了用GrapesJS。 我正在跟着“入门指南”页面操作,但卡在这一步 https://github.com/artf/grapesjs/wiki#components 事实上,我正按照教程里的说明,用虚线“高亮”按“眼睛”按钮,但没用。 GrapesJS 版本...

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

问题 #1173

Body 和 head 显示的头部标签数据显示为空

你好,Artf 我在给编辑器组件分配的HTML头标签里有head tag和meta tags。 比如 但它在<head>iframe正文中显示内容 比如

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

问题 #329

Forceclass false 不起作用

你好,artf,再次感谢你自我开始项目以来的回答,也感谢你带来这个美丽的项目, 我告诉过你我想停止自动创建类,它会删除我的内联CSS,你却说:强制类设置为false,当我设置forceclass为false时,这不行,这是正常的吗?还是我需要做别的事情? 这是我的索引代码:

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

问题 #989

连续的跨度在葡萄编辑器中与普通窗口中显示空白的方式不同

我花了大半个下午试图调试这个问题。虽然我已经把它缩小成一个小且易于复现的测试用例,但我还没找到问题的根本原因。希望有人能帮忙。 请注意以下HTML模板: 如果你在浏览器中渲染,它会呈现为: <img width=“133” alt=“截图 2018-03-29 下午1:36 3...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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