国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

asp.net ckeditor編輯器的使用方法

2024-07-10 13:18:51
字體:
供稿:網(wǎng)友
1. 下載ckeditor放到網(wǎng)站目錄下。地址:
引用js
<script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script>
3.添加一個(gè)編輯框
<asp:TextBox runat="server" TextMode="MultiLine"></asp:TextBox>
4.在下面添加如下代碼

復(fù)制代碼 代碼如下:


<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( '<%=mckeditor.ClientID %>',// mckeditor.ClientID為TextBox mckeditor生成的對應(yīng)客戶端看到的id
{
skin : 'office2003',//設(shè)置皮膚
enterMode : Number( 2),//設(shè)置enter鍵的輸入1.<p>2為<br/>3為<div>
shiftEnterMode : Number( 1), // 設(shè)置shiftenter的輸入
});
//]]>
</script>


像上面這樣就可以完成基本的功能了,但是有的時(shí)候我們要上傳文件,cfeditor的文件功能是通過插件實(shí)現(xiàn)的,下面介紹文件插件的CKFinder的配置
1. 到下載插件(主意選擇asp.net版的),放到網(wǎng)站目錄下
2. 在之前的ckeditor配置信息后面添加如下代碼

復(fù)制代碼 代碼如下:


filebrowserBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html")%>',
filebrowserImageBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html?Type=Images")%>',
filebrowserFlashBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html?Type=Flash")%>',
filebrowserUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files")%>',
filebrowserImageUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images")%>',
filebrowserFlashUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash")%>'


3. 修改config.ascx文件中的BaseUrl = "/uploads/"(文件上傳目錄) 和CheckAuthentication()上傳身份驗(yàn)證。
4. 排除示例文件夾中的fckeditor相關(guān)的文件,或者直接刪除。(引用了fckeditor相關(guān)的命名空間)
有fckeditor.aspx popup.aspx popups.aspx.三個(gè)文件
之后應(yīng)該使用就基本沒問題了,但是如果項(xiàng)目中有幾個(gè)地方都用到了編輯器,就要每個(gè)地方都寫一段配置信息豈不是很麻煩,所以做了個(gè)簡單的控件,代碼如下:ascx文件

復(fù)制代碼 代碼如下:


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="mpckeditor.ascx.cs" Inherits="mpckeditor" %>
<script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script>
<asp:TextBox runat="server" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( '<%=mckeditor.ClientID %>',
{
skin : 'office2003',
enterMode : Number( 2),
shiftEnterMode : Number( 1),
filebrowserBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html")%>',
filebrowserImageBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html?Type=Images")%>',
filebrowserFlashBrowseUrl:'<%=ResolveUrl("~/ckfinder/ckfinder.html?Type=Flash")%>',
filebrowserUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files")%>',
filebrowserImageUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images")%>',
filebrowserFlashUploadUrl:'<%=ResolveUrl("~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash")%>'
});
//]]>
</script>


Cs文件:

復(fù)制代碼 代碼如下:


using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class mpckeditor : System.Web.UI.UserControl
{
public string value
{
set { mckeditor.Text = value; }
get { return mckeditor.Text; }
}
protected void Page_Load(object sender, EventArgs e)
{
}


使用的地方只要把控件拖過來,后臺代碼頁很簡單Mpckeditor1.value就可以給它賦值或獲取值

復(fù)制代碼 代碼如下:


<uc1:mpckeditor runat="server" value="瘋子來測試"> </uc1:mpckeditor>
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("<script language='javascript'>alert('" + HttpUtility.HtmlEncode(Mpckeditor1.value) + ";')</script>");
}


Ok
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 黔西县| 新蔡县| 永清县| 潼南县| 册亨县| 三都| 漳平市| 鄯善县| 融水| 门源| 隆昌县| 叙永县| 兖州市| 五华县| 新野县| 桦南县| 梨树县| 稷山县| 华宁县| 西峡县| 岗巴县| 聊城市| 松桃| 松江区| 永顺县| 韶山市| 房产| 新余市| 凤庆县| 青海省| 东山县| 雷山县| 江华| 河北省| 旌德县| 桃江县| 祁连县| 阜阳市| 平和县| 台湾省| 内江市|