Improve WikiDocs' editor to preview some non-markdown tags correctly

[leomoon]

Describe your issue

WikiDocs editor, does not preview some tags properly. Tags like. Math Mermaid Charts Details Monospace font Custom color Github Colored Quotes Youtube and Vimeo videos RLT and LTR

Device and settings

Steps to reproduce

use this text for testing.

Math inline: $u = 10\\frac{m}{s}$ and $a = 2\\frac{m}{s^{2}}$ at $t = 1s$

[video src="https://www.youtube.com/watch?v=LcuvxJNIgfE"]

[video src="https://vimeo.com/980151652"]

> [!CAUTION] Caution header
> Caution text...
> 
> Additional content...
> - List 1
> - List 2

> [!IMPORTANT] Important header
> Important text...

> [!WARNING] Warning header
> Warning text...

> [!TIP] Tip header
> Tip text...

> [!QUESTION] Question header
> Question text...

Custom colors [color=#ff0000]Red[/color], [color=#00FF00]Green[/color], [color=#0000FF]Blue[/color].

[rtl]Forced RTL example.[/rtl]

[mono]Forced monospace example.[/mono]

+++ Collapsible title (optional)
This is the content for the collapsible section. If title is not defined, it will default to: `Click to expand`
+++

Screenshots (optional)

No response

Extra fields

• [ ] I'd like to work on this issue