Lexical Markdown Case

Feature

1. The markdown paragraph and inline break precisely correspond to the lexical structure.
2. Support details syntax, also the details html.
3. Support recursively parse markdown in block style, such as details syntax.
4. Support style tag html.
5. Support emoji parse.

Online Demo

lexical-markdown-showcase

How to use

In production env, you can visit an iframe which src is markdown editor

You may need to set the url to the same domain, port, subdomain

query:
  is_dev: 
    type: boolean
    default: is true
    description: the tree view will not be displayed when you set it to false.
  is_editable: 
    type: boolean
    default: is true
    description: the toolbar will not be displayed when you set it to false, but will display automatically only when you edit it.
  editable_min_height: 
    type: number
    default: is 150
    description: to display the full toolbar menu, you need to increase the editable height.
  id:
    type: string
    require: must
    description: it will identify which editor post the message when you has multi iframe in one page

How to deploy

See document

Thanks

• lexical-vue
• lexical
• lexical-markdown-enhance