问题 #2302💬 已回答提出于 2019年9月30日作者 Amitkumar855332 个反应

如何通过 GrapesJS 导出功能获取外部插件 CSS、JS 和 HTML?

快速解答作者 pouyamiralayi1

.但我们无法在MODEL中用渲染功能拖放后,在画布上向用户显示日历,这也是我们在视图中使用OnRender的原因。 你试过我给你发的组件类型定义吗? 它已经经过测试,效果很好: ![图片](https://user-images.githubusercontent.com/53266765/65950646-54ecdc80-e44b-11e9-848a-8f81b52a28d2.png)那么,单靠模型本身就足够渲染并添加 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());

日历在画布上渲染 -

![日历1](https://user-images.githubusercontent.com/44636520/65910805-0d356900-e3e9-11e9-95c0-164eb608ee84.png)

GrapesJs 编辑导出 -

![日历2](https://user-images.githubusercontent.com/44636520/65910804-0d356900-e3e9-11e9-8b92-c18320d58179.png)

请帮帮我! 提前感谢......

回答(3)

pouyamiralayi2019年10月1日

.但我们无法在MODEL中用渲染功能拖放后,在画布上向用户显示日历,这也是我们在视图中使用OnRender的原因。 你试过我给你发的组件类型定义吗? 它已经经过测试,效果很好: ![图片](https://user-images.githubusercontent.com/53266765/65950646-54ecdc80-e44b-11e9-848a-8f81b52a28d2.png)那么,单靠模型本身就足够渲染并添加 HTML 导出功能吗?如果是的话,能否解释一下具体操作方式? 是的。它会在画布中渲染组件,并将最终代码包含在最终HTML中。 如果你需要针对具体情况的进一步帮助,我会非常...

Amitkumar855332019年10月1日

非常感谢,@pouyamiralayi。 你给的代码正在工作。 我们的代码无法选择主导元素来渲染日历。 现在它正常工作了。

非常感谢你帮我们解答,!!!:-p

pouyamiralayi2019年9月30日

你好!你要找的是[在组件中使用 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://user-images.githubusercontent.com/53266765/6591543...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。