从最终HTML中排除组件
你好@AH1N1, 你说的“最终 html”是指从 'editor.getHtml()' 返回的值吗?你说的是自定义组件吗?如果这两个问题的答案都是肯定的,那么你应该可以覆盖自定义组件的“toHTML”方法,使其不返回任何内容。实现这一点的代码大致如下: 如果你有其他想法,告诉我一些细节,我可以尽力进一步协助。 顺便问一下——@artf你怎么看让'editor.getHtml()'和'component.toHTML()'之间“HTML/Html”大写一致?我没有偏好用哪种风格,但我觉得改成“editor.getHtml() / component.toHtml()”或“editor.getHTML() / component.t...
阅读下方完整回答 ↓问题
有没有现成的解决方案可以排除部分组件进入最终HTML?或者有没有其他机制让组件只存在于视野中?
回答(3)
你好@AH1N1, 你说的“最终 html”是指从 'editor.getHtml()' 返回的值吗?你说的是自定义组件吗?如果这两个问题的答案都是肯定的,那么你应该可以覆盖自定义组件的“toHTML”方法,使其不返回任何内容。实现这一点的代码大致如下: 如果你有其他想法,告诉我一些细节,我可以尽力进一步协助。 顺便问一下——@artf你怎么看让'editor.getHtml()'和'component.toHTML()'之间“HTML/Html”大写一致?我没有偏好用哪种风格,但我觉得改成“editor.getHtml() / component.toHtml()”或“editor.get...
@AH1N1 这里有一个可用的代码示例:https://jsfiddle.net/tt32z2uz/2/。打开浏览器控制台,你应该会看到这段被登出的状态:“<div>这里有一些正常内容</div><div>......更正常的内容</div>“。
这能给你调试代码所需的信息吗?如果没有,你能提供一个你的实现实时代码示例吗?
我能想到的一些可能原因,说明为什么这方法对你不起作用:
- “isComponent”方法无法正确识别你的自定义组件
- 编辑器实例在你的自定义组件类型注册之前已经解析了组件(比如用“fromElement: true”)
你好@afotey
如果我想只返回通过组件设置面板输入的 div ID,怎么办?
组件设置中分配的ID直接放在“属性”里,所以你可以用它 “''js const comp = editor.getSelected(); const id = comp.getAttributes()['id'];
> 有没有办法让导出时只包含这些ID,而不是任何配套的HTML/CSS?
当你的组件有某种风格时,你会获得其他ID。如果你用类,应该看不到这些
相关问答
通过相似的问题讨论继续研究。
问题 #1812
:尝试添加背景图像时出现404(演示中可复现)
以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图...
问题 #921
从面板按钮中选择并聚焦一个HTML元素
大家好, 有没有可能用Grapes在某个section的html里设置焦点,比如作为锚点?我有一个面板按钮,它只是选择我想要的部分,但不会聚焦到元素。这是代码: panel.addButton('options', [{ 编号:“链接”, 班级名称:“fa fa-th-list...
问题 #2008
添加大量自定义HTML后,画布会变暗且无法修改。
我以前用“editor.addComponent()”添加自定义html。 大多数时候它运行良好,但当我尝试插入一个包含大量子元素的大型 HTML 时,画布会变黑且无法修改。我只能重新加载整个编辑器才能让它重新工作。
问题 #1978
:风格总是应用到职业上
你好, 我在为单个物品做样式时遇到了个问题。 以下html代码: '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” clas...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。