• win10 UWP Markdown 含源码


    Windows下没有比較好的Markdown编辑器

    我就自己写一个

    csdn的Markdown非常好,就是我须要截图保存有麻烦

    须要把我的截图保存在本地,然后上传

    这个过程比較麻烦

    csdn的图没法外链

    我想把自己的博客放到github。发现都没有图片

    我自己写了的,能够把截图保存为图片,放到用户位置

    然后插入![](image/file.png)

    拖入图片也插入![](image/file.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;
        }
    

    这里写图片描写叙述

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

    这里写图片描写叙述

    这样是在viewModel使用。能够OnPropertyChanged();

    writetext是用户能输入,在没有设置用户位置。不能输入

    _open是否打开

    public async Task clipboard(DataPackageView con)

    处理剪贴板和拖入内容

    本来我是处理剪贴板。由于拖入也是DataPackageView

        public async Task<string> 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<StorageFile>().First();
                return await imgfolder(file);
            }
    
            return str;
        }
    

    返回string是由于要把str插入到text,须要有Textbox光标插入

    插入文件

        public async Task<string> 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})

    这里写图片描写叙述

    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

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" AllowDrop="True" Drop="{x:Bind view.dropimg}" DragOver="Grid_DragOver">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition />
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <TextBox Text="{x:Bind view.name,Mode=TwoWay}" Grid.Row="0" Margin="10,10,10,10"/>
        <TextBox x:Name="text" Text="{Binding Path=text,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Margin="10,10,10,10" Grid.Row="1" TextWrapping="Wrap" AcceptsReturn="True" IsReadOnly="{x:Bind view.writetext,Mode=OneWay}" SelectionChanged="text_SelectionChanged"/>
        <!--<RichEditBox x:Name="rtext" Margin="10,10,10,10"/>-->
    
        <TextBlock Text="{x:Bind view.reminder,Mode=OneWay}" Grid.Row="2" Margin="10,10,10,10" TextWrapping="Wrap"/>
        <!--<Button Content="确定" Click="{x:Bind view.property}" Margin="121,300,0,308"/>-->
    </Grid>
    <Page.TopAppBar>
        <CommandBar>
            <!--<AppBarButton Icon="Add" Content="新建" Click="{x:Bind view.fileaddress}"/>-->
            <AppBarButton Icon="OpenFile" Content="打开" Click="{x:Bind view.file_open}" />
            <AppBarButton Icon="Save" Content="保存" Click="{x:Bind view.storage}"/>
            <AppBarButton Icon="Setting" Content="设置" Click="option"/>
        </CommandBar>
    </Page.TopAppBar>
    
    
    
    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://dev.windows.com/zh-cn

    登录

    这里写图片描写叙述

    这里写图片描写叙述

    在我的应用

    这里写图片描写叙述

    填名字

    这里写图片描写叙述

    本来想写Markdown

    只是自己做的不是非常好,不敢。就写win

    有人发了Markdown应用

    这里写图片描写叙述

    点击開始提交

    这里写图片描写叙述

    价格免费

    这里写图片描写叙述

    在visual studio

    这里写图片描写叙述

    关联

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述

    选择创建的Markdown

    这里写图片描写叙述

    得到

    produproperty_StoreKey.pfx

    在属性

    这里写图片描写叙述

    没有password

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述

    配置

    这里写图片描写叙述

    这里写图片描写叙述

    把produproperty_1.1.0.0_x86_x64_arm_bundle.appxupload上传

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述

    这里写图片描写叙述


    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

  • 相关阅读:
    基于Freescale的主流芯片HCS08
    BizTalk Server 2010 映射器(Mapper) [ 下篇 ]
    BizTalk Server 2010 使用 WCF Service [ 中篇 ]
    Ext JS 4 Beta 1发布了
    Step by Step WebMatrix网站开发之一:Webmatrix安装
    REST WebService与SOAP WebService的比较
    BizTalk Server 2010 使用 WCF Service [ 上篇 ]
    BizTalk Server 2010 映射器(Mapper) [ 中篇 ]
    BizTalk Server 2010 映射器(Mapper) [ 上篇 ]
    ExtJS 4 Beta 2预览:Ext.Brew包
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7359432.html
Copyright © 2020-2023  润新知