Adding support for RTL languages for readme markdown preview. (#139644)

* [markdown preview] dir "auto" added to the markdown-body class. * fix markdown preview for RTL languages
microsoft · Jan 5, 2022 · 2a0d371 · 2a0d371
1 parent 883009b
commit 2a0d371
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/extensions/markdown-language-features/src/features/previewContentProvider.ts b/extensions/markdown-language-features/src/features/previewContentProvider.ts
@@ -111,7 +111,7 @@ export class MarkdownContentProvider {
 		resourceProvider: WebviewResourceProvider,
 	): Promise<MarkdownContentProviderOutput> {
 		const rendered = await this.engine.render(markdownDocument, resourceProvider);
-		const html = `<div class="markdown-body">${rendered.html}<div class="code-line" data-line="${markdownDocument.lineCount}"></div></div>`;
+		const html = `<div class="markdown-body" dir="auto">${rendered.html}<div class="code-line" data-line="${markdownDocument.lineCount}"></div></div>`;
 		return {
 			html,
 			containingImages: rendered.containingImages

diff --git a/extensions/markdown-language-features/src/markdownEngine.ts b/extensions/markdown-language-features/src/markdownEngine.ts
@@ -25,6 +25,7 @@ const pluginSourceMap: MarkdownIt.PluginSimple = (md): void => {
 			if (token.map && token.type !== 'inline') {
 				token.attrSet('data-line', String(token.map[0]));
 				token.attrJoin('class', 'code-line');
+				token.attrJoin('dir', 'auto');
 			}
 		}
 	});
@@ -178,7 +179,7 @@ export class MarkdownEngine {
 
 		return engine.parse(text.replace(UNICODE_NEWLINE_REGEX, ''), {});
 	}
-	
+
 	public resetSlugCount(): void {
 		this._slugCount = new Map<string, number>();
 	}