React Markdown test post

in #renderer3 months ago (edited)

😲 md-editor-rt

Markdown Editor for React, developed in jsx and typescript, support different themes、beautify content by prettier.

🤖 Base

bold, underline, italic, line-through, superscript^26^, subscript~1~, inline code, link

quote: I Have a Dream

  1. So even though we face the difficulties of today and tomorrow, I still have a dream.
  2. It is a dream deeply rooted in the American dream.
  3. I have a dream that one day this nation will rise up.
  • [ ] Friday
  • [ ] Saturday
  • [x] Sunday

Marks

==Color== =q=Color== =e=Color== =r=Color== =t=Color== =u=Color== =i=Color== =o=Color== =p=Color== =a=Color== =s=Color== =d=Color== =f=Color== =g=Color== =h=Color== =j=Color== =k=Color== =l=Color== =z=Color== =x=Color== =c=Color== =v=Color== =b=Color== =n=Color== =m=Color==

🤗 Demo

import { defineComponent, ref } from 'vue';
import { MdEditor } from 'md-editor-rt';
import 'md-editor-rt/lib/style.css';

export default defineComponent({
  name: 'MdEditor',
  setup() {
    const text = ref('');
    return () => <MdEditor modelValue={text.value} onChange={(v: string) => (text.value = v)} />;
  },
});

🖨 Text

The Old Man and the Sea served to reinvigorate Hemingway's literary reputation and prompted a reexamination of his entire body of work.

📈 Table

THead1THead2THead3
text-align:lefttext-align:centertext-align:right

📏 Formula

Inline: $x+y^{2x}$

$$
\sqrt[3]{x}
$$

🪄 Alert

[!NOTE]
Useful information that users should know, even when skimming content.

[!TIP]
Helpful advice for doing things better or more easily.

[!IMPORTANT]
Key information users need to know to achieve their goal.

[!WARNING]
Urgent info that needs immediate user attention to avoid problems.

[!CAUTION]
Advises about risks or negative outcomes of certain actions.

Embeds

Youtube
  • Video
  • Short
Twitter/X
  • Post
Instagram
3Speak
  • Video

Links

Images

image
image

Sort:  

@guest4test1 Your post contains a link that is on my blacklists ❗❗ 1 2 3

Readers do NOT click on the link above in their post.

Reason: PHISHING
Link: "aba.ae*"     => DO NOT CLICK   ❗

This message is self-voted to not be at the bottom of the replies.

@guest4test1 Your post contains a link that is on my blacklists ❗❗ 1 2 3

Readers do NOT click on the link above in their post.

Reason: PHISHING
Link: "aba.ae*"     => DO NOT CLICK   ❗

This message is self-voted to not be at the bottom of the replies.