SafetyHQ Form.io Workbench

HTML stays HTML. Bootstrap stays Bootstrap.

Build the content in TinyMCE first, then apply Bootstrap classes separately for Form.io's Custom CSS Class field. The HTML output is never modified by the Bootstrap selections.

Display > Content Display > Custom CSS Class IndexedDB Local Only
Current Bootstrap No classes selected.
Effects 0 utilities

Form.io Paste Targets

Copy the HTML into Display > Content and the Bootstrap string into Display > Custom CSS Class.

HTML Content

Untouched editor HTML. Bootstrap never rewrites this output.


                            
No editor content yet. Display > Content

Bootstrap Classes

Paste this into the Form.io HTML element's custom CSS class field.


                            
No Bootstrap classes selected. Display > Custom CSS Class

Saved Themes And Snapshots

Themes save only the Bootstrap selection. Snapshots save the editor HTML and the Bootstrap selection together.

Themes

0 saved

Snapshots

0 saved