如何通过 GrapesJS 导出功能获取外部插件 CSS、JS 和 HTML?
.但我们无法在MODEL中用渲染功能拖放后,在画布上向用户显示日历,这也是我们在视图中使用OnRender的原因。 你试过我给你发的组件类型定义吗? 它已经经过测试,效果很好: 那么,单靠模型本身就足够渲染并添加 HTML 导出功能吗?如果是的话,能否解释一下具体操作方式? 是的。它会在画布中渲染组件,并将最终代码包含在最终HTML中。 如果你需要针对具体情况的进一步帮助,我会非常感激。 干杯!
阅读下方完整回答 ↓问题
我用外部插件 JavaScript 版本的 @fullCalendar 接入 GrapesJS。我能在画布上渲染日历,但无法使用 GrapesJS 导出功能来获取以下内容的 JS、CSS 和 HTML。
我试过用
1) var html = editor.getHtml();
2) var css = editor.getCss();
3) var js = editor.getJs();
4) editor.on('component:mount', comp => console.log(comp.toHtml());
日历在画布上渲染 -
GrapesJs 编辑导出 -
请帮帮我! 提前感谢......
回答(3)
.但我们无法在MODEL中用渲染功能拖放后,在画布上向用户显示日历,这也是我们在视图中使用OnRender的原因。 你试过我给你发的组件类型定义吗? 它已经经过测试,效果很好: 那么,单靠模型本身就足够渲染并添加 HTML 导出功能吗?如果是的话,能否解释一下具体操作方式? 是的。它会在画布中渲染组件,并将最终代码包含在最终HTML中。 如果你需要针对具体情况的进一步帮助,我会非常...
非常感谢,@pouyamiralayi。 你给的代码正在工作。 我们的代码无法选择主导元素来渲染日历。 现在它正常工作了。
非常感谢你帮我们解答,!!!:-p
你好!你要找的是[在组件中使用 JS](https://grapesjs.com/docs/modules/Components-js.html#basic-scripts)。 只需在Canvas脚本和样式部分包含必需的JS和CSS: 之后,自己构建[自定义类型组件](https://grapesjs.com/docs/modules/Components.html#define-custom-component-type): 然后在代码预览中,你会看到结果脚本: ;' 就像 “https://grapesjs.com/docs/api/component.html#tohtml” 但应该是自定义组件内的 TOCSS
问题 #5385
GetDirtyCount() 非确定性加载后
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://github.com/padcom/grapesjs-bug-dirty-count-non-deterministic/blob/master/index.h...
问题 #3627
:我正在尝试复制页面,但由于 ID,样式无法应用,结尾的 -2,-3 发生了变化。
“JavaScript const duplicatePage = (编辑者) => { let components = editor.getHtml(); 令 css = editor.getCss(); 让newPage = 编辑器。Pages.add({ 样式:CSS,...
问题 #1708
StyleManager 事件每次变更都会多次触发
复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。