自定义HTML元素
是的,你可以在自定义组件中使用不同的标签名称 “''js const dc = 编辑器。主导组件; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ 标签名称:“自定义标签” }, { isComponent(el) { if(el.tagName == 'CUSTOM-TAG') return {type: 'my-custom-type'} }, }), view: defaultType.view.extend({ 标签名称:'div' //<-- 在 canv...
阅读下方完整回答 ↓问题
是否可以使用自定义的 HTML 元素,例如:
<body> <my-custom-tag/> </body>哪个会为预览窗口渲染特定的 html,但源代码输出的是自定义标签?
谢谢, 保罗
回答(3)
是的,你可以在自定义组件中使用不同的标签名称 “''js const dc = 编辑器。主导组件; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ 标签名称:“自定义标签” }, { isComponent(el) { if(el.tagName == 'CUSTOM-TAG') return {type: 'my-custom-type'} }, }), view: defaultType.view.extend({ 标签名...
谢谢@artf,这让我找到了正确的方向。
如果我想让区块中需要编辑的内容出现在自定义标签代码中,我该如何实现?
你是说像这样的东西? “''js 编辑。BlockManager.add('custom-block', { 标签:“自定义块” 内容:“<custom-tag>......</custom-tag>” })
相关问答
通过相似的问题讨论继续研究。
问题 #1770
如果在主题主体中指定了自定义标签的组件,则不会被渲染
你好 我创建了一个非常简单的GrapesJS编辑器骨架。 HTML模板: '''html <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <title>演示</title> </head> <body...
问题 #989
连续的跨度在葡萄编辑器中与普通窗口中显示空白的方式不同
我花了大半个下午试图调试这个问题。虽然我已经把它缩小成一个小且易于复现的测试用例,但我还没找到问题的根本原因。希望有人能帮忙。 请注意以下HTML模板: 如果你在浏览器中渲染,它会呈现为: <img width=“133” alt=“截图 2018-03-29 下午1:36 3...
问题 #1132
我该如何获得<body>标签及其属性
我已经为“身体”设置了背景色。但如果是编辑代码或用命令导出数据 'editor.runCommand ('gjs-get-inlined-html');' 没有设置任何“body”属性。使用这个命令时,我该如何解决身体标签要被检索的问题?还是有其他方法? 设置背景色为身体时的图...
问题 #1642
导入后嵌套@media样式后样式不完整
你好, 当导入带有嵌套@media查询的HTML代码时,styles-变量中的规则未正确映射。这会导致结果HTML中的样式出现破坏,因为CSS的某些部分就是缺失的。 为了测试,我导入了这个模板: 导入模板时,我按照以下步骤操作:点击垃圾桶图标以删除当前模板运行 'editor....
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。