codemirror-find-and-replace-dialog

A revised search interface for the default CodeMirror search addon, similar to Chrome's find text on page dialog

Usage no npm install needed!

<script type="module">
  import codemirrorFindAndReplaceDialog from 'https://cdn.skypack.dev/codemirror-find-and-replace-dialog';
</script>

README

codemirror-find-and-replace-dialog

Screenshots

Find Text Empty Found Text Find and Replace Text

Installation

You can install either manually or via npm. The latter is very simple:

npm install codemirror-find-and-replace-dialog

Usage

Add the following imports.

import "codemirror-find-and-replace-dialog/dist/search.js";
import "codemirror-find-and-replace-dialog/dist/dialog.js";
import "codemirror-find-and-replace-dialog/dist/dialog.css";

Dependencies

Obviously you need to include CodeMirror in the page. You also need to include addon/display/panel.js from the CodeMirror default installation.