zoukankan      html  css  js  c++  java
  • 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>

    原文地址:http://www.zkea.net/codesnippet/detail/post-79

  • 相关阅读:
    bzoj 2969: 矩形粉刷 概率期望+快速幂
    loj #6191. 「美团 CodeM 复赛」配对游戏 期望dp
    CF446C DZY Loves Fibonacci Numbers 线段树 + 数学
    CF696B Puzzles 概率期望
    bzoj 3566: [SHOI2014]概率充电器 数学期望+换根dp
    loj #6342. 跳一跳 期望dp
    CF316G3 Good Substrings 广义后缀自动机
    bzoj 3829: [Poi2014]FarmCraft 树形dp+贪心
    bzoj 2131: 免费的馅饼
    CF19D Points 平衡树
  • 原文地址:https://www.cnblogs.com/seriawei/p/7988070.html
Copyright © 2011-2022 走看看