LEAF WriterをNext.jsから使用する

概要

LEAF WriterをNext.jsから使用する方法について紹介します。

以下のURLからお試しいただけます。

以下が画面例です。ヘッダー部分がNext.jsを用いて追加した部分です。エディタ部分はLEAF Writerを使用しています。

ソースコードは以下でご確認いただけます。

以下に記載があります。

注意点として、div containerのidをleaf-writer-containerにする必要があります。これを行わない場合、スタイルが崩れることがわかりました。この点は、今後プルリクエストを送りたいと思います。

LEAF Writerの応用にあたり、参考になりましたら幸いです。