Projects

CodeWF.Markdown

Avalonia Markdownレンダリングコントロールとタイポグラフィテーマ

项目说明

CodeWF.Markdown

CodeWF.Markdown

CodeWF.Markdown 是基于 Avalonia 12 的 Markdown 渲染控件、排版主题和可运行示例。该仓库从 CodeWF.AvaloniaControls 中拆分出来,专注维护 MarkdownViewer、主题资源和相关测试。

エンベロープ線

バッグバッグ。 説明書の作成
CodeWF.Markdown 一般的なMarkdown要素、コードハイライト、画像プレビュー、SVG/画像、数学レンダリング拡張機能、多言語リソース、インクリメンタルレンダリングをサポートする完全なMarkdownViewer。
CodeWF.Markdown.Themes デフォルトのコントロールテンプレートと複数のレイアウトテーマセット。

インストールする。

Install-Package CodeWF.Markdown
Install-Package CodeWF.Markdown.Themes

使用方法は

App.axaml 引入主题包:

<Application
    xmlns="https://github.com/avaloniaui"
    xmlns:markdown="https://codewf.com">
    <Application.Styles>
        <FluentTheme />
        <markdown:MarkdownThemes TypographyTheme="Simple" />
    </Application.Styles>
</Application>

在页面中使用 MarkdownViewer

<UserControl
    xmlns="https://github.com/avaloniaui"
    xmlns:md="https://codewf.com">
    <ScrollViewer
        HorizontalScrollBarVisibility="Disabled"
        VerticalScrollBarVisibility="Auto">
        <md:MarkdownViewer Markdown="{Binding Markdown}" />
    </ScrollViewer>
</UserControl>

倉庫の構造

src/CodeWF.Markdown          MarkdownViewer 类库
src/CodeWF.Markdown.Themes   控件模板和排版主题
src/CodeWF.Markdown.Sample   示例工程
tests/CodeWF.Markdown.Tests  渲染和差异服务测试

注目に値する。

  • AvaloniaアプリケーションはMarkdownコンテンツを直接レンダリングする必要があります。
  • ドキュメント、更新ログ、AI返信、またはヘルプセンター用の統一タイポグラフィテーマが必要です。
  • 画像、SVG、コードハイライト、多言語リソース、インクリメンタルレンダリングのサポートが必要です。
  • サンプルプロジェクトを使用して、さまざまなMarkdownコンテンツがデスクトップ上でどのように動作するかを検証したい。

構築する。

dotnet restore CodeWF.Markdown.slnx
dotnet build CodeWF.Markdown.slnx --no-restore

倉庫の倉庫