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{ width:100%; } </style>
實例化編輯器
<textarea id="editor" runat="server" type="text/plain" style="width: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="width: 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" />