Razor TagHelper实现Markdown转HTML的方法_实用技巧


本文摘自PHP中文网,作者韦小宝,侵删。

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


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

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,像这样


1

@addTagHelper *, ZKEACMS.Message


然后就可以直接使用了


1

<markdown>@item.CommentContent</markdown>


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

相关推荐:

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

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

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

以上就是Razor TagHelper实现Markdown转HTML的方法_实用技巧的详细内容!

相关阅读 >>

分享asp.net学习笔记(1)--webpages razor

分享asp.net学习笔记(12)razor 简介

分享asp.net学习笔记(13)razor 语法详解

利用razor引擎生成静态页(asp.net mvc)实例详解

razor TagHelper实现markdown转html的方法_实用技巧

asp.net core razor页面路由的详细介绍

更多相关阅读请进入《TagHelper》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...