Issue #2518✓ SolvedOpened January 21, 2020by denish-kanabar4 reactions

Webpage plugin: import & export code options in AngularJS application

Quick answerby pouyamiralayi❤ 2

@denish-kanabar you can do this way: Cheers!

Read full answer below ↓

Question

Hello Team,

I have bit different requirement for export and import code. Is it possible to get html and css in memory (i want to save it in DB ) instead of opening PopUp which gives an option to save zip file ?

I am using webpage plugin in angular app

Also is it possible to load page with pre-rendered or pre-supplied HTML while opening or loading container?

Requirement is to modify current behavior of export and import feature of webpage plugin

Answers (3)

👍 Most helpfulpouyamiralayi• January 23, 2020

@denish-kanabar you can do this way:

editor.setComponents(
  `
     <div> Default Template! </div>
     <style> div { background: teal} </style>
  `
)

Cheers!

pouyamiralayi• January 21, 2020

Hi @denish-kanabar Is it possible to get html and css in memory (i want to save it in DB ) please refer to the storage apiload page with pre-rendered or pre-supplied HTML cheers!

denish-kanabar• January 22, 2020

have checked that thread and from there only could import plugins but now issue is with calling API while adding command for editor to save in DB

View full discussion on GitHub →

Related Questions and Answers

Continue research with similar issue discussions.

Issue #3559

page.getMainComponent().view gives undefined when page is selected

Hello @artf, I want to get the HTML Element of selected page. But it returns undefined when using following code:

3 answersUpdated July 21, 2021

Issue #837

[QUESTION] Javascript Deletes

Whenever I import, using import plugin, javascript part of the code is deleted. Is there any way to preserve it? I want to used the exporte...

3 answersUpdated February 5, 2020

Issue #3631

How to load dynamic content in the final HTML file?

I looked everywhere, including the issues section and tried a few things. But really unsure how to load dynamic content in my components al...

4 answersUpdated July 21, 2021

Issue #3347

How can I get Uncompressed JS code for me to edit?

Hi, thank you for reviewing my problem. I want to use my own JSEditor to edit html、css and js. 1、First, I use getHtml, getCss, getJs to dis...

4 answersUpdated April 7, 2021

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Tutorial

Integrating GrapesJS into a Vue 3 App — Complete Guide for 2026

Build a Vue 3 landing page builder with GrapesJS and Vite. Custom blocks, composables, remote storage, TypeScript & production tips. Updated for 2026.

Tutorial

How to Build a Drag-and-Drop Page Builder in Angular Using GrapesJS (Step-by-Step Guide + Code)

Build a visual drag-and-drop page builder in Angular with GrapesJS. Learn setup, plugins, and backend saving in this full code guide.

Tutorial

Integrating GrapesJS into a Next.js App with @grapesjs/react wrapper

Seamlessly integrate GrapesJS with React, TypeScript, and Next.js using the official @grapesjs/react package for modern app development.

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders