writly
v0.1.0-alpha.13
Published
`writly` is a library that offers a markdown WYSIWYG editor as a react component. It's built upon facebook's `lexical` and `lexical-playground` to ensure performant rich text editing. [Try it out yourself!](https://www.writ.ly)
Downloads
21
Readme
Writly
writly
is a library that offers a markdown WYSIWYG editor as a react component. It's built upon facebook's lexical
and lexical-playground
to ensure performant rich text editing. Try it out yourself!
Installation
npm install writly
Usage
import { Writly } from "writly";
import "writly/writly.css";
export default function App() {
return (
<div style={{ width: "650px" }}>
<Writly />
</div>
);
}
If you need to access the underlying LexicalEditor
instance, you can pass a reference to Writly
.
import { Writly } from "writly";
import "writly/writly.css";
import React from "react";
export default function App() {
const ref = useRef();
return (
<div style={{ width: "650px" }}>
<Writly ref={ref} />
</div>
);
}
Development
Feel free to add any useful lexical
plugins!
Clone the repository
Install dependencies:
npm install
- Start the local Storybook server:
npm run storybook
License
writly
is licensed under the MIT License.