Update editorconfig and automatic code format

.editorconfig

@@ -1,9 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
 [*]
 charset = utf-8
 end_of_line = lf
 insert_final_newline = true
-indent_style=space
 indent_size = 4
+indent_style = space
+trim_trailing_whitespace = true
 
-[*.{yml,yaml}]
+[*.yaml]
 indent_size = 2
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

src/css/easymde.css

@@ -47,7 +47,7 @@
 
 .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
     border-right: none !important;
-    border-bottom-right-radius: 0px;
+    border-bottom-right-radius: 0;
     position: relative;
     flex: 1 1 auto;
 }
@@ -366,13 +366,16 @@
 
 span[data-img-src]::after {
     content: '';
+    /*noinspection CssUnresolvedCustomProperty, added through JS*/
     background-image: var(--bg-image);
     display: block;
     max-height: 100%;
     max-width: 100%;
     background-size: contain;
     height: 0;
+    /*noinspection CssUnresolvedCustomProperty, added through JS*/
     padding-top: var(--height);
+    /*noinspection CssUnresolvedCustomProperty, added through JS*/
     width: var(--width);
     background-repeat: no-repeat;
 }

src/js/codemirror/tablist.js

@@ -16,8 +16,7 @@ CodeMirror.commands.tabAndIndentMarkdownList = function (cm) {
 
     if (cm.options.indentWithTabs) {
         cm.execCommand('insertTab');
-    }
-    else {
+    } else {
         var spaces = Array(cm.options.tabSize + 1).join(' ');
         cm.replaceSelection(spaces);
     }
@@ -36,8 +35,7 @@ CodeMirror.commands.shiftTabAndUnindentMarkdownList = function (cm) {
 
     if (cm.options.indentWithTabs) {
         cm.execCommand('insertTab');
-    }
-    else {
+    } else {
         var spaces = Array(cm.options.tabSize + 1).join(' ');
         cm.replaceSelection(spaces);
     }

src/js/easymde.js

@@ -2191,6 +2191,7 @@ EasyMDE.prototype.render = function (el) {
             }
         });
     }
+
     this.codemirror.on('update', function () {
         handleImages();
     });
@@ -2411,6 +2412,7 @@ EasyMDE.prototype.uploadImage = function (file, onSuccess, onError) {
  */
 EasyMDE.prototype.uploadImageUsingCustomFunction = function (imageUploadFunction, file) {
     var self = this;
+
     function onSuccess(imageUrl) {
         afterImageUploaded(self, imageUrl);
     }

types/easymde-test.ts

@@ -8,7 +8,7 @@ const editor = new EasyMDE({
     inputStyle: 'textarea',
     shortcuts: {
         drawTable: 'Cmd-Alt-T',
-        toggleFullScreen: null
+        toggleFullScreen: null,
     },
     previewClass: 'my-custom-class',
     spellChecker: false,
@@ -16,7 +16,7 @@ const editor = new EasyMDE({
         console.log('FullscreenToggled', full);
     },
     theme: 'someOtherTheme',
-    minHeight: '200px'
+    minHeight: '200px',
 });
 
 // Editor functions
@@ -44,7 +44,7 @@ const editor2 = new EasyMDE({
             name: 'bold',
             action: EasyMDE.toggleBold,
             className: 'fa fas fa-bolt',
-            title: 'Bold'
+            title: 'Bold',
         },
         '|',
         'undo',
@@ -57,7 +57,7 @@ const editor2 = new EasyMDE({
             className: 'fa fas fa-star',
             title: 'A Custom Button',
             noDisable: undefined,
-            noMobile: false
+            noMobile: false,
         },
         '|',
         {
@@ -66,7 +66,7 @@ const editor2 = new EasyMDE({
             className: 'fa fab fa-github',
             title: 'A Custom Link',
             noDisable: true,
-            noMobile: true
+            noMobile: true,
         },
         'preview',
         {
@@ -80,18 +80,18 @@ const editor2 = new EasyMDE({
                     className: 'fa fab fa-github',
                     title: 'A Custom Link',
                     noDisable: true,
-                    noMobile: true
+                    noMobile: true,
                 },
                 'preview',
                 {
                     name: 'bold',
                     action: EasyMDE.toggleBold,
                     className: 'fa fas fa-bold',
-                    title: 'Bold'
+                    title: 'Bold',
                 },
-            ]
-        }
-    ]
+            ],
+        },
+    ],
 });
 
 editor2.clearAutosavedValue();
@@ -112,17 +112,17 @@ const editorImages = new EasyMDE({
         sbOnDrop: 'Uploading...',
         sbProgress: 'Uploading... (#progress#)',
         sbOnUploaded: 'Upload complete!',
-        sizeUnits: 'b,Kb,Mb'
+        sizeUnits: 'b,Kb,Mb',
     },
     errorMessages: {
         noFileGiven: 'Please select a file',
         typeNotAllowed: 'This file type is not allowed!',
         fileTooLarge: 'Image too big',
-        importError: 'Something went oops!'
+        importError: 'Something went oops!',
     },
     errorCallback: errorMessage => {
         console.error(errorMessage);
-    }
+    },
 });
 
 const editorImagesCustom = new EasyMDE({
@@ -141,13 +141,13 @@ const editorImagesCustom = new EasyMDE({
         sbOnDrop: 'Uploading...',
         sbProgress: 'Uploading... (#progress#)',
         sbOnUploaded: 'Upload complete!',
-        sizeUnits: 'b,Kb,Mb'
+        sizeUnits: 'b,Kb,Mb',
     },
     errorMessages: {
         noFileGiven: 'Please select a file',
         typeNotAllowed: 'This file type is not allowed!',
         fileTooLarge: 'Image too big',
-        importError: 'Something went oops!'
+        importError: 'Something went oops!',
     },
     errorCallback: errorMessage => {
         console.error(errorMessage);
@@ -157,14 +157,14 @@ const editorImagesCustom = new EasyMDE({
         markedOptions: {
             silent: true,
             highlight(code: string, lang: string, callback?: (error: (any | undefined), code: string) => void): string {
-                return 'something'
+                return 'something';
             },
         },
     },
     promptTexts: {
-        image: 'Insert URL'
+        image: 'Insert URL',
     },
-    syncSideBySidePreviewScroll: true
+    syncSideBySidePreviewScroll: true,
 });
 
 new EasyMDE({
@@ -179,10 +179,10 @@ new EasyMDE({
             locale: 'en-GB',
             format: {
                 month: 'long',
-            }
+            },
         },
         text: 'Stored: ',
-    }
+    },
 });
 
 new EasyMDE({
@@ -199,6 +199,6 @@ new EasyMDE({
         'ordered-list',
         'table',
         '|',
-        'link'
-    ]
+        'link',
+    ],
 });

types/easymde.d.ts

@@ -23,7 +23,7 @@
 /// <reference types="marked"/>
 
 interface ArrayOneOrMore<T> extends Array<T> {
-    0: T
+    0: T;
 }
 
 type ToolbarButton =
@@ -161,12 +161,12 @@ declare namespace EasyMDE {
     }
 
     interface OverlayModeOptions {
-      mode: CodeMirror.Mode<any>
-      combine?: boolean
+        mode: CodeMirror.Mode<any>;
+        combine?: boolean;
     }
 
     interface SpellCheckerOptions {
-        codeMirrorInstance: CodeMirror.Editor
+        codeMirrorInstance: CodeMirror.Editor;
     }
 
     interface Options {
@@ -221,7 +221,7 @@ declare namespace EasyMDE {
         promptTexts?: PromptTexts;
         syncSideBySidePreviewScroll?: boolean;
 
-        overlayMode?: OverlayModeOptions
+        overlayMode?: OverlayModeOptions;
     }
 }