This post is for testing in production Loremipsumdolorsitametloremipsumdolorsitamet

Test 1: Normal paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed. Sagittis orci a scelerisque purus semper eget duis at tellus. Ornare massa eget egestas purus viverra accumsan in nisl nisi. Purus sit amet luctus venenatis lectus magna. Posuere ac ut consequat semper viverra nam libero justo. Facilisi cras fermentum odio eu. Morbi quis commodo odio aenean sed. Orci sagittis eu volutpat odio facilisis mauris sit. Tellus integer feugiat scelerisque varius morbi enim.

Test 2: Vertical image

Test 3: Horizontal image

Test 4: Long word trying to overflow horizontally

112321312dfdafdsajdfdafdsafadfafdfljslafjlkdfadsf4456LoremipsumdolorsitametLoremipsumdolorsitamet112321312dfdafdsajdfdafdsafadfafdfljslafjlkdfadsf4456LoremipsumdolorsitametLoremipsumdolorsitamet 112321312dfdafdsajdfdafdsafadfafdfljslafjlkdfadsf4456LoremipsumdolorsitametLoremipsumdolorsitamet112321312dfdafdsajdfdafdsafadfafdfljslafjlkdfadsf4456LoremipsumdolorsitametLoremipsumdolorsitamet

Test 5: Heading

Heading2

Heading3

Heading4

Heading5

Heading6

Test 6: Bullet points

• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed.
• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed.
• Lorem ipsum dolor sit amet
  Lorem ipsum dolor sit amet
  Lorem ipsum dolor sit amet
• Bold text link to Next.js

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed.
   1. Lorem ipsum
   2. Lorem ipsum
      • Nested
      • Another nested
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At elementum eu facilisis sed.

Test 7: Code

npm i awesome-package

let arr = [2, 3, 4]
for(let i = 0; i < arr.length; i++) {
  console.log(arr[i])
}

import React from "react";
import MDEditor from '@uiw/react-md-editor';

export default function App() {
  const [value, setValue] = React.useState("**Hello world!!!**");
  return (
    <div className="container">
      <MDEditor
        value={value}
        onChange={setValue}
      />
      <MDEditor.Markdown source={value} style={{ whiteSpace: 'pre-wrap' }} />
    </div>
  );
}

Test 8: Using image as a link

Test 9: Arrows

• -> will display as ->
• --> will display as -->
• ------> will display as ------> (so, the max is 3 of -)
• <- is <-
• <-> is <->

Test 10: Links

Some random links: nextjs. #52 #224

Test 11: Sequence of image as a link without a new line

Test 12: Strikethrough

• renderTextarea?: (props, opts) => JSX.Element;: @deprecated Please use renderTextarea -> components. Use div to replace TextArea or re-render TextArea. #193
• components: re-render textarea/toolbar element. #419
• height?: number=200: The height of the editor. ️⚠️ Dragbar is invalid when height parameter percentage.

Test 13: Html tag

<a href="https://github.com/uiwjs/react-md-editor/graphs/contributors"> <img src="https://uiwjs.github.io/react-md-editor/CONTRIBUTORS.svg" /> </a> <p>Some paragraph text</p>

Test 14: Horizontal line

---

Some text

---

Test 15: Square image