ホームページ バックエンド開発 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 や、Joomla や Drupal などの大規模 CMS は、Markdown を適切にサポートできます。 Markdown エディターを完全に使用するブログ プラットフォームには、Ghost や Typecho などがあります。

ドキュメントを作成し、「README.MD」というファイル名でソフトウェアのディレクトリに保存するために使用されます。

さらに、RStudio のような神レベルのエディターを手に入れたので、Markdown を音声 PPT、Word 製品ドキュメント、LaTex 論文にすばやく変換し、非常に少量のコードで使用可能な最小のプロトタイプを完成させることもできます。データ サイエンスの分野では、マークダウンは科学研究の標準として確立され、動的再現性研究の歴史的プロセスを大きく前進させました。

TagHelper

Markdown を HTML に変換するための Razor TagHelper を作成します。ここでは、CommonMark thisクラス ライブラリを使用する必要があります。


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();
  }
 }
}
ログイン後にコピー


使い方

まず、次のように、この TagHelper を _ViewImports.cshtml に追加します


@addTagHelper *, ZKEACMS.Message
ログイン後にコピー


直接使いました


りー


Razor TagHelper を使用して Markdown を HTML に変換する上記の方法は、エディターによって共有されるすべてのコンテンツです。参考にしていただければ幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。

関連する推奨事項:

ASP.NET Core Razor ページ ルーティングの詳細な紹介

ASP.NET Core Razor ページ ルーティングの詳細な紹介

Asp.net の Razor についてMVC による問題の解決策

以上がRazor TagHelper による Markdown から HTML への変換方法_実践的なヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Vue3 がマークダウンを解析し、コードのハイライトを実装する方法 Vue3 がマークダウンを解析し、コードのハイライトを実装する方法 May 20, 2023 pm 04:16 PM

Vue はブログ フロントエンドを実装しており、マークダウン解析を実装する必要があり、コードがある場合はコードのハイライトを実装する必要があります。 Vue には、markdown-it、vue-markdown-loader、marked、vue-markdown など、マークダウン解析ライブラリが多数あります。これらのライブラリはすべて非常に似ています。ここではMarkedが使用され、コード強調表示ライブラリとしてhighlight.jsが使用されます。 1. 依存ライブラリをインストールする vue プロジェクトの下でコマンド ウィンドウを開き、次のコマンド npminstallmarked-save//marked を入力して、マークダウンを 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*から

VScode で Markdown を構成する方法について話しましょう (基本的な構文を使用) VScode で Markdown を構成する方法について話しましょう (基本的な構文を使用) Dec 07, 2022 pm 03:40 PM

VScodeでマークダウンを使用するにはどうすればよいですか?以下の記事では、VScode で Markdown を設定する方法と、Markdown の基本的な構文について説明します。

PHP を使用してマークダウン変換を実装する方法 PHP を使用してマークダウン変換を実装する方法 Mar 24, 2023 pm 02:30 PM

人々がテクノロジーを追求し続けるにつれて、人々が複雑なタスクを簡素化するのに役立つツールやアプリケーションがますます開発されています。その 1 つは Markdown です。これは、プレーン テキストを HTML 形式のテキストに変換する軽量のマークアップ言語です。この記事では、PHPを使用してMarkdown変換を実装する方法を紹介します。

ThinkPHP6 で Markdown を使用する方法 ThinkPHP6 で Markdown を使用する方法 Jun 20, 2023 pm 11:00 PM

現代のインターネット時代の発展の中で、ドキュメントの作成は、煩雑な HTML タグから、よりシンプルで読み書きが容易な Markdown 構文に徐々に変化してきました。 ThinkPHP6 は、柔軟性の高いテンプレート エンジンを使用し、便利な Markdown 拡張機能を提供しているため、プロジェクト内で Markdown ファイルを作成および表示することが非常に簡単になります。 Markdown とは Markdown は、プレーン テキストで書かれたドキュメントを 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 を使用することは良い選択です。この記事では、Java API 開発におけるドキュメント管理に Markdown を使用することが賢明な決定である理由を次の 3 つの側面から説明します。 Markdown のシンプルさと使いやすさ Markd

See all articles