欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Razor TagHelper实现Markdown转HTML的方法

程序员文章站 2022-05-15 07:51:06
markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。 用途 markdown的语法简洁明了、学习容易,而...

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