如何在剃须刀页面中显示代码片段

How to show snippets of code in razor page

我在 Blazor 中构建 Xamarin 应用程序的文档页面时遇到了问题。 我想使用剃刀页面在页面上显示代码片段。到目前为止,我没有遇到 C# 代码的大问题,例如 App.xaml.cs:

public App()
   {
     InitializeComponent();
   }

对于类似的事情 - 我没有任何问题。我可以使用 CSS 或 MudBlazor(我也在使用)将其正确设置为 <code> 标签。此外,IDE 没有将其识别为内部代码。 然而问题是:

a) 我正在尝试添加 XAML 代码/标签

b) 我正在尝试从 Xamarin 添加一些 C# 方法,它们包含标签,例如:

_container.Resolve<WebService> ...

所以 IDE 将 <WebService> 识别为 Blazor 应用程序内部的东西。

当然,我已经尝试使用 <code> 块但没有成功。有什么办法让它发挥作用吗?我真的需要在文档中展示这些,所以我现在是死角。

你必须转义引号。我还添加了一些 \r\n 和一个 \t 来演示使用 <pre>

进行格式化
@page "/"
<pre>
    <code>@someString</code>
</pre>
@code {
      string someString = "<Application.Resources>\r\n\t<Color x:Key=\"PrimaryText\">#777777</Color><Application.Resources>";
}

Fiddle