<head>
  <title>Froala V4 Full-featured example</title>

</head>
<body>
  <h2>Try <a href="https://froala.com/wysiwyg-editor/">Froala Editor</a> Markdown Feature </h2>

  <div id="editor"></div>

</body>
var text = `| Title | image | Description  | <br>
| --- | ---| <br>
| Froala | [![Froala logo](https://froala.com/wp-content/uploads/2019/10/froala.svg) ](<https://froala.com> "Froala")  |  The best editor on the web| <br>
| **Idera** | [![Idera logo](https://www.ideracorp.com/Presentation/IderaInc/Assets/Images/idera-inc-logo.svg) ]( <https://www.ideracorp.com> "Idera") |  Do More with Less. |<br>`;

var editor = new FroalaEditor('#editor', {
    toolbarButtons: ['markdown']
  },
function () {
 // Call the method inside the initialized event.
 editor.markdown.toggle();
 editor.html.insert(text);
  //To Convert Syntax directly
 editor.events.trigger('blur', [], true);

}
)

External CSS

  1. https://cdn.jsdelivr.net/npm/froala-editor@v4.0.0/css/froala_editor.pkgd.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/froala-editor@v4.0.0/js/froala_editor.pkgd.min.js