1、下载的是百度的Ueditor
先把整个文件包引入vs(index里面说明挺详细)
再把net下的文件按照其分类放入网站下的各个文件夹(Web.config可以不需要)
2、前台代码
记得在头部加入这个标志(红色标注)
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" CodeFile="NewsAdd.aspx.cs" Inherits="NewsFile_NewsAdd" %>
接着引入文件(路径都需要修改)
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"> </script> <script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script> <style type="text/css"> div{ 100%; } </style>
实例化编辑器
<textarea id="editor" runat="server" type="text/plain" style="701px; height:318px;" ></textarea> <script type="text/javascript"> var ue = UE.getEditor('<%=editor.ClientID %>'); </script>
3、后台获取
用editor.innerHtml即可获取
存入数据库的时候记得替换符号
如这个函数
static public string change(string x)//对富文本编辑器中获取的内容 html标签进行处理,避免它存到数据库的时候被转义 { x = x.Replace("<", "<");//对一些特殊字符进行替换 x = x.Replace(">", ">"); x = x.Replace(""", """); return x; }
4、若要设置Ueditor的可编辑和不可编辑
<textarea id="editor" runat="server" type="text/plain" style=" 1024px; height: 500px;"></textarea> <script type="text/javascript"> var CheckF = $('#ChangeFlag').val(); var ue = UE.getEditor('<%=editor.ClientID %>');
//这里设置了一个监听器,每次页面刷新的时候都会执行,当标签changeFlag的值不为1的时候,编辑器不可编辑 ue.addListener('ready', function () { if (CheckF != '1') { ue.setDisabled(); } }); </script>
标签在这
<input id="ChangeFlag" runat="server" type="hidden" />