Skip to content

writly/writly

Repository files navigation

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!

  1. Clone the repository

  2. Install dependencies:

  • npm install
  1. Start the local Storybook server:
  • npm run storybook

License

writly is licensed under the MIT License.

About

A React component for rich text editing

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published