当前位置: 移动技术网 > IT编程>开发语言>.net > Razor TagHelper实现Markdown转HTML的方法

Razor TagHelper实现Markdown转HTML的方法

2018年01月25日  | 移动技术网IT编程  | 我要评论

免费psd素材,胡志明故居,大陆记者赴台遭拒

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网