更新为新的自定义组件的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
问题 #3615
文本组件无法更新,无法从toHTML获得最终结果。
它是文本成分, 如果选择正文,文本会在组件到HTML方法中进行修正保存/应用/存储, 如果只是更新文本,但不保留文本部分,只需点击保存 然后使用“editor.getHTML()”,结果不会更新。 ![Snap77](https://user-images.githubuser...
问题 #2541
把样式分配给类别,而不是 ID
我想实现的是,每当画布内部的“块”被编辑时,样式不会被添加到 #id,而是被添加到一个类中。 我的逻辑是,把当前使用的ID——随机字符串去掉,做成类,然后给那个类分配样式而不是ID,是的,这会导致类很多,但前端ID就不会有问题了。 不过我似乎找不到怎么做,每次我在: 'edit...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。