Editor markdown transformer

Examples

Typescript ❤️

Editor Markdown transformer

Install

yarn add @atlaskit/editor-markdown-transformer

npm

@atlaskit/editor-markdown-transformer

Source

Bitbucket

Bundle

unpkg.com

Changelog

Latest

5.16.0

Minor Changes

#120472 73c800ab5f2fc - ED-26766 update adf-schema from 47.2.1 to 47.6.0 and adf-schema-json from 1.27.0 to 1.31.0

Note: This component is designed for internal Atlassian development.

External contributors will be able to use this component but will not be able to submit issues.

A Markdown to ProseMirror Node parser.

Usage

Use the component in your React app as follows:

import { MarkdownTransformer } from '@atlaskit/editor-markdown-transformer';
  const transformer = new MarkdownTransformer(schema);
  transfomer.parse(markdown);

Markdown Transformer

Regular, **Strong**, *Italic*, @Artur Bodera, ***Strong Italic*** --- [Regular link](//atlassian.com), [**strong link**](//atlassian.com), [***strong italic link***](//atlassian.com) --- * Bullet list item 1 * Bullet list item 2 --- 1. Number list item 1 2. Number list item 2 --- private handleChange = () => { const { onChange } = this.props; if (onChange) { onChange(this); } } --- > Block quote first paragraph > > Regular, **Strong**, *Italic*, ***Strong Italic*** > > Bullet list item 1 Bullet list item 2 > > Number list item 1 Number list item 2 --- # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 ![](https://atlaskit.atlassian.com/0bae81b1bba10e0256dff2f46c77af82.png)

Regular, Strong, Italic, @Artur Bodera, Strong Italic

Regular link, strong link, strong italic link

Bullet list item 1
Bullet list item 2

Number list item 1
Number list item 2

1private handleChange = () => {
2  const { onChange } = this.props;
3  if (onChange) {
4    onChange(this);
5  }
6}

Block quote first paragraph
Regular, Strong, Italic, Strong Italic
Bullet list item 1 Bullet list item 2
Number list item 1 Number list item 2