Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | // Define match-highlighter commands. Depends on searchcursor.js // Use by attaching the following function call to the cursorActivity event: //myCodeMirror.matchHighlight(minChars); // And including a special span.CodeMirror-matchhighlight css class (also optionally a separate one for .CodeMirror-focused -- see demo matchhighlighter.html) (function() { var DEFAULT_MIN_CHARS = 2; function MatchHighlightState() { this.marked = []; } function getMatchHighlightState(cm) { return cm._matchHighlightState || (cm._matchHighlightState = new MatchHighlightState()); } function clearMarks(cm) { var state = getMatchHighlightState(cm); for (var i = 0; i < state.marked.length; ++i) state.marked[i].clear(); state.marked = []; } function markDocument(cm, className, minChars) { clearMarks(cm); minChars = (typeof minChars !== 'undefined' ? minChars : DEFAULT_MIN_CHARS); if (cm.somethingSelected() && cm.getSelection().replace(/^\s+|\s+$/g, "").length >= minChars) { var state = getMatchHighlightState(cm); var query = cm.getSelection(); cm.operation(function() { if (cm.lineCount() < 2000) { // This is too expensive on big documents. for (var cursor = cm.getSearchCursor(query); cursor.findNext();) { //Only apply matchhighlight to the matches other than the one actually selected if (cursor.from().line !== cm.getCursor(true).line || cursor.from().ch !== cm.getCursor(true).ch) state.marked.push(cm.markText(cursor.from(), cursor.to(), {className: className})); } } }); } } CodeMirror.defineExtension("matchHighlight", function(className, minChars) { markDocument(this, className, minChars); }); })(); |