An advanced text editor based on QuillJS, vaguely inspired by Tumblr's. Created for BobaBoard.
Requires nodejs 12.9.1.
yarn run storybook
To enable all embed types you can run your own Iframely instance on your localhost (or server).
import { Editor } from "BobaEditor";
<div style={{ backgroundColor: "white", maxWidth: "500px" }}>
<Editor
editable={true}
initialText={JSON.parse(
'[{"insert":"Open RP"},{"attributes":{"header":1},"insert":"\\n"},{"insert":{"block-image":"https://cdn.discordapp.com/attachments/443967088118333442/691486081895628830/unknown.png"}}, {"attributes":{"italic":true},"insert":"You have my sword..."}]'
)}
onTextChange={() => {
console.log("changed!");
}}
focus={true}
onIsEmptyChange={() => {
console.log("empty!");
}}
onSubmit={() => {
// This is for cmd + enter pressed while in the editor
console.log("submit!");
}}
/>
</div>
- initialText: A QuillJS Delta.
- focus: Whether to focus on first render.
Pull requests are welcome. Feel free to open an issue to discuss!