Overview

This article introduces how to use LEAF Writer from Next.js.

Demo

You can try it from the following URL.

https://leaf-writer-nextjs.vercel.app/

Below is a screenshot example. The header section is the part added using Next.js. The editor section uses LEAF Writer.

The source code is available at the following link.

https://github.com/nakamura196/leaf-writer-nextjs

Usage

Instructions are described at the following link.

https://gitlab.com/calincs/cwrc/leaf-writer/leaf-writer/-/tree/main/packages/cwrc-leafwriter?ref_type=heads

As a note, the div container’s id must be set to leaf-writer-container. I found that not doing so causes the styling to break. I would like to submit a pull request regarding this in the future.

#cocnosntstcocnotnatianienrer==dodcoucmuemnetn.tg.egteEtlEelmeemnetnBtyBIydI(d'(#'l#elaefa-fw-rwirtietre-rc'o)n;tainer');

Summary

We hope this is helpful for applications of LEAF Writer.