Razor TagHelper实现Markdown转HTML的方法

技术  /  管理员 发布于 6年前   458

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。

用途

Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。

用于编写说明文档，并且以“README.MD”的文件名保存在软件的目录下面。

除此之外，现在由于我们有了RStudio这样的神级编辑器，我们还可以快速将Markdown转化为演讲PPT、Word产品文档、LaTex论文甚至是用非常少量的代码完成最小可用原型。在数据科学领域，Markdown已经被确立为科学研究规范，极大地推进了动态可重复性研究的历史进程。

TagHelper

写一个Razor TagHelper来实现Markdown转HTML，这里需要使用到CommonMark. NET这个类库。

namespace ZKEACMS.Message.TagHelps{ [HtmlTargetElement("markdown", TagStructure = TagStructure.NormalOrSelfClosing)] [HtmlTargetElement(Attributes = "markdown")] public class MarkdownTagHelper : TagHelper {  public ModelExpression Content { get; set; }  public async override Task ProcessAsync(TagHelperContext context, TagHelperOutput output)  {   if (output.TagName == "markdown")   {    output.TagName = null;   }   output.Attributes.RemoveAll("markdown");   var content = await GetContent(output);   var markdown = WebUtility.HtmlEncode(WebUtility.HtmlDecode(content));   var html = CommonMarkConverter.Convert(markdown);   output.Content.SetHtmlContent(html ?? "");  }  private async Task GetContent(TagHelperOutput output)  {   if (Content == null)    return (await output.GetChildContentAsync()).GetContent();   return Content.Model?.ToString();  } }}

使用方式

首先要在_ViewImports.cshtml加入这个TagHelper，像这样

@addTagHelper *, ZKEACMS.Message

然后就可以直接使用了

<markdown>@item.CommentContent</markdown>

以上这篇Razor TagHelper实现Markdown转HTML的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。