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

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

然后就可以直接使用了

@item.CommentContent

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

相关推荐:

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

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

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

以上就是Razor TagHelper实现Markdown转HTML的方法_实用技巧的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1432715.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月17日 08:32:17
下一篇 2025年12月17日 08:32:39

相关推荐

  • html如何输入_在HTML表单中添加输入元素【元素】

    在HTML表单中插入下划线需正确使用value、placeholder和label属性,确保原样显示与提交;避免被Markdown等解析器误处理;必要时用pattern正则校验输入是否含下划线。 如果您需要在HTML表单中插入一个下划线字符(_)作为输入内容的一部分,或希望用户能在输入框中输入包含下…

    2025年12月23日
    000
  • 如何将文件存为html_将其他格式文件保存为HTML格式【保存】

    可将非HTML文档转为浏览器可打开的HTML文件,方法包括:一、Word另存为网页;二、Typora导出Markdown;三、记事本手写HTML代码保存;四、LibreOffice导出HTML;五、在线工具转换。 如果您拥有非HTML格式的文档(如Word、Markdown、纯文本等),但需要将其转…

    2025年12月23日
    000
  • 如何将html格式转变_将HTML文件转换为其他格式文件【文件】

    可将HTML转换为PDF、Word、纯文本等格式:一、浏览器打印导出PDF;二、Word打开另存为DOCX;三、pandoc命令行批量转换;四、在线工具提取纯文本;五、Python脚本生成PDF。 如果您拥有一个HTML文件,但需要将其内容以其他格式呈现,则可能需要将HTML转换为PDF、Word、…

    2025年12月23日
    000
  • 如何将PDF转为HTML格式_文档转换工具使用【方案】

    PDF转HTML有五种方案:一、在线工具适合临时少量转换;二、pdf2htmlEX命令行工具保留布局,适合批量处理;三、Python库组合提取纯文本并构建HTML;四、Adobe Acrobat Pro导出高质量语义化HTML;五、Pandoc通过中间格式转换,侧重内容重排。 如果您需要将PDF文档…

    2025年12月23日
    000
  • 斗鱼 如何html_在斗鱼平台使用HTML代码的方法【平台】

    斗鱼平台不支持用户直接提交HTML代码,但可通过四种合规方式实现HTML相关功能:一、用直播间组件iframe嵌入HTTPS外部网页;二、在个人简介用类Markdown语法模拟HTML效果;三、经开放平台审核后使用弹幕CSS扩展;四、通过直播伴侣加载本地file://HTML悬浮窗。 如果您希望在斗…

    2025年12月23日
    000
  • TXT文档如何转为HTML格式_文本标记转换方法【教程】

    TXT转HTML有四种方法:一、手动添加HTML标签;二、用在线工具快速转换;三、Python脚本批量处理;四、通过Markdown中转生成HTML。 如果您有一份TXT文档,需要将其转换为HTML格式以便在网页中显示或进一步编辑,则需通过文本标记转换实现。以下是几种可行的转换方法: 一、使用文本编…

    2025年12月23日
    000
  • 如何修改HTML文件扩展名_格式转换注意事项【技巧】

    修改HTML文件扩展名需确保内容与编码匹配:一、直接重命名需启用显示扩展名并确认HTML语法正确;二、文本编辑器另存为时选UTF-8编码;三、批量改用ren命令;四、乱码时需核对meta标签与实际编码;五、统一小写.html,禁用空格及特殊字符。 如果您需要将HTML文件的扩展名进行修改或执行格式转…

    2025年12月23日
    000
  • 如何将文档存为HTML格式_多格式转换保存指南【教程】

    可将文档转为HTML的五种方法:一、Word另存为网页;二、LibreOffice导出HTML并嵌入CSS;三、Markdown编辑器导出单文件HTML;四、在线工具转换,注意隐私安全;五、pandoc命令行批量转换。 如果您使用文字处理软件编辑文档,但需要将其发布到网页或在浏览器中直接查看,则需将…

    2025年12月23日
    000
  • 如何使文档变成html_将文档转换为HTML格式步骤【格式】

    可将普通文档转为HTML文件,方法包括:一、用Word等软件导出;二、手写HTML代码;三、用pandoc等工具转Markdown;四、借助在线服务;五、用Python脚本批量处理。 如果您拥有一份普通文档(如Word、纯文本或Markdown格式),但需要将其呈现为可在浏览器中打开的HTML文件,…

    2025年12月23日
    000
  • html如何另存_将HTML页面另存为其他格式文件【格式】

    可将HTML页面保存为PDF、纯文本、Markdown、图像或DOCX格式:一、浏览器打印功能导出PDF;二、开发者工具执行document.body.innerText提取纯文本;三、安装扩展如“Save as Markdown”转为Markdown;四、用Win+Shift+S截图后存为PNG/…

    2025年12月23日
    000
  • 如何转为html_将其他格式内容转为HTML代码【代码】

    可采用五种方法将文本等格式转为标准HTML:一、在线Markdown工具;二、Pandoc命令行;三、Python脚本调用markdown与BeautifulSoup;四、浏览器开发者工具手动构造;五、VS Code插件实时渲染导出。 如果您拥有纯文本、Markdown、Word文档或其他格式的内容…

    2025年12月23日
    000
  • html5如何显示字母_HTML5文本字母显示与控制【显示】

    HTML5中正确显示带下划线字母的四种方法:一、用_实体确保原样输出;二、用标签语义化包裹并配等宽字体;三、用white-space:pre和font-variant-ligatures:none禁用连字与空格折叠;四、用加::after伪元素动态注入下划线。 如果您在HTML5中需要正确显示包含下…

    2025年12月23日
    000
  • html 如何输入_在HTML表单中添加输入框【添加】

    HTML表单中下划线“_”可直接显示于input、placeholder和textarea中,无需转义;需禁用富文本自动格式化,并可用pattern属性校验其合法位置。 如果您希望在HTML表单中正确显示下划线字符“_”,例如用于用户名、文件名或标识符输入,需注意HTML解析规则与表单控件的默认行为…

    2025年12月23日
    000
  • html如何转成ppt_将HTML内容转换为PPT格式步骤【转换】

    HTML转PPT有五种方法:一、PowerPoint插入对象嵌入静态HTML;二、Python库解析生成可编辑PPTX;三、在线工具批量转换但存隐私风险;四、Pandoc命令行转换依赖语义结构;五、手动复制粘贴重排确保高精度排版。 如果您拥有一个HTML文件,希望将其内容直接转换为PPT格式用于演示…

    2025年12月23日
    000
  • 使用Markdown构建可定制的富文本输入与实时预览功能

    本教程将指导您如何利用markdown语法和客户端javascript解析库,如marked.js,创建一个支持用户自定义格式(如粗体、斜体、引用等)的帖子输入框,并实现实时预览功能。通过简单的html、css和javascript代码,您可以轻松为用户提供一个功能强大且易于使用的文本编辑体验。 引…

    2025年12月23日
    000
  • 如何自动生成html_html自动生成技巧【教程】

    可快速生成HTML代码的五种实用技巧:一、在线生成器可视化操作;二、编辑器模板快捷补全;三、脚本批量处理CSV数据;四、Markdown转HTML工作流;五、前端CLI工具初始化项目。 如果您希望快速生成HTML代码而无需手动编写每一行,则可能是由于重复性工作繁重或缺乏编码经验。以下是实现HTML自…

    2025年12月23日
    000
  • 学习html如何_高效学习HTML的方法与资源【方法】

    掌握HTML需系统路径与针对性练习:分语义标签等四模块学习,用W3Schools打基础、freeCodeCamp练交互、逆向拆解政府网站练实战、每日微型项目巩固、建个人标签手册强化记忆。 如果您希望掌握HTML语言,但面对大量零散内容感到无从下手,则可能是由于缺乏系统性学习路径和针对性练习资源。以下…

    2025年12月23日
    000
  • HTML如何转化Markdown文档_格式转换工具使用【方案】

    HTML转Markdown有四种方案:一、Pandoc命令行工具,高保真转换但忽略样式与脚本;二、Turndown JS库,适合网页实时转换,需手动配置规则;三、在线工具如html-to-md.net,便捷但存数据泄露风险;四、Python的html2text库,中文兼容好,不自动处理图片资源。 如…

    2025年12月23日
    000
  • 通过编程向Discord Webhook发送URL链接教程

    本教程详细指导如何通过编程方式将url链接发送至discord webhook。文章涵盖了选择http客户端库、理解discord消息的json格式、构建包含链接的payload,并提供了使用python和httpx库发送post请求的完整示例代码,旨在帮助开发者高效地实现自动化消息推送,实现自定义…

    2025年12月23日
    000
  • 在HTML文件中嵌入Mermaid图表:完整教程

    本教程详细介绍了如何在HTML文件中直接嵌入Mermaid图表。通过引入Mermaid JavaScript库并进行简单的初始化配置,用户可以利用文本语法在网页中渲染出各种精美图表,如流程图、序列图、甘特图等,实现动态且易于维护的文档可视化。 引言:Mermaid与HTML集成的重要性 Mermai…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信