DEV Community

Chrysanthus
Chrysanthus

Posted on

Free Webpage Editor with HTML-CSS Code Obtained

There is no unnecessary extra code. For now, it works only with the free Mozilla Firefox browser. So, install the free Mozilla Firefox browser and ask your users to do the same. Other browsers are still to catch up.

There are 6 sections (text-areas) for content in the webpage. Each should take a maximum of 500 words (though not strictly enforced), beginning from the first. Content can be typed (placed) in each of the sections, either by copying from a docx document and pasting, or by typing directly into the section. Yes, tables can be created with the online editor. Yes, the docx copied and pasted content can include tables! Yes, you can get the corresponding HTML/CSS code, to use for your own webpage. Yes, there is no unwanted code if the menu items are used correctly. Yes, your spelling errors are corrected. To insert image or (hyper)link, use the Insert Image and Insert Hyperlink menu items of the app. The app has other menu items for word processing. For software code, type the code and then select the code and click the Code Menu item. To copy and paste code from docx, copy first to a text editor, such as Notepad, and then copy the code to the text-area (section), in order to remove extra line spaces.

To see how the contents will appear in your own webpage, click the submit button, at the bottom of the page, to see your result in a new opened webpage tab. Your content will be within two horizontal lines. It should be very similar to what was typed or pasted.
Obtaining the HTML/CSS Code for your Own Webpage
There are 2 ways of obtaining the code to paste in the editor for your webpage:

  • For each section, click the button at the bottom of that section, with name, "Add Word Processor-X code", where X stands for 1, 2, 3, etc. The Alert dialog box will open. Copy by dragging, right clicking, and choosing, Copy. Paste the copied code into your webpage editor.

OR

  • For all the code in the sections used, click the submit button at the bottom of the page. In the new window tab that opens, select all the content for your webpage between the two horizontal lines by dragging. Right-click and click, "View Selection Source". A new window tab will open with the whole code. Copy all the code and paste in your webpage editor.

The link to the free online webpage editor is:
Free Webpage Editor with HTML/CSS Code Obtained

Top comments (0)