下面小编就为大家分享一篇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>


相关推荐:

ASP.NET Core Razor页面路由的详细介绍

有关ASP.NET Core Razor页面路由的详细介绍

Asp.net MVC中关于Razor问题的解决方法

更多相关文章

  1. 如何快速生成数据的文本路径呢?C++实现文本路径生成
  2. C++实现逐行读取txt文件中的字符串以及文件文本的复制
  3. c语言中文本输出的函数名称是什么?
  4. golang读取文本乱码解决方法
  5. Go语言使用正则表达式提取网页文本
  6. golang用什么编辑器
  7. XSL将XML中的CDATA注释输出为HTML文本的代码实例
  8. xml编辑器哪个好?最好用的五款xml编辑工具推荐!
  9. 4、输入、输出重定向、管道符、Vim编辑器

随机推荐

  1. adb - api -android
  2. Android中的Adapter
  3. Android Build: Tips and Tricks
  4. Pair 了解一下
  5. android 自定义progressbar进度条颜色
  6. Android中通过Intent调用其他应用的方法
  7. Android数据传递相关内容概述
  8. 详解Android广播机制
  9. A20平台增加camera
  10. Android和设计模式:建造者模式