Skip to content

Bootstrap 5 Editable JS is a pure JavaScript component that enables in-place editing for text, selects, textareas, dates & more. It provides seamless inline & popup editing modes, fully configurable validation, HTML WYSIWYG editing, & works without jQuery dependencies. Perfect for modern Bootstrap 5 applications with user-friendly content editing!

Notifications You must be signed in to change notification settings

CashEncode/bootstrap-editable-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README Highlights

🚀 First Stable Release

We're excited to announce the first stable release of Bootstrap 5 Editable JS, a pure JavaScript component for in-place editing with Bootstrap 5. This release represents months of development and testing to ensure a robust, performant experience for all your in-place editing needs.

✨ Key Features

  • Pure JavaScript Implementation: No jQuery dependency
  • Multiple Editing Modes: Support for both popup and inline editing
  • Variety of Input Types:
    • Text, Textarea, Select, Number
    • Date, DateTime
    • Email, URL, Tel, Password
    • Checklist, Range
    • HTML WYSIWYG Editor
  • Rich Validation Options: Client-side validation with custom error messages
  • WYSIWYG HTML Editing: Format rich text with toolbar controls
  • Comprehensive Event System: Full control over editing lifecycle
  • Bootstrap 5 Integration: Styled to match Bootstrap 5 perfectly
  • Responsive Design: Works on all device sizes
  • Automatic Cleanup: Proper memory management with no leaks

Sample Usage

JavaScript
// Basic usage
editable('.my-editable-element', { type: 'text', title: 'Edit Field', placement: 'top', url: '/api/update' });
// HTML WYSIWYG editor editable('#rich-content', { type: 'textarea', showToolbar: true, title: 'Edit HTML Content' });

🗺️ Roadmap

  • TypeScript definitions
  • Additional input types
  • Custom templates
  • Advanced WYSIWYG features
  • Internationalization support

🙏 Acknowledgements

Special thanks to all contributors and the Bootstrap team for making this possible.


This repository information is timestamped at 2025-03-27 06:27:16 by CashEncode and represents the official submission of the Bootstrap 5 Editable JS component.

About

Bootstrap 5 Editable JS is a pure JavaScript component that enables in-place editing for text, selects, textareas, dates & more. It provides seamless inline & popup editing modes, fully configurable validation, HTML WYSIWYG editing, & works without jQuery dependencies. Perfect for modern Bootstrap 5 applications with user-friendly content editing!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published