Razor TagHelper实现Markdown转HTML的方法

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的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。