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:
- Interactive source editor
- HTML Cleaning
- Word to HTML conversion
- Find and Replace
- Lorem-Ipsum generator
- Table to DIV conversion
Cleaning options:
Name of the feature | Example | Default |
Remove tag attributes | (except img–src and a–href) | |
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. | |
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: | |
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:
- Interactive source editor
- HTML Cleaning
- Word to HTML conversion
- Find and Replace
- Lorem-Ipsum generator
- Table to DIV conversion – not sure how it does that
Cleaning options:
Save this link into your bookmarks and share it with your friends. It is all FREE!
Enjoy!
Did that also work?