@line.design/line-editor v13.0.19

Getting started

Try sample code:

import React from 'react';
import { RouteComponentProps } from 'react-router-dom';
import Editor from '@line.design/line-editor';

interface SampleProps {

}
const Sample: React.FunctionComponent<RouteComponentProps<SampleProps>> = props => {

    return <div>
        <p>Editor</p>
        <Editor
            defaultValue='<b>Lorem ipsum dolor sit amet, ne partem impedit vis, in laudem possim liberavisse eum.</b> Sea cu virtute liberavisse comprehensam. Eum vidit propriae salutandi ad, posidonium interesset qui eu. Ea elitr inimicus sea, ea invenire eleifend nam. Ea diam case lorem mel. <div><br><div style="text-align: right;"><span style="font-family: var(--bs-font-sans-serif); font-size: 1rem;">Zril fierent menandri per ne, eum nostro cetero an. </span><b style="font-family: var(--bs-font-sans-serif); font-size: 1rem;"><i>Id tamquam voluptua quo, <u><strike>eum odio posse abhorreant in.</strike></u></i></b><span style="font-family: var(--bs-font-sans-serif); font-size: 1rem;"> Prima impedit erroribus duo ea. Paulo constituto moderatius in ius, ea alienum voluptatum duo, no tota malorum consequat qui. No mollis sadipscing mel, ne his sumo labores volumus.</span></div></div>'
            onChange={(html, text) => console.log(html, text)} />
    </div>
}

export default Sample