
Markdown
A text editor that provides support for the Markdown syntax
BootstrapBlazor.Markdown
, which needs to reference its component package when using this componentBootstrapBlazor.Markdown
componentdotnet add package BootstrapBlazor.Markdown
<PackageReference Include="BootstrapBlazor.Markdown" Version="7.0.0" />
Install-Package BootstrapBlazor.Markdown
CSS file
dynamic import css
JS file
dynamic import javascript
Localization
The default setting
Demo
Once you Markdown
code, click on the relevant area below to display the data
Get Markdown
display with Webapi
Demo
Change the default parameters
Demo
Set the minimum height of the Markdown
Editor 300px
, the default height 500px
, indicating that this is the Markdown
, tab
display, the default display of the WYSIWYG page
Simple browsing mode, not editable
Demo
Set the markdown
editor to browse-only mode, IsViewer='true'
Dark mode
Demo
Enable plugins with EnableHighlight=true
, highlighting using ``` followed by code formatting, and js highlight syntax for example ```js
Demo
Using APIs to manipulate the Editor from the outside, the specific API reference tui.editor api
Demo
Check data validity and prompt automatically based on custom validation rules
Demo
Attributes
B station related video link
交流群