Is it possible to export React single page website as HTML?

html css reactjs materialize mockups
Marcin picture Marcin · May 5, 2017 · Viewed 10.4k times · Source

I have a single page web application using React and materialize-css and I would like to export it as static HTML and CSS so that it is possible to easily edit HTML for the purpose of prototyping. Is it possible to export at least a snapshot of current state?

I tried "save page" in Firefox and Chrome, but it does not provide good results.

Answer

Tom picture Tom · Nov 21, 2018

Follow the following steps :-

1. In brouser, got to the developer tools,

2. select Inspector(firefox)/Elements(chrome),

3. then select the tag HTML, right click on it,

4. then click Edit as HTML.

Now you can copy all the code and save it. While the color and shape of the document remains, you will miss the pictures. Good luck ! :)

Related questions

Backgroundimage is not working in react

I am new to react and trying to get background image with inline styling. But it's not working. Showing error "url is not defined" render() { return ( <div className="phase1" style ={ { backgroundImage: url('https://lh3.googleusercontent.com/MOf9Kxxkj7GvyZlTZOnUzuYv0…

Read More
How to make some columns align left and some column align center in React Table - React

Hello Stack overflow members This is array for the column headers. I want column 1 to column 5 left align (all the header, sub header and table data cells of column 1 to column 5 to be left aligned) while I I want column 6 …

Read More
Make material-ui reactjs FloatingActionButton float

After trying to find an example where the FloatingActionButton floats at its standard bottom-right screen position with no results, I come to you if you could provide one because it seems to be a normal button with no inteligence to …

Read More