更新为新的自定义组件的HTML格式
我通过以下方法解决了这个问题 toHTML: 函数 () { 令el = '<script> console.log(“此处添加文字”)</script>'; el = defaultType.model.prototype.toHTML.apply(this) + el; 返回EL; }, 非常感谢你的支持
阅读下方完整回答 ↓问题
我想更改 toHTML 的输出方式。我想修改现有的HTML输出。
我尝试了component的“toHTML”属性
- 允许返回新的HTML元素
- 但它不允许获取已有的 HTML,然后再更新并返回
我尝试在 toHTML 内部调用 toHTML,想要访问原始组件 html,但正如预期,它陷入了无限循环。
有没有办法访问现有的toHTML,这样我就能修改它,然后以新的“toHTML:”返回。编辑器或导出会使用新的输出。
回答(3)
我通过以下方法解决了这个问题
toHTML: 函数 () { 令el = '<script> console.log(“此处添加文字”)</script>'; el = defaultType.model.prototype.toHTML.apply(this) + el; 返回EL; },
非常感谢你的支持
要获得“defaultType”,请执行以下操作:'var defaultType = editor.DomComponents.getType('default');'
这也适用:
“JavaScript var prototype = Object.getPrototypeOf(this); var el = prototype.proto.toHTML.call(this); 返回EL;
嗨!你试过在“toHTML”里用“component.view.el”吗?它会让你访问当前的“DOM”。 干杯!
相关问答
通过相似的问题讨论继续研究。
问题 #2302
如何通过 GrapesJS 导出功能获取外部插件 CSS、JS 和 HTML?
我用外部插件 JavaScript 版本的 @fullCalendar 接入 GrapesJS。我能在画布上渲染日历,但无法使用 GrapesJS 导出功能来获取以下内容的 JS、CSS 和 HTML。 我试过用 1) var html = editor.getHtml();...
问题 #2079
让CSS样式不被退还
如何防止在我们使用 'editor.getCss();' 就像 “https://grapesjs.com/docs/api/component.html#tohtml” 但应该是自定义组件内的 TOCSS
问题 #5460
从“pageManager”加载“组件”和“样式”
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请查看jsfiddle中的pageMa...
问题 #4076
XSS vulnerability via component attributes
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 97.0.4692.71 可复制演示链接 https://jsfiddle.net/ovrz5ug2/4/ 描述一下那个虫子 你好——我们在多人游戏场景中使用 Grapes...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。