WPF 通过使用Frame 加载kindeditor文本编辑器

最新推荐文章于 2024-05-22 09:32:03 发布

hyh834773759

最新推荐文章于 2024-05-22 09:32:03 发布

阅读量2.3k

点赞数

分类专栏： C# WPF 文章标签： Frame webbrowser 文本编辑器

本文链接：https://blog.csdn.net/hyh834773759/article/details/17167183

版权

WPF 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

最近在做WPF 客户端发送信息的功能想要实现发送的信息包含超链接图片等等，由于以前WEB做过文本编辑器所以打算通过Frame 加载html页面来实现文本的编辑然后调用C#代码取得文本编辑器里面的html。

XAML代码

<Window x:Class="WpfApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="244*" />
            <RowDefinition Height="67*" />
        </Grid.RowDefinitions>
        
        <Frame x:Name="frame" />
        <WrapPanel Grid.Row="1" >
            <Button Content="html" Width="100" Height="30" Click="Button_Click_1"/>
            <Button Content="GO" Width="100" Height="30" Click="Button_Click"/>
        </WrapPanel>
       
    </Grid>
</Window>

2. 后台代码

      private void Button_Click(object sender, RoutedEventArgs e)
        {
            WebBrowser wb = (WebBrowser)frame.Content;
            mshtml.HTMLDocumentClass htmldocument = (mshtml.HTMLDocumentClass)wb.Document;
            string html = wb.InvokeScript("getHtml").ToString();  //调用html页面函数 取得文本编辑器的html
            
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            this.frame.Source = new Uri(Directory.GetCurrentDirectory() + "/HtmlEdit.html", UriKind.Absolute);
        }

3.html 页面

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Simple Examples</title>
		<style>
			form {
				margin: 0;
			}
			textarea {
				display: block;
			}
		</style>
			<link rel="stylesheet" href="kindeditor-4.1.10/themes/default/default.css" />
	    	<script charset="utf-8" src="kindeditor-4.1.10/kindeditor-min.js"></script>
       
		<script type="text/javascript">
            var editor;
           
                KindEditor.ready(function (K) {
                    editor = K.create("textarea[name='content']", {
                        resizeType: 1,
                        allowPreviewEmoticons: false,
                        allowImageUpload: false,
                        items: [
                            'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                            'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                            'insertunorderedlist', '|', 'emoticons', 'image', 'link']
                    });
                });
                function getHtml() {                 
                    return editor.html();
                }
	
		</script>
	</head>
<body scroll="no">    
   
    <form>
        <textarea name="content" style="width:700px;height:120px;visibility:hidden;"></textarea>
    </form>
</body>
</html>

通过这样就能实现wpf 使用html页面的文本编辑器

hyh834773759

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
WPF 通过使用Frame 加载kindeditor文本编辑器

最近在做WPF 客户端发送信息的功能想要实现发送的信息包含超链接图片等等，由于以前WEB做过文本编辑器所以打算通过Frame 加载html页面来实现文本的编辑然后调用C#代码取得文本编辑器里面的html。 XAML代码<Window x:Class="WpfApplication3.MainWindow" xmlns="http://schemas.micr
复制链接

扫一扫

专栏目录