JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/cbadke/simplemde-markdown-editor/force-textarea-synch/dist/simplemde.min.css">
<!-- 1. Install SimpleMDE -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>


<!-- 2. Install FontAwesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<!-- 3. Initial textarea in HTML -->
<textarea id="text" style="display:none;"></textarea>

CSS

.CodeMirror-placeholder {
  font-family: Arial, FontAwesome !important;
}

JavaScript

/* 4. Setup SimpleMDE */
var el = document.getElementById("text");

new SimpleMDE({
  element: el,
  forceSync: true,
  placeholder: 'Click  for Help'
});