Lightweight Rich Text Editor based on Edkit, WebCell & Bootstrap
https://idea2app.github.io/Edkit/WebCell/
https://github.com/idea2app/Edkit#tools
npm install web-cell boot-cell-editor
{
"compilerOptions": {
"target": "ES6",
"moduleResolution": "Node",
"useDefineForClassFields": true,
"jsx": "react-jsx",
"jsxImportSource": "dom-renderer"
}
}
<head>
<link
rel="stylesheet"
href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://unpkg.com/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
/>
</head>
import { component } from
import { Editor } from 'boot-cell-editor';
@component({ tagName: 'post-edit' })
export class PostEdit extends HTMLElement {
render() {
return (
<Editor
name="content"
defaultValue="<p>test</p>"
onChange={console.log}
/>
);
}
}