summernote-iampc
v2.0.1
Published
A lightweight **Angular 15–19 compatible** Summernote editor component with full **Bootstrap 5** support. This component wraps Summernote BS5 and provides clean Angular integration with `[(ngModel)]` and Reactive Forms.
Readme
summernote-iampc
A lightweight Angular 15–19 compatible Summernote editor component with full Bootstrap 5 support.
This component wraps Summernote BS5 and provides clean Angular integration with [(ngModel)] and Reactive Forms.
📦 Installation
Install the package and its required dependencies:
npm install summernote-iampc jquery bootstrap summernote
⚙️ Angular Setup (IMPORTANT)
Add the following to your angular.json:
`
"stles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/summernote/dist/summernote-bs5.css",
"src/styles.css"
]
Scripts:
`
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
"node_modules/summernote/dist/summernote-bs5.min.js"
]
`
🚀 Usage (Template-driven Forms)
In your component:
import { SummernoteIampcComponent} from 'summernote-iampc';
imports:[SummernoteIampcComponent]
content: string = '';
In your HTML:
<summernote-editor [(ngModel)]="content"></summernote-editor>
## Authors
- [@heyiampc](https://www.github.com/heyiampc)
