Code Block editor fixes + Image editor UI

client/js/components/editor-codeblock.js

@@ -32,7 +32,7 @@ let vueCodeBlock = new Vue({
 			if(mde.codemirror.doc.somethingSelected()) {
 				mde.codemirror.execCommand('singleSelection');
 			}
-			let codeBlockText = '```' + vueCodeBlock.modeSelected + '\n' + codeEditor.getValue() + '\n```';
+			let codeBlockText = '\n```' + vueCodeBlock.modeSelected + '\n' + codeEditor.getValue() + '\n```\n';
 
 			mde.codemirror.doc.replaceSelection(codeBlockText);
 			vueCodeBlock.cancel();

client/js/components/editor.js

@@ -88,11 +88,19 @@ if($('#mk-editor').length === 1) {
 			{
 				name: "image",
 				action: (editor) => {
-					//todo
+					$('#modal-editor-image').slideDown();
 				},
 				className: "fa fa-image",
 				title: "Insert Image",
 			},
+			{
+				name: "file",
+				action: (editor) => {
+					//todo
+				},
+				className: "fa fa-file-text-o",
+				title: "Insert File",
+			},
 			'|',
 			{
 				name: "inline-code",
@@ -106,7 +114,7 @@ if($('#mk-editor').length === 1) {
 						return '`' + s + '`';
 					});
 					editor.codemirror.doc.replaceSelections(curSel);
-					
+
 				},
 				className: "fa fa-terminal",
 				title: "Inline Code",