首頁 後端開發 C#.Net教程 Razor TagHelper實作Markdown轉HTML的方法_實用技巧

Razor TagHelper實作Markdown轉HTML的方法_實用技巧

Dec 16, 2017 am 09:23 AM
markdown

下面小編就為大家分享一篇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>
登入後複製


以上這篇Razor TagHelper實現Markdown轉HTML的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

相關建議:

#ASP.NET Core Razor頁面路由的詳細介紹

關於ASP.NET Core Razor頁面路由的詳細介紹

#Asp.net MVC中關於Razor問題的解決方法

#

以上是Razor TagHelper實作Markdown轉HTML的方法_實用技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Vue3怎麼解析markdown並實現程式碼高亮顯示 Vue3怎麼解析markdown並實現程式碼高亮顯示 May 20, 2023 pm 04:16 PM

Vue實作部落格前端,需要實作markdown的解析,如果有程式碼則需要實作程式碼的高亮。 Vue的markdown解析函式庫很多,如markdown-it、vue-markdown-loader、marked、vue-markdown等。這些庫都大同小異。這裡選用的是marked,程式碼高亮的函式庫選用的是highlight.js。具體實現步驟如下:一、安裝依賴庫在vue專案下開啟命令窗口,並輸入以下命令npminstallmarked-save//marked用於將markdown轉換成htmlnpmins

Python如何建構一個Markdown編輯器 Python如何建構一個Markdown編輯器 May 13, 2023 am 09:58 AM

首先,請確保您已安裝Python3和Tkinter。我們需要的其他東西是tkhtmlview和markdown2。您可以透過執行pipinstalltkhtmlviewmarkdown2或pip3installtkhtmlviewmarkdown2來安裝它們(如果您有多個Python版本)。現在啟動您喜歡的編輯器或IDE並建立新檔案(例如www.linuxidc.com.py(我將其命名為linuxidc.com編輯器))。我們將從導入必要的庫開始。 fromtkinterimport*fro

聊聊VScode怎麼配置Markdown(附基礎語法) 聊聊VScode怎麼配置Markdown(附基礎語法) Dec 07, 2022 pm 03:40 PM

VScode中怎麼使用markdown?以下這篇文章跟大家介紹一下VScode配置Markdown的方法,並聊聊Markdown基礎語法,希望對大家有幫助!

怎麼用PHP實作markdown轉換 怎麼用PHP實作markdown轉換 Mar 24, 2023 pm 02:30 PM

隨著人們對於科技的不斷追求,越來越多的工具和應用程式被開發出來幫助人們簡化複雜的任務。其中之一就是 Markdown,它是一種輕量級的標記語言,可以將純文字轉換成 HTML 格式的文字。本文將介紹如何使用 PHP 來實作 Markdown 轉換。

如何在ThinkPHP6中使用Markdown 如何在ThinkPHP6中使用Markdown Jun 20, 2023 pm 11:00 PM

在現代網路時代的開發中,文件撰寫已逐漸從繁瑣的HTML標籤轉變為更為簡單且便於讀寫的Markdown語法。 ThinkPHP6使用了高度靈活的模板引擎,提供了方便的Markdown擴展,使得在專案中使用Markdown文件編寫和顯示變得十分容易。什麼是MarkdownMarkdown是一種輕量級的標記語言,可快速將純文字編寫的文件轉換為HTML,以便進行在

用了這條Linux指令,老闆直接給我的名字寫到加薪名單 用了這條Linux指令,老闆直接給我的名字寫到加薪名單 Feb 27, 2024 pm 08:49 PM

概述在Linux系統中,我們經常使用命令列來處理檔案和目錄。 Markdown是一種簡潔的標記語言,可快速建立和格式化文件。但要閱讀和管理Markdown文件可能需要大量指令和參數,對初學者來說可能有些複雜。這時就可以使用glow指令來簡化操作。 glow是一個旨在簡化在Linux終端機中渲染Markdown檔案的命令列工具。它的主要目標是提供使用者更直覺、更容易管理的Markdown文件閱讀體驗。 glow附帶一個用戶友好的圖形介面,讓您可以更輕鬆地查看和管理Markdown文件。透過此介面,您無需記

一份程式設計師必備的Markdown備忘單! 一份程式設計師必備的Markdown備忘單! Feb 16, 2023 am 11:22 AM

這篇文章為大家帶來了關於Markdown的相關知識,其中主要內容就是總結分享大家一份Markdown備忘單,有興趣的朋友下面一起來看一下吧,希望對大家有幫助。

Java API 開發中使用 Markdown 進行文件管理 Java API 開發中使用 Markdown 進行文件管理 Jun 17, 2023 pm 11:39 PM

隨著Java的廣泛應用,越來越多的開發人員開始專注於如何更好地管理和維護自己的程式碼庫。其中,文件管理就是開發人員必須面對的重要問題。而對於JavaAPI開發人員而言,使用Markdown進行文件管理就是一個好的選擇。本文將從以下三個面向來解釋為什麼JavaAPI開發中使用Markdown進行文件管理是一個明智的決策。 Markdown的簡單易用Markd

See all articles