Netsyms/easy-markdown-editor
2
0
Fork 0
mirror of https://github.com/Ionaru/easy-markdown-editor synced 2025-06-28 05:31:06 -06:00
Code Issues Releases Wiki Activity

Hotfix: Patching Overlay Mode

Browse Source
This commit is contained in:
Pierre-Henri Lavigne 2024-10-09 12:14:18 +09:00
parent a6b121f2e6
commit c24388c56d
No known key found for this signature in database
GPG Key ID: E2D1C9E2BBD3007D
2 changed files with 55 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
example/index_customOverlay.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Example / Preview / sideBySideFullscreen : false</title>
<link rel="stylesheet" href="../dist/easymde.min.css">
<script src="../dist/easymde.min.js"></script>
<style type="text/css">.cm-a-char { color: #00F !important; }</style>
</head>
<body>
<textarea># Good day to you Ionaru !
Every "A" character will be colored in blue !
## Awesome Markdown Editor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut pretium lorem. Proin fringilla eros sit amet ex aliquet interdum. Sed fermentum facilisis neque at commodo. Sed ornare dictum nisl quis bibendum. Sed venenatis eros turpis, imperdiet luctus mauris efficitur ut. Nunc eget orci orci. Nunc eu dolor tincidunt, porta odio vitae, rhoncus elit. Suspendisse at nisl dui. Aenean purus magna, convallis sit amet varius in, tincidunt eu libero.
## Super Action Letters
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut pretium lorem. Proin fringilla eros sit amet ex aliquet interdum. Sed fermentum facilisis neque at commodo. Sed ornare dictum nisl quis bibendum. Sed venenatis eros turpis, imperdiet luctus mauris efficitur ut. Nunc eget orci orci. Nunc eu dolor tincidunt, porta odio vitae, rhoncus elit. Suspendisse at nisl dui. Aenean purus magna, convallis sit amet varius in, tincidunt eu libero.</textarea>
<script>
const easyMDE = new EasyMDE({
sideBySideFullscreen: false,
overlayMode: {
mode: {
name: 'test-mode',
token: function(stream) {
if ('A' === (stream.peek() || '')) {
stream.next();
return 'a-char';
}
stream.next();
return null;
}
}
}
});
easyMDE.codemirror.focus();
easyMDE.codemirror.doc.replaceRange(' ', {line: 2, ch: 47}, {line: 2, ch: 48});
easyMDE.codemirror.doc.setCursor({line: 2, ch: 48});
</script>
</body>
</html>

12
src/js/easymde.js
View File

@ -2123,9 +2123,14 @@ EasyMDE.prototype.render = function (el) {
CodeMirror.defineMode('overlay-mode', function (config) { CodeMirror.defineMode('overlay-mode', function (config) {
return CodeMirror.overlayMode(CodeMirror.getMode(config, options.spellChecker !== false ? 'spell-checker' : 'gfm'), options.overlayMode.mode, options.overlayMode.combine); return CodeMirror.overlayMode(CodeMirror.getMode(config, options.spellChecker !== false ? 'spell-checker' : 'gfm'), options.overlayMode.mode, options.overlayMode.combine);
}); });
mode = 'overlay-mode'; mode = 'overlay-mode';
backdrop = options.parsingConfig; backdrop = options.parsingConfig;
backdrop.name = 'gfm';
backdrop.gitHubSpice = false;
} else if (options.spellChecker !== false) {
mode = 'spell-checker';
backdrop = options.parsingConfig;
backdrop.name = 'gfm';
backdrop.gitHubSpice = false; backdrop.gitHubSpice = false;
} else { } else {
mode = options.parsingConfig; mode = options.parsingConfig;
@ -2133,11 +2138,6 @@ EasyMDE.prototype.render = function (el) {
mode.gitHubSpice = false; mode.gitHubSpice = false;
} }
if (options.spellChecker !== false) { if (options.spellChecker !== false) {
mode = 'spell-checker';
backdrop = options.parsingConfig;
backdrop.name = 'gfm';
backdrop.gitHubSpice = false;
if (typeof options.spellChecker === 'function') { if (typeof options.spellChecker === 'function') {
options.spellChecker({ options.spellChecker({
codeMirrorInstance: CodeMirror, codeMirrorInstance: CodeMirror,