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

[gjrtimmer]

Mermaid seems to be working however, in the demo app I constantly get an error popup