win10 UWP Markdown 含源代码

最后更新于:2022-04-01 20:23:18

Windows下没有比较好的Markdown编辑器 我就自己写一个 csdn的Markdown很好,就是我需要截图保存有麻烦 需要把我的截图保存在本地,然后上传 这个过程比较麻烦 csdn的图没法外链 我想把自己的博客放到github,发现都没有图片 我自己写了的,可以把截图保存为图片,放到用户位置 然后插入`![](image/file.png)` 拖入图片也插入`![](image/file.png)` ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636e37eec.png) 界面有编辑和设置 编辑由TopAppBar,TextBox作为输入和TextBlock显示 拖入文件可以使用Drop 在Grid写Drop="{x:Bind view.dropimg}" DragOver="Grid_DragOver" Grid要AllowDrop="True" 在MainPage.xaml.cs ~~~ private void Grid_DragOver(object sender, DragEventArgs e) { e.AcceptedOperation = Windows.ApplicationModel.DataTransfer.DataPackageOperation.Copy; e.DragUIOverride.Caption = "打开"; e.Handled = true; } ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636e608fa.png) 在viewModel public async void dropimg(object sender, Windows.UI.Xaml.DragEventArgs e) dropimg 处理拖进来的DataPackageView ~~~ var defer = e.GetDeferral(); try { DataPackageView dataView = e.DataView; string str = await _m.clipboard(dataView); tianjia(str); } finally { defer.Complete(); } ~~~ 文件有 MainPage.xaml MainPage.xaml.cs option.xaml option.xaml.cs viewModel.cs model.cs notify_property.cs 其中notify_property.cs提供继承通知UI改变值 model包括 正在编辑文件file 保存位置folder 其中folder根据StorageApplicationPermissions.FutureAccessList获得用户位置。 可以访问的路径不多,因为一个程序可以访问文件路径多,不安全。如果每次放在一个不是程序目录的位置,都要用户设置,很麻烦。在用户第一次使用,让用户选择一个位置,然后应用程序可以直接访问用户选择的这个,不用每次都选择。 用户输入text 标题 name 其中text和name都是public string _text; ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636e828de.png) 这样是在viewModel使用,可以OnPropertyChanged(); writetext是用户能输入,在没有设置用户位置,不能输入 _open是否打开 public async Task clipboard(DataPackageView con) 处理剪贴板和拖入内容 本来我是处理剪贴板,因为拖入也是DataPackageView ~~~ public async Task clipboard(DataPackageView con) { string str = string.Empty; //文本 if (con.Contains(StandardDataFormats.Text)) { str = await con.GetTextAsync(); //tianjiatext(str); return str; } //图片 if (con.Contains(StandardDataFormats.Bitmap)) { RandomAccessStreamReference img = await con.GetBitmapAsync(); var imgstream = await img.OpenReadAsync(); Windows.UI.Xaml.Media.Imaging.BitmapImage bitmap = new Windows.UI.Xaml.Media.Imaging.BitmapImage(); bitmap.SetSource(imgstream); Windows.UI.Xaml.Media.Imaging.WriteableBitmap src = new Windows.UI.Xaml.Media.Imaging.WriteableBitmap(bitmap.PixelWidth, bitmap.PixelHeight); src.SetSource(imgstream); Windows.Graphics.Imaging.BitmapDecoder decoder = await Windows.Graphics.Imaging.BitmapDecoder.CreateAsync(imgstream); Windows.Graphics.Imaging.PixelDataProvider pxprd = await decoder.GetPixelDataAsync(Windows.Graphics.Imaging.BitmapPixelFormat.Bgra8, Windows.Graphics.Imaging.BitmapAlphaMode.Straight, new Windows.Graphics.Imaging.BitmapTransform(), Windows.Graphics.Imaging.ExifOrientationMode.RespectExifOrientation, Windows.Graphics.Imaging.ColorManagementMode.DoNotColorManage); byte[] buffer = pxprd.DetachPixelData(); str = "image"; StorageFolder folder = await _folder.GetFolderAsync(str); StorageFile file = await folder.CreateFileAsync(DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString() + DateTime.Now.Day.ToString() + DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + ".png", CreationCollisionOption.GenerateUniqueName); using (var fileStream = await file.OpenAsync(FileAccessMode.ReadWrite)) { var encoder = await Windows.Graphics.Imaging.BitmapEncoder.CreateAsync(Windows.Graphics.Imaging.BitmapEncoder.PngEncoderId, fileStream); encoder.SetPixelData(Windows.Graphics.Imaging.BitmapPixelFormat.Bgra8, Windows.Graphics.Imaging.BitmapAlphaMode.Straight, decoder.PixelWidth, decoder.PixelHeight, decoder.DpiX, decoder.DpiY, buffer); await encoder.FlushAsync(); str = $"![这里写图片描述](image/{file.Name})"; } } //文件 if (con.Contains(StandardDataFormats.StorageItems)) { var filelist = await con.GetStorageItemsAsync(); StorageFile file = filelist.OfType().First(); return await imgfolder(file); } return str; } ~~~ 返回string是因为要把str插入到text,需要有Textbox光标插入 插入文件 ~~~ public async Task imgfolder(StorageFile file) { string str = "image"; StorageFolder image = null; try { image = await _folder.GetFolderAsync(str); } catch { } if (image == null) { image = await _folder.CreateFolderAsync(str, CreationCollisionOption.OpenIfExists); } file = await file.CopyAsync(image, file.Name, NameCollisionOption.GenerateUniqueName); if (file.FileType == ".png" || file.FileType == ".jpg") { str = $"![这里写图片描述](image/{file.Name})"; return str; } else { str = $"[{file.Name}](image/{file.Name})"; return str; } } ~~~ 开始我没有用文件 拖入和剪贴板只用第一个文件 public async void accessfolder(StorageFolder folder) 更改用户位置 public async void storage() 保存 在程序运行 ~~~ folder = await Windows.Storage.AccessCache.StorageApplicationPermissions.FutureAccessList.GetFolderAsync(Windows.Storage.AccessCache.StorageApplicationPermissions.FutureAccessList.Entries[0].Token); ~~~ viewModel.cs ~~~ public string text { set { _m._text = value; OnPropertyChanged(); } get { return _m._text; } } public string name { set { _m._name = value; OnPropertyChanged(); } get { return _m._name; } } ~~~ 本来绑Textbox SelectionStart SelectionStart错误 要用SelectionStart,只能public Action selectchange; 在MainPage.xaml.cs ~~~ private void selectchange(int select, int selecti) { text.SelectionStart = select; text.SelectionLength = selecti; } ~~~ 因为选择可以把`![这里写图片描述](image/{file.Name})` ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636e9b4ba.png) select Textbox选择的插入 clipboard 保存剪贴板 storage 保存 accessfolder 更改用户位置 ~~~ public async void accessfolder() { FolderPicker pick = new FolderPicker(); pick.FileTypeFilter.Add("*"); StorageFolder folder = await pick.PickSingleFolderAsync(); if (folder != null) { _m.accessfolder(folder); } addressfolder = string.Empty; } ~~~ model _m ~~~ private void tianjia(string str) ~~~ 把str添加text MainPage.xaml ~~~ public sealed partial class MainPage { viewModel view; public MainPage() { this.InitializeComponent(); text.Paste += Text_Paste; } private void Text_Paste(object sender, TextControlPasteEventArgs e) { view.clipboard(e); } private void Grid_DragOver(object sender, DragEventArgs e) { e.AcceptedOperation = Windows.ApplicationModel.DataTransfer.DataPackageOperation.Copy; e.DragUIOverride.Caption = "打开"; e.Handled = true; } private void text_SelectionChanged(object sender, RoutedEventArgs e) { view.select = text.SelectionStart; } private void selectchange(int select, int selecti) { text.SelectionStart = select; text.SelectionLength = selecti; } private bool _ctrl; private void text_KeyDown(object sender, KeyRoutedEventArgs e) { if (e.Key.Equals(Windows.System.VirtualKey.Control)) { _ctrl = true; } else if (e.Key == Windows.System.VirtualKey.V && _ctrl) { } if (_ctrl) { if (e.Key == Windows.System.VirtualKey.Z) { } } e.Handled = true; } private void text_KeyUp(object sender, KeyRoutedEventArgs e) { if (e.Key.Equals(Windows.System.VirtualKey.Control)) { _ctrl = false; } } private void option(object sender, RoutedEventArgs e) { view.storage(); Frame frame = Window.Current.Content as Frame; frame.Navigate(typeof(option), view); } protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); if (e.Parameter is viewModel) { view = e.Parameter as viewModel; DataContext = view; } else { view = new viewModel(); view.selectchange = selectchange; this.DataContext = view; } } } ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636ead98c.png) ### [](https://github.com/lindexi/lindexi_gd/blob/master/%E5%8D%9A%E5%AE%A2/win10%20UWP%20Markdown%20%E5%90%AB%E6%BA%90%E4%BB%A3%E7%A0%81.md#发布)发布 [https://dev.windows.com/zh-cn](https://dev.windows.com/zh-cn) 登录 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636ec8b9e.png) 在我的应用 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636edc01f.png) 填名字 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636ef142c.png) 本来想写Markdown 不过自己做的不是很好,不敢,就写win 有人发了Markdown应用 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f20659.png) 点击开始提交 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f30a78.png) 价格免费 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f4a180.png) 在visual studio ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f5c820.png) 关联 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f788e8.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636f9f8ad.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636fb7f45.png) 选择创建的Markdown ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636fc8d93.png) 得到 produproperty_StoreKey.pfx 在属性 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707636fdd321.png) 没有密码 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076370022df.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_5707637012d36.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763702cff7.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076370493cf.png) 配置 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763706067a.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763707caf6.png) 把produproperty_1.1.0.0_x86_x64_arm_bundle.appxupload上传 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_570763709c5fb.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076370bf591.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-04-08_57076370ddb27.png) https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/%E5%8D%9A%E5%AE%A2/win10%20UWP%20Markdown%20%E5%90%AB%E6%BA%90%E4%BB%A3%E7%A0%81.md 源代码 https://github.com/lindexi/Markdown
';