agentsclimarketplace

Syncfusion aspnetcore markdown converter

Skill syncfusion/aspnetcore-ui-components-skills/skills/syncfusion-aspnetcore-markdown-converter

Guides implementation of the Syncfusion ASP.NET Core Markdown Converter (Syncfusion.EJ2 NuGet). Use this skill when the user needs to convert Markdown text to HTML, use the MarkdownConverter toHtml method, configure MarkdownConverterOptions (async, gfm, lineBreak, silence), or integrate the Markdown Converter with the Syncfusion Rich Text Editor tag helper for live preview or side-by-side editing in ASP.NET Core MVC or Razor Pages projects. Trigger when user mentions markdown to HTML conversion, MarkdownConverter, toHtml, ej2-markdown-converter, markdown preview, or RTE markdown mode.From its SKILL.md

Install
npx -y skills add syncfusion/aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-markdown-converter

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

5.5 KB, ~1.1k tokens by cl100k_base, as published. Nobody here has run it

Syncfusion ASP.NET Core Markdown Converter

The Syncfusion ASP.NET Core Markdown Converter is a lightweight client-side utility (loaded via CDN or npm) that transforms Markdown text into clean, semantic HTML. It supports all common Markdown elements β€” headings, lists, tables, links, images, and inline styles β€” and integrates seamlessly with the Syncfusion Rich Text Editor tag helper (<ejs-richtexteditor>) for live editing and preview workflows in ASP.NET Core MVC or Razor Pages applications.


Navigation Guide

Getting Started

πŸ“„ Read: references/getting-started.md

  • NuGet installation and tag helper registration
  • CDN stylesheet and script references
  • Running a basic Markdown-to-HTML conversion in a Razor view
  • Required CSS and theme setup

toHtml API

πŸ“„ Read: references/tohtml-api.md

  • toHtml method signature and parameters (JavaScript usage from Razor views)
  • Supported Markdown elements (headings, lists, tables, links, images, inline styles)
  • Return value and usage patterns
  • Simple conversion code examples

Configurable Options

πŸ“„ Read: references/configurable-options.md

  • MarkdownConverterOptions object
  • async β€” asynchronous conversion for large content
  • gfm β€” GitHub Flavored Markdown support
  • lineBreak β€” single line breaks as <br> elements
  • silence β€” suppress errors on invalid Markdown
  • When and why to use each option

Rich Text Editor Integration

πŸ“„ Read: references/richtexteditor-integration.md

  • Combining <ejs-richtexteditor> (editorMode="Markdown") with MarkdownConverter
  • Live preview on keyup using toHtml
  • Full preview toggle pattern
  • Side-by-side Splitter layout
  • Toolbar configuration for Markdown mode

Quick Start

Register the tag helper and add CDN references, then run a minimal conversion:

{{! _ViewImports.cshtml }}
@addTagHelper *, Syncfusion.EJ2
{{! _Layout.cshtml <head> }}
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/{{ site.ej2version }}/fluent.css" />
<script src="https://cdn.syncfusion.com/ej2/{{ site.ej2version }}/dist/ej2.min.js"></script>

{{! _Layout.cshtml before </body> }}
<ejs-scripts></ejs-scripts>
// Inline script in Razor view or a linked .js file
var markdownContent = '# Hello World\nThis is **Markdown** text.';
var htmlOutput = ej.markdownconverter.MarkdownConverter.toHtml(markdownContent);
console.log(htmlOutput);
// Output: <h1>Hello World</h1><p>This is <strong>Markdown</strong> text.</p>

Common Patterns

Convert with all options enabled

var html = ej.markdownconverter.MarkdownConverter.toHtml(markdownContent, {
  async: true,      // Non-blocking for large content
  gfm: true,        // GitHub Flavored Markdown
  lineBreak: true,  // Treat single newlines as <br>
  silence: true     // Suppress parse errors
});

Live preview on user input

document.getElementById('textarea').addEventListener('keyup', function () {
  document.getElementById('preview').innerHTML =
    ej.markdownconverter.MarkdownConverter.toHtml(this.value);
});

Integrate with Syncfusion RTE tag helper in Markdown mode

<ejs-richtexteditor id="markdown-editor" editorMode="Markdown" value="@ViewBag.value">
    <e-richtexteditor-toolbarsettings items="@ViewBag.tools"></e-richtexteditor-toolbarsettings>
</ejs-richtexteditor>
// HomeController.cs
public ActionResult Index()
{
    ViewBag.value = "# Hello\nType **Markdown** here.";
    ViewBag.tools = new[] {
        "Bold", "Italic", "StrikeThrough", "|",
        "Formats", "Blockquote", "OrderedList", "UnorderedList", "|",
        "CreateLink", "Image", "CreateTable", "|", "Undo", "Redo"
    };
    return View();
}

Key Props

OptionTypeDefaultPurpose
asyncbooleanfalseAsync conversion for large payloads
gfmbooleantrueGitHub Flavored Markdown support
lineBreakbooleanfalseSingle newlines β†’ <br>
silencebooleanfalseSkip invalid Markdown instead of throwing

Common Use Cases

  • Static content rendering β€” Convert user-authored Markdown from a textarea or controller action into HTML for display in a Razor view
  • Live editor preview β€” Pair with the Syncfusion RTE tag helper in Markdown mode for real-time HTML preview
  • Side-by-side editing β€” Use the Syncfusion Splitter tag helper to show editor and rendered HTML simultaneously
  • CMS / documentation tools β€” Process Markdown stored in a database or files before rendering inside a Razor partial view

What ships with it: 4 files

24.8 KB alongside SKILL.md

Keep looking

Skills are one crate of 326,506. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.