Skip to content

This sample demonstrates how to get started with the MAUI Markdown Viewer control within a .NET MAUI application.

Notifications You must be signed in to change notification settings

SyncfusionExamples/Getting-Started-with-MAUI-Markdown-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Getting-Started-with-MAUI-Markdown-Viewer

This sample demonstrates how to get started with the MAUI Markdown Viewer control within a .NET MAUI application.

Sample

    <markdown:SfMarkdownViewer>
        <markdown:SfMarkdownViewer.Settings>
            <markdown:MarkdownStyleSettings H1FontSize="32px"
                                    H1Color="#8352FB"
                                    H2Color="#9971FB"
                                    H3Color="#A98AF7"
                                    BodyFontSize="16px"
                                    BodyTextColor="#2C3E50"
                                    TableBackground="#FFE2ED"
                                    TableHeaderTextColor="HotPink">
            </markdown:MarkdownStyleSettings>
        </markdown:SfMarkdownViewer.Settings>
        <markdown:SfMarkdownViewer.Source>
            <x:String>
                <![CDATA[
# What is the Markdown Viewer?  
The Markdown Viewer is a UI control in .NET MAUI that allows developers to render Markdown content with full formatting support. It was designed to work efficiently on both mobile and desktop platforms. The viewer supports headings, bold and italic text, lists, tables, images, code blocks and more.

# Header 1  
Used for the main title or top-level heading in a Markdown document. 

## Header 2  
Used to define major sections within your Markdown content.

### Table 

|              | Column 1 | Column 2 | Column 3 |
|--------------|----------|----------|----------|
| Row 1        | Content  | Content  | Content  |
| Row 2        | Content  | Content  | Content  |
| Row 3        | Content  | Content  | Content  |
                ]]>
            </x:String>
        </markdown:SfMarkdownViewer.Source>
    </markdown:SfMarkdownViewer>

Requirements to run the demo

To run the demo, refer to System Requirements for .NET MAUI

Troubleshooting:

Path too long exception

If you are facing path too long exception when building this example project, close Visual Studio and rename the repository to short and build the project.

License

Syncfusion has no liability for any damage or consequence that may arise from using or viewing the samples. The samples are for demonstrative purposes. If you choose to use or access the samples, you agree to not hold Syncfusion liable, in any form, for any damage related to use, for accessing, or viewing the samples. By accessing, viewing, or seeing the samples, you acknowledge and agree Syncfusion's samples will not allow you seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize, or otherwise do anything with Syncfusion's samples

About

This sample demonstrates how to get started with the MAUI Markdown Viewer control within a .NET MAUI application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages