Razor TagHelper实现Markdown转HTML的方法
2017-12-14 15:15
561 查看
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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章推荐
- 使用MVC中的HtmlHelper对象的ActionLink方法,实现一个Javascript:void(0)效果,去调用一个JS方法
- 在AppCode中的razor调用HtmlHelper方法和UrlHelper方法
- 用javascript实现html页面之间的参数传递的四种方法
- Tip#1-使用扩展方法创建新的HTML Helper
- HtmlTag类的实现
- php生成静态html分页实现方法
- 再谈将C++语言源码转成html的方法(vim实现,可用于java,perl,python等等多种语言)
- 批量删除记录时如何实现全选方法总结 (转)http://www.cnblogs.com/chenou/articles/1349646.html[Asp.net Ajax 控件]
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 使用扩展方法创建新的HTML Helper
- ASP伪静态html实现方法
- 用Javascript实现HtmlEncode与HtmlDecode的另类方法
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- 关于ASP.NET MVC P5中CheckBox的HtmlHelper方法的bug。
- [翻译] ASP.NET MVC Tip #1 - 使用扩展方法创建新的HTML Helper
- 利用js方法实现html静态页面间参数传递
- HTML中树的实现方法
- 利用js方法实现html静态页面间参数传递
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 利用js方法实现html静态页面间参数传递