學習使用Wpf開源的文字編輯器—smithhtmleditor

kiba518發表於2021-10-12

前言

本文主要介紹使用Wpf文字編輯器——smithhtmleditor。

編輯器使用

首先新建一個專案WpfEditor。

然後到Codeplex下載smithhtmleditor。

下載地址:https://archive.codeplex.com/?p=smithhtmleditor

解壓後將SmithHtmlEditor資料夾整個複製。

然後貼上到我們新建的專案中

然後將該引入SmithHtmlEditor的工程檔案。

然後在Com元件中找到Microsoft HTML Object Library,新增引用。

然後編寫程式碼如下:

<Window x:Class="WpfEditor.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:smith="clr-namespace:Smith.WPF.HtmlEditor;assembly=Smith.WPF.HtmlEditor"
        xmlns:local="clr-namespace:WpfEditor"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DockPanel DockPanel.Dock="Top"  >
            <DockPanel.Resources>
                <Style TargetType="{x:Type Label}">
                    <Setter Property="Padding" Value="0" />
                    <Setter Property="VerticalAlignment"  Value="Center" />
                    <Setter Property="VerticalContentAlignment"  Value="Center" />
                </Style>
                <Style TargetType="{x:Type Button}">
                    <Setter Property="Padding"  Value="4,2" />
                </Style>
            </DockPanel.Resources>
            <smith:HtmlEditor x:Name="Editor"  DockPanel.Dock="Top"/>
        </DockPanel> 
    </Grid>
</Window>

如程式碼所示,再名稱空間中引入了Smith.WPF.HtmlEditor。

xmlns:smith="clr-namespace:Smith.WPF.HtmlEditor;assembly=Smith.WPF.HtmlEditor"

然後使用了Smith.WPF.HtmlEditor程式集下的自定義控制元件HtmlEditor。

效果圖如下:

html格式:

上傳圖片:

 

----------------------------------------------------------------------------------------------------

到此,使用Wpf文字編輯器就已經介紹完了。

程式碼已經傳到Github上了,歡迎大家下載。

Github地址: https://github.com/kiba518/WpfEditor

----------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------

注:此文章為原創,任何形式的轉載都請聯絡作者獲得授權並註明出處!
若您覺得這篇文章還不錯,請點選下方的推薦】,非常感謝!

https://www.cnblogs.com/kiba/p/15399317.html

 

 

相關文章