How mobifu/bootstrap5-editor works
Bootstrap 5 & 3 Low-Code Editor is an offline desktop app for visually assembling Bootstrap layouts and producing usable HTML. The main flow is user edits in the GUI → page model → version-specific HTML generation → live browser preview or clipboard/file export. The GUI also supports project save/load, encrypted project files, and Bootstrap 3 HTML conversion. README-documented component types and project features are represented, though their detailed GUI wiring was not fully sampled; the graph omits uncertain calls.
Main entry points: gui.py Editor GUI · generator.py HTML generation · models.py Layout components · app.py App launcher
Components 12
Desktop interface
- App launcher
app.py - Editor GUI
gui.py
Layout authoring
- Layout components
models.py - Content sanitizing
models.py
HTML output
- HTML generation
generator.py - BS3 conversion
generator.py - Preview browser
- System clipboard
- Bootstrap CDN
Project security
- Project files
- Project encryption
security.py
Other components
- Editor user
Connections 14
- Editor user → App launcher: starts
- App launcher → Editor GUI: starts
- Editor user → Editor GUI: edits layouts
- Editor GUI → Layout components: builds page
- Layout components → Content sanitizing: sanitizes values
- Editor GUI → HTML generation: generates HTML
- HTML generation → Layout components: renders page
- Editor GUI → Preview browser: opens preview
- Editor GUI → System clipboard: copies HTML
- Editor GUI → Project files: reads and writes
- Editor GUI → Project encryption: encrypts or decrypts
- Editor GUI → BS3 conversion: converts imported HTML
- Preview browser → Bootstrap CDN: loads assets
- HTML generation → Bootstrap CDN: references assets