From f08949e17df608fe59271b783ebff641b65f6f02 Mon Sep 17 00:00:00 2001
From: Nabab <thomas.nabet@gmail.com>
Date: Sun, 24 Sep 2017 00:49:06 +0200
Subject: [PATCH 1/2] Added class 'simplemde-editor' to codemirror wrapper

In order to prevent it to interfere with other codemirror instances
---
 src/js/simplemde.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/js/simplemde.js b/src/js/simplemde.js
index 016d693..273d5cf 100644
--- a/src/js/simplemde.js
+++ b/src/js/simplemde.js
@@ -1494,6 +1494,7 @@ SimpleMDE.prototype.render = function(el) {
 		placeholder: options.placeholder || el.getAttribute("placeholder") || "",
 		styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true
 	});
+	this.codemirror.display.wrapper.className += ' simplemde-editor';
 
 	if(options.forceSync === true) {
 		var cm = this.codemirror;
@@ -2025,4 +2026,4 @@ SimpleMDE.prototype.toTextArea = function() {
 	}
 };
 
-module.exports = SimpleMDE;
\ No newline at end of file
+module.exports = SimpleMDE;

From bb00cf0a0e988b4c326881542eefd94a630b48f0 Mon Sep 17 00:00:00 2001
From: Nabab <thomas.nabet@gmail.com>
Date: Sun, 24 Sep 2017 00:52:01 +0200
Subject: [PATCH 2/2] Added selector .simplemde-editor to all codemirror
 classes

In order to prevent the CSS to interfere on other codemirror instances
---
 src/css/simplemde.css | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/css/simplemde.css b/src/css/simplemde.css
index fb0e4c7..b23a58b 100644
--- a/src/css/simplemde.css
+++ b/src/css/simplemde.css
@@ -1,4 +1,4 @@
-.CodeMirror {
+.simplemde-editor.CodeMirror {
     height: auto;
     min-height: 300px;
     border: 1px solid #ddd;
@@ -9,11 +9,11 @@
     z-index: 1;
 }
 
-.CodeMirror-scroll {
+.simplemde-editor .CodeMirror-scroll {
     min-height: 300px
 }
 
-.CodeMirror-fullscreen {
+.simplemde-editor .CodeMirror-fullscreen {
     background: #fff;
     position: fixed !important;
     top: 50px;
@@ -24,11 +24,11 @@
     z-index: 9;
 }
 
-.CodeMirror-sided {
+.simplemde-editor .CodeMirror-sided {
     width: 50% !important;
 }
 
-.editor-toolbar {
+.simplemde-editor .editor-toolbar {
     position: relative;
     opacity: .6;
     -webkit-user-select: none;
@@ -270,59 +270,59 @@
     padding: 5px;
 }
 
-.CodeMirror .CodeMirror-code .cm-tag {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-tag {
     color: #63a35c;
 }
 
-.CodeMirror .CodeMirror-code .cm-attribute {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-attribute {
     color: #795da3;
 }
 
-.CodeMirror .CodeMirror-code .cm-string {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-string {
     color: #183691;
 }
 
-.CodeMirror .CodeMirror-selected {
+.simplemde-editor.CodeMirror .CodeMirror-selected {
     background: #d9d9d9;
 }
 
-.CodeMirror .CodeMirror-code .cm-header-1 {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-header-1 {
     font-size: 200%;
     line-height: 200%;
 }
 
-.CodeMirror .CodeMirror-code .cm-header-2 {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-header-2 {
     font-size: 160%;
     line-height: 160%;
 }
 
-.CodeMirror .CodeMirror-code .cm-header-3 {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-header-3 {
     font-size: 125%;
     line-height: 125%;
 }
 
-.CodeMirror .CodeMirror-code .cm-header-4 {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-header-4 {
     font-size: 110%;
     line-height: 110%;
 }
 
-.CodeMirror .CodeMirror-code .cm-comment {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-comment {
     background: rgba(0, 0, 0, .05);
     border-radius: 2px;
 }
 
-.CodeMirror .CodeMirror-code .cm-link {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-link {
     color: #7f8c8d;
 }
 
-.CodeMirror .CodeMirror-code .cm-url {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-url {
     color: #aab2b3;
 }
 
-.CodeMirror .CodeMirror-code .cm-strikethrough {
+.simplemde-editor.CodeMirror .CodeMirror-code .cm-strikethrough {
     text-decoration: line-through;
 }
 
-.CodeMirror .CodeMirror-placeholder {
+.simplemde-editor.CodeMirror .CodeMirror-placeholder {
     opacity: .5;
-}
\ No newline at end of file
+}