Update editorconfig and automatic code format

pull/363/head
Jeroen Akkerman 3 years ago
parent dc38624378
commit 42304e8a87

@ -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
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_size = 4
indent_style = space
trim_trailing_whitespace = true
[*.yaml]
indent_size = 2
[*.{yml,yaml}]
indent_size=2
[*.md]
max_line_length = off
trim_trailing_whitespace = false

@ -46,8 +46,8 @@
}
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
border-right: none!important;
border-bottom-right-radius: 0px;
border-right: none !important;
border-bottom-right-radius: 0;
position: relative;
flex: 1 1 auto;
}
@ -364,15 +364,18 @@
visibility: visible;
}
span[data-img-src]::after{
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;
}

@ -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);
}

@ -151,7 +151,7 @@ var CLASS_REGEX = {};
* @param {String} className Class name to convert to regex for matching.
* @returns {RegExp} Regular expression option that will match className.
*/
function getClassRegex (className) {
function getClassRegex(className) {
return CLASS_REGEX[className] || (CLASS_REGEX[className] = new RegExp('\\s*' + className + '(\\s*)', 'g'));
}
@ -161,7 +161,7 @@ function getClassRegex (className) {
* @param {String} className Class string to apply
* @returns {void}
*/
function addClass (el, className) {
function addClass(el, className) {
if (!el || !className) return;
var classRegex = getClassRegex(className);
if (el.className.match(classRegex)) return; // already applied
@ -174,7 +174,7 @@ function addClass (el, className) {
* @param {String} className Class string to remove
* @returns {void}
*/
function removeClass (el, className) {
function removeClass(el, className) {
if (!el || !className) return;
var classRegex = getClassRegex(className);
if (!el.className.match(classRegex)) return; // not available to remove
@ -241,7 +241,7 @@ function createToolbarButton(options, enableActions, enableTooltips, shortcuts,
// Prevent errors if there is no class name in custom options
var classNameParts = [];
if(typeof options.className !== 'undefined') {
if (typeof options.className !== 'undefined') {
classNameParts = options.className.split(' ');
}
@ -2036,7 +2036,7 @@ EasyMDE.prototype.render = function (el) {
// CodeMirror overlay mode
if (options.overlayMode) {
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);
});
@ -2149,7 +2149,7 @@ EasyMDE.prototype.render = function (el) {
function assignImageBlockAttributes(parentEl, img) {
parentEl.setAttribute('data-img-src', img.url);
parentEl.setAttribute('style', '--bg-image:url('+img.url+');--width:'+img.naturalWidth+'px;--height:'+calcHeight(img.naturalWidth, img.naturalHeight));
parentEl.setAttribute('style', '--bg-image:url(' + img.url + ');--width:' + img.naturalWidth + 'px;--height:' + calcHeight(img.naturalWidth, img.naturalHeight));
_vm.codemirror.setSize();
}
@ -2158,7 +2158,7 @@ EasyMDE.prototype.render = function (el) {
return;
}
easyMDEContainer.querySelectorAll('.cm-image-marker').forEach(function(e) {
easyMDEContainer.querySelectorAll('.cm-image-marker').forEach(function (e) {
var parentEl = e.parentElement;
if (!parentEl.innerText.match(/^!\[.*?\]\(.*\)/g)) {
// if img pasted on the same line with other text, don't preview, preview only images on separate line
@ -2173,9 +2173,9 @@ EasyMDE.prototype.render = function (el) {
if (srcAttr && srcAttr.length >= 2) {
var keySrc = srcAttr[1];
if (! window.EMDEimagesCache[keySrc]) {
if (!window.EMDEimagesCache[keySrc]) {
var img = document.createElement('img');
img.onload = function() {
img.onload = function () {
window.EMDEimagesCache[keySrc] = {
naturalWidth: img.naturalWidth,
naturalHeight: img.naturalHeight,
@ -2191,6 +2191,7 @@ EasyMDE.prototype.render = function (el) {
}
});
}
this.codemirror.on('update', function () {
handleImages();
});
@ -2409,8 +2410,9 @@ EasyMDE.prototype.uploadImage = function (file, onSuccess, onError) {
* @param imageUploadFunction {Function} The custom function to upload the image passed in options
* @param file {File} The image to upload, as a HTML5 File object (https://developer.mozilla.org/en-US/docs/Web/API/File).
*/
EasyMDE.prototype.uploadImageUsingCustomFunction = function(imageUploadFunction, file) {
EasyMDE.prototype.uploadImageUsingCustomFunction = function (imageUploadFunction, file) {
var self = this;
function onSuccess(imageUrl) {
afterImageUploaded(self, imageUrl);
}

@ -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',
],
});

10
types/easymde.d.ts vendored

@ -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;
}
}

Loading…
Cancel
Save