C#（WinForm）实现HTML编辑器⽅法
做Web开发时，我们经常会⽤到HTML富⽂本框编辑器来编写⽂章或产品描述的详细内容，常⽤的编辑器有FCKEditor、CKEditor 、TinyMCE、KindEditor和ueditor(百度的),
我们知道WinForm上有⼀个webBrowser控件，本⽂正是采⽤webBrowser结合Web上的HTML编辑器KindEditor来实现的,KindEditor是⼀个国⼈写的编辑器，轻量级⽤起来挺不错,⾄少我知道⽬前拍拍和开源中国就是⽤此编辑器。
KindEditor的官⽅地址为:
⾸先我们需要去官⽹或者Github：下载⼀份代码，然后解压到我们项⽬的bin⽂件夹下，然后在bin/KindEditor⽬录下新建⼀个名字为e.html 的html⽂件，并键⼊以下代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Html Editor</title>
<script charset="utf-8" src="kindeditor.js"></script>
<script charset="utf-8" src="lang/zh_CN.js"></script>
<script>
var editor;
var contentSeted = false;
editor = K.create('#details', {
allowFileManager: false,
allowImageUpload: false,
resizeType: 0, //不能更改⼤⼩
fullscreenMode: true,
items: [
'undo', 'redo', '|', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', '|', 'clearhtml', 'quickformat', 'selectall', 'flash', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'link', 'unlink', '|', 'template', 'code', 'source', 'preview',
],
afterChange: function () {
if (editor && contentSeted)html内容文本框
}
});
al.GetContent());
});
function setContent(content) {
if (editor) {
contentSeted = false;
editor.html(content);
contentSeted = true;
}
}
</script>
</head>
<body >
<textarea id="details" ></textarea>
</body>
</html>
如果在Web上⽤过 KindEditor的朋友对以上代码应该不陌⽣，因为它实际上就是初始化⼀个 HTML编辑器⽽已，我们还在代码中定义了⼀个setContent⽅法，该⽅法就是⽤来设置HTML编辑器的内容，我
们在C#代码中需要调⽤该⽅法.
好了，下⾯我们回到WinForm上⾯，我们在界⾯上拉⼀个webBrowser控件,cs⾥键⼊以下代码：
namespace WinformHTMLEditor
{
[ComVisible(true)]
public partial class Form1 : Form
{
string content = "";
public Form1()
{
InitializeComponent();
this.webBrowser1.Url = new System.Uri(Application.StartupPath + "\\kindeditor\\e.html", System.UriKind.Absolute);
this.webBrowser1.ObjectForScripting = this;
}
public void SetDetailContent()
{
webBrowser1.Document.InvokeScript("setContent", new object[] { content });
}
public string GetContent()
{
return content;
}
public void RequestContent(string str)
{
content = str;
richTextBox1.Text = content;
}
private void richTextBox1_TextChanged(object sender, EventArgs e)
{
if (richTextBox1.Focused)
{
content = richTextBox1.Text;
SetDetailContent();
}
}
private void webBrowser1_Resize(object sender, EventArgs e)
{
this.webBrowser1.Refresh();
}
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。