Use newlines to separate inserted images (microsoft#164632)

Fixes microsoft#164610

Author: mjbvz

extensions/markdown-language-features/src/commands/insertResource.ts

@@ -84,6 +84,7 @@ function createInsertLinkEdit(activeEditor: vscode.TextEditor, selectedFiles: vs
 			insertAsImage: insertAsImage,
 			placeholderText: selectionText,
 			placeholderStartIndex: (i + 1) * selectedFiles.length,
+			separator: insertAsImage ? '\n' : ' ',
 		});
 
 		return snippet ? new vscode.SnippetTextEdit(selection, snippet) : undefined;

extensions/markdown-language-features/src/languageFeatures/dropIntoEditor.ts

@@ -67,6 +67,8 @@ interface UriListSnippetOptions {
 	 * If `undefined`, tries to infer this from the uri.
 	 */
 	readonly insertAsImage?: boolean;
+
+	readonly separator?: string;
 }
 
 export function createUriListSnippet(document: vscode.TextDocument, uris: readonly vscode.Uri[], options?: UriListSnippetOptions): vscode.SnippetString | undefined {
@@ -93,8 +95,8 @@ export function createUriListSnippet(document: vscode.TextDocument, uris: readon
 
 		snippet.appendText(`](${mdPath})`);
 
-		if (i <= uris.length - 1 && uris.length > 1) {
-			snippet.appendText(' ');
+		if (i < uris.length - 1 && uris.length > 1) {
+			snippet.appendText(options?.separator ?? ' ');
 		}
 	});
 	return snippet;