diff --git a/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromLocalFile.gif b/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromLocalFile.gif
new file mode 100644
index 00000000..52f46af4
Binary files /dev/null and b/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromLocalFile.gif differ
diff --git a/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromURL.gif b/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromURL.gif
new file mode 100644
index 00000000..b709907f
Binary files /dev/null and b/winui/MarkdownViewer/Images/WinUI-markdown-viewer-LoadFromURL.gif differ
diff --git a/winui/MarkdownViewer/Loading-Content.md b/winui/MarkdownViewer/Loading-Content.md
index 6d838f13..1bf04bb6 100644
--- a/winui/MarkdownViewer/Loading-Content.md
+++ b/winui/MarkdownViewer/Loading-Content.md
@@ -83,28 +83,71 @@ Used to define major sections within your Markdown content.
{% endhighlight %}
{% endtabs %}
+
+
## Loading from Local File
To load Markdown content from a local file, simply set the file path as the value of the Source property. The control automatically recognizes valid file paths and reads the file content accordingly.
-**C#**
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
{% highlight C# %}
public partial class MainWindow : Window
-{
+{
public MainWindow()
{
- InitializeComponent();
- SfMarkdownViewer markdownViewer = new SfMarkdownViewer();
- string filePath = @"D:\WinUI\MarkdownViewer\Files\MarkdownContent.md";
- string markdownContent = File.ReadAllText(filePath);
- markdownViewer.Source = markdownContent;
- this.Content = markdownViewer;
+ InitializeComponent();
}
-}
+
+ private async void PickFile_Click(object sender, RoutedEventArgs e)
+ {
+ FileOpenPicker picker = new FileOpenPicker();
+ var hwnd = WinRT.Interop.WindowNative.GetWindowHandle(this);
+ WinRT.Interop.InitializeWithWindow.Initialize(picker, hwnd);
+
+ picker.FileTypeFilter.Add(".md");
+
+ StorageFile file = await picker.PickSingleFileAsync();
+
+ if (file != null)
+ {
+ FilePathText.Text = "File Path: " + file.Name;
+
+ string markdownContent = await FileIO.ReadTextAsync(file);
+ MarkdownViewer.Source = markdownContent;
+ }
+ }
+}
{% endhighlight %}
+{% endtabs %}
+
+
## Loading from URL
@@ -114,8 +157,15 @@ The SfMarkdownViewer control is capable of loading Markdown content directly fro
{% highlight xaml %}
-
-
+
+
+
+
+
+
{% endhighlight %}
@@ -126,12 +176,18 @@ public partial class MainWindow : Window
{
public MainWindow()
{
- InitializeComponent();
+ InitializeComponent();
+ }
+
+ private void PickFile_Click(object sender, RoutedEventArgs e)
+ {
SfMarkdownViewer markdownViewer = new SfMarkdownViewer();
- markdownViewer.Source = "https://raw.githubusercontent.com/SyncfusionExamples/WinUI-tabsplitter-example/refs/heads/master/README.md";
- this.Content = markdownViewer;
+ markdownViewer.Source = "https://help.syncfusion.com/winui/ai-assistview/overview.md";
+ this.Content = markdownViewer;
}
}
{% endhighlight %}
{% endtabs %}
+
+
\ No newline at end of file