在线html编辑器2016.11

前言
要介绍的是kindeditor
官网地址http://kindeditor.net/
功能已经几年没有更新了,但还算简单易用。

1.首先下载

解压如下图

在线html编辑器2016.11_第1张图片
Paste_Image.png

有各种语言,这里以asp.net为例。
把其他语言,例如asp,php,jsp删了,减少大小,然后拖动到asp.net的工程中
运行Demo.aspx会报错,添加引用下面的文件

Paste_Image.png

运行就可以看到以下界面

在线html编辑器2016.11_第2张图片
Paste_Image.png

2.编写代码,写入数据库

Paste_Image.png

可视化编辑页面,然后点击按钮事件,把对应的html源代码转为字符串写入数据库中

3.从数据库中读取html源代码字符串


在线html编辑器2016.11_第3张图片
Paste_Image.png

4.重新打开页面,就会发现有加载html源代码

在线html编辑器2016.11_第4张图片

注意点:
//写入数据库之前,特殊字符转义
string strConvert(string RequestString){
RequestString = RequestString.Replace(">", ">");
RequestString = RequestString.Replace("<", "<");
RequestString = RequestString.Replace("&", "&");
RequestString = RequestString.Replace(" ", " ");
// RequestString = RequestString.Replace("
", "\n\r");
// RequestString = RequestString.Replace("", "\r");
RequestString = RequestString.Replace("
", "\n");
RequestString = RequestString.Replace(""", """);
return (RequestString);
}
这个还没有尝试,先保留,测试了再说要不要转换。

你可能感兴趣的:(在线html编辑器2016.11)