`editable-element` is a lightweight JavaScript plugin that allows you to create and manage editable content within your HTML templates. This plugin enables inline editing of specific elements by using the `data-editable` attribute.
npm install editable-elementeditable-element is a lightweight JavaScript plugin that allows you to create and manage editable content within your HTML templates. This plugin enables inline editing of specific elements by using the data-editable attribute.



- Attribute-Based Editing: Easily make any HTML element editable by adding data-editable="title" or other similar attributes.
- HTML Template Editing: Modify and update content directly within your HTML templates.
- Toolbar Integration: Includes a toolbar with text formatting options (bold, italic, underline, etc.).
- Custom Event Handling: Supports onClickSave callbacks for handling content changes.
- Preview and Save: Built-in buttons for previewing and saving the edited content.
- Customizable: Highly customizable to suit various editing needs.
You can install the plugin via npm:
``bash`
npm install editable-element
#### Add CSS file
Include the necessary CSS file in your HTML:
`html`
#### Add JS file
Include the JavaScript file and initialize the EditableElement:
`html`
`html`
`html``