JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<link rel="stylesheet" href="http://codemirror.net/addon/dialog/dialog.css">
<link rel="stylesheet" href="http://codemirror.net/addon/search/matchesonscrollbar.css">
<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/mode/xml/xml.js"></script>
<script src="http://codemirror.net/addon/dialog/dialog.js"></script>
<script src="http://codemirror.net/addon/search/searchcursor.js"></script>
<script src="http://codemirror.net/addon/search/search.js"></script>
<script src="http://codemirror.net/addon/scroll/annotatescrollbar.js"></script>
<script src="http://codemirror.net/addon/search/matchesonscrollbar.js"></script>

<button id="myButton">open search dialog</button>
<textarea id="myTextarea">Hello World</textarea>

JavaScript

editor = CodeMirror.fromTextArea(document.getElementById("myTextarea"), {
    mode: "text/html",
    lineNumbers: true
});

document.querySelector("#myButton").onclick = function(){ editor.execCommand("find"); };