highlight can load unsupported languages (#264)

MyNihongo · Jun 5, 2024 · 05b894f · 05b894f
1 parent 61c9b0c
commit 05b894f
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 5 deletions.
diff --git a/samples/MudBlazor.Markdown.Core/sample-issues.md b/samples/MudBlazor.Markdown.Core/sample-issues.md
@@ -1,4 +1,15 @@
-# [Nested text](https://github.com/MyNihongo/MudBlazor.Markdown/issues/233)
+# [Unknown language - Razor](https://github.com/MyNihongo/MudBlazor.Markdown/issues/260)
+```razor
+@page
+@model IndexModel
+@{
+ ViewData["Title"] = "Home Page";
+}
+
+<h2>@ViewData["Title"]</h2>
+```
+
+# [Nested text](https://github.com/MyNihongo/MudBlazor.Markdown/issues/233)
 > To prevent the warning message regarding the deprecation of the `mysql_native_password` plugin from being logged, you have a couple of options:
 > 
 > Option 1: Update User Authentication Method:

diff --git a/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj b/src/MudBlazor.Markdown/MudBlazor.Markdown.csproj
@@ -22,7 +22,7 @@
 
  <ItemGroup>
  <PackageReference Include="Markdig" Version="0.37.0" />
- <PackageReference Include="MudBlazor" Version="6.19.1" />
+ <PackageReference Include="MudBlazor" Version="6.20.0" />
  </ItemGroup>
 
  <ItemGroup>

diff --git a/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.js b/src/MudBlazor.Markdown/Resources/MudBlazor.Markdown.js
@@ -1,10 +1,23 @@
 import hljs from "highlight.js";
+import hljsRazor from "highlightjs-cshtml-razor";
+
+hljs.registerLanguage("cshtml", hljsRazor);
+hljs.registerLanguage("razor", hljsRazor);
+hljs.registerLanguage("razor-cshtml", hljsRazor);
 
 const codeStylesDir = "code-styles";
 const codeStylesSegment = `/MudBlazor.Markdown/${codeStylesDir}/`;
 
 window.highlightCodeElement = function (element, text, language) {
- const result = language ? hljs.highlight(text, { language }) : hljs.highlightAuto(text);
+ let result;
+
+ try {
+ result = language ? hljs.highlight(text, { language }) : hljs.highlightAuto(text);
+ } catch (e) {
+ console.error(e);
+ result = hljs.highlightAuto(text);
+ }
+
  element.innerHTML = result.value;
 }
 

diff --git a/src/MudBlazor.Markdown/package-lock.json b/src/MudBlazor.Markdown/package-lock.json
diff --git a/src/MudBlazor.Markdown/package.json b/src/MudBlazor.Markdown/package.json
@@ -22,6 +22,7 @@
  "webpack-stream": "^7.0.0"
  },
  "dependencies": {
- "highlight.js": "^11.9.0"
+ "highlight.js": "^11.9.0",
+ "highlightjs-cshtml-razor": "^2.1.1"
  }
 }