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
';