Test HTML grid page

I found this online HTML Editor here: https://html-online.com/editor/

And this is the example text that they give you to mess with:

You can edit this demo text!

How to use the editor:

Paste your documents in the visual editor on the left or your HTML code in the source editor in the right.
Edit any of the two areas and see the other changing in real time.

Click the Clean button to clean your source code.

Some useful features:

  1. interactive connection Interactive source editor
  2. html cleaner HTML Cleaning
  3. Word to html Word to HTML conversion
  4. replace text Find and Replace
  5. gibberish Lorem-Ipsum generator
  6. html table div Table to DIV conversion

Cleaning options:

Name of the feature Example Default
Remove tag attributes laughing (except imgsrc and ahref)
Remove inline styles You should never use inline styles! x
Remove classes and IDs Use classes to style everything. x
Remove all tags This leaves only the plain text. laughing
Remove successive  s Never use non-breaking spaces       to set margins. x
Remove empty tags Empty tags should go!
Remove tags with one This makes no sense! x
Remove span tags Span tags with all styles x
Remove images I am an image: laughing
Remove links This is a link.
Remove tables Takes everything out of the table.
Replace table tags with structured divs This text is inside a table.
Remove comments This is only visible in the source editor x
Encode special characters ☺ ★ >< x
Set new lines and text indents Organize the tags in a nice tree view.

 

Save this link into your bookmarks and share it with your friends. It is all FREE!
Enjoy!

 

Did that work? Yup, although it still includes a table at the moment. The tools uses this HTML Cleaner to convert tables to divs: https://html-cleaner.com/features/replace-html-table-tags-with-divs/

And now the same page example but cleaned with tables changed to divs: (this works in WordPress, where I was able to copy the css styles into the separate field at the bottom of the page editor… we just need to figure out where to do the same thing in OLab.

You can edit this demo text!

How to use the editor:

Paste your documents in the visual editor on the left or your HTML code in the source editor in the right.
Edit any of the two areas and see the other changing in real time.

Click the Clean button to clean your source code.

Some useful features:

  1. interactive connection Interactive source editor
  2. html cleaner HTML Cleaning
  3. Word to html Word to HTML conversion
  4. replace text Find and Replace
  5. gibberish Lorem-Ipsum generator
  6. html table div Table to DIV conversion – not sure how it does that

Cleaning options:

Name of the feature
Example
Default
Remove tag attributes
laughing (except imgsrc and ahref)
Remove inline styles
You should never use inline styles!
x
Remove classes and IDs
Use classes to style everything.
x
Remove all tags
This leaves only the plain text. laughing
Remove successive  s
Never use non-breaking spaces to set margins.
x
Remove empty tags
Empty tags should go!
Remove tags with one
This makes no sense!
x
Remove span tags
Span tags with all styles
x
Remove images
I am an image: laughing
Remove links
This is a link.
Remove tables
Takes everything out of the table.
Replace table tags with structured divs
This text is inside a table.
Remove comments
This is only visible in the source editor
x
Encode special characters
☺ ★ ><
x
Set new lines and text indents
Organize the tags in a nice tree view.

Save this link into your bookmarks and share it with your friends. It is all FREE!
Enjoy!

Did that also work?