Home Backend Development C#.Net Tutorial Razor TagHelper's method of converting Markdown to HTML_Practical tips

Razor TagHelper's method of converting Markdown to HTML_Practical tips

Dec 16, 2017 am 09:23 AM
markdown

The editor below will share with you an article on Razor TagHelper's method of converting Markdown to HTML. It has a good reference value and I hope it will be helpful to everyone. Let’s follow the editor and take a look.

Markdown is a markup language that can be written using ordinary texteditor. Through simple markup syntax, it can make ordinary text content have a certain Format.

Purpose

Markdown’s syntax is concise and clear, easy to learn, and its functions are stronger than plain text, so many people use it to write blogs . The world's most popular blog platform WordPress and large CMS such as Joomla and Drupal can support Markdown very well. Blog platforms that fully use Markdown editors include Ghost and Typecho.

is used to write documentation and is saved under the directory of the software with the file name of "README.MD".

In addition, now that we have a god-level editor like RStudio, we can also quickly convert Markdown into speech PPT, Word product documents, LaTex papers, and even complete the minimum with a very small amount of code. Prototypes available. In the field of data science, Markdown has been established as a scientific research norm, greatly advancing the historical process of dynamic reproducibility research.

TagHelper

Write a Razor TagHelper to convert Markdown to HTML. You need to use CommonMark. NETthisClass Library.


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();
  }
 }
}
Copy after login


How to use

First of all, in _ViewImports .cshtml add this TagHelper, like this


@addTagHelper *, ZKEACMS.Message
Copy after login


Then you can use it directly


<markdown>@item.CommentContent</markdown>
Copy after login


The above method of converting Markdown to HTML with Razor TagHelper is all the content shared by the editor. I hope it can give you a reference, and I also hope that everyone will support PHP Chinese. net.

Related recommendations:

Detailed introduction to ASP.NET Core Razor page routing

Detailed introduction to ASP.NET Core Razor page routing

Solutions to Razor issues in Asp.net MVC

The above is the detailed content of Razor TagHelper's method of converting Markdown to HTML_Practical tips. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How Vue3 parses markdown and implements code highlighting How Vue3 parses markdown and implements code highlighting May 20, 2023 pm 04:16 PM

Vue implements the blog front-end and needs to implement markdown parsing. If there is code, it needs to implement code highlighting. There are many markdown parsing libraries for Vue, such as markdown-it, vue-markdown-loader, marked, vue-markdown, etc. These libraries are all very similar. Marked is used here, and highlight.js is used as the code highlighting library. The specific implementation steps are as follows: 1. Install dependent libraries. Open the command window under the vue project and enter the following command npminstallmarked-save//marked to convert markdown into htmlnpmins

How to build a Markdown editor in Python How to build a Markdown editor in Python May 13, 2023 am 09:58 AM

First, make sure you have Python3 and Tkinter installed. Other things we need are tkhtmlview and markdown2. You can install them by running pipinstalltkhtmlviewmarkdown2 or pip3installtkhtmlviewmarkdown2 (if you have multiple Python versions). Now launch your favorite editor or IDE and create a new file (for example www.linuxidc.com.py (I named it linuxidc.com editor)). We'll start by importing the necessary libraries. fromtkinterimport*fro

Let's talk about how to configure Markdown in VScode (with basic syntax) Let's talk about how to configure Markdown in VScode (with basic syntax) Dec 07, 2022 pm 03:40 PM

How to use markdown in VScode? The following article will introduce you to the method of configuring Markdown in VScode, and talk about the basic syntax of Markdown. I hope it will be helpful to you!

How to use PHP to implement markdown conversion How to use PHP to implement markdown conversion Mar 24, 2023 pm 02:30 PM

As people continue to pursue technology, more and more tools and applications are developed to help people simplify complex tasks. One of them is Markdown, which is a lightweight markup language that converts plain text into HTML-formatted text. This article will introduce how to use PHP to implement Markdown conversion.

How to use Markdown in ThinkPHP6 How to use Markdown in ThinkPHP6 Jun 20, 2023 pm 11:00 PM

In the development of the modern Internet era, document writing has gradually changed from cumbersome HTML tags to the simpler and easier to read and write Markdown syntax. ThinkPHP6 uses a highly flexible template engine and provides convenient Markdown extensions, making it very easy to write and display Markdown files in projects. What is Markdown Markdown is a lightweight markup language that can quickly convert documents written in plain text into HTML for use in

After using this Linux command, my boss directly put my name on the salary increase list. After using this Linux command, my boss directly put my name on the salary increase list. Feb 27, 2024 pm 08:49 PM

Overview In Linux systems, we frequently use the command line to process files and directories. Markdown is a concise markup language for quickly creating and formatting documents. But reading and managing Markdown files may require a large number of commands and parameters, which may be a bit complicated for beginners. At this time, you can use the glow command to simplify the operation. glow is a command line tool designed to simplify rendering Markdown files in the Linux terminal. Its main goal is to provide users with a more intuitive and manageable Markdown file reading experience. glow comes with a user-friendly graphical interface that allows you to view and manage Markdown files more easily. With this interface, you don’t need to remember

A must-have Markdown cheat sheet for programmers! A must-have Markdown cheat sheet for programmers! Feb 16, 2023 am 11:22 AM

This article brings you relevant knowledge about Markdown. The main content is to summarize and share with you a Markdown cheat sheet. Friends who are interested can take a look at it below. I hope it will be helpful to everyone.

Using Markdown for document management in Java API development Using Markdown for document management in Java API development Jun 17, 2023 pm 11:39 PM

With the widespread application of Java, more and more developers are paying attention to how to better manage and maintain their own code bases. Among them, document management is an important issue that developers must face. For JavaAPI developers, using Markdown for document management is a good choice. This article will explain from the following three aspects why using Markdown for document management in Java API development is a wise decision. Markdown’s simplicity and ease of use Markd

See all articles