天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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

1. 下載ckeditor放到網站目錄下。地址:http://ckeditor.com/
引用js
<script language="Javascript" type="text/Javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script>
3.添加一個編輯框
<ASP:TextBox ID="mckeditor" runat="server" TextMode="MultiLine"></ASP:TextBox>
4.在下面添加如下代碼
復制代碼 代碼如下:
<script type="text/Javascript">
//<![CDATA[
CKEDITOR.replace( '<%=mckeditor.ClientID %>',// mckeditor.ClientID為TextBox mckeditor生成的對應客戶端看到的id
{
skin : 'office2003',//設置皮膚
enterMode : Number( 2),//設置enter鍵的輸入1.<p>2為<br/>3為<div>
shiftEnterMode : Number( 1), // 設置shiftenter的輸入
});
//]]>
</script>

像上面這樣就可以完成基本的功能了,但是有的時候我們要上傳文件,cfeditor的文件功能是通過插件實現的,下面介紹文件插件的CKFinder的配置
1. 到http://www.ckfinder.com/下載插件(主意選擇ASP.NET版的),放到網站目錄下
2. 在之前的ckeditor配置信息后面添加如下代碼
復制代碼 代碼如下:
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()上傳身份驗證。
4. 排除示例文件夾中的fckeditor相關的文件,或者直接刪除。(引用了fckeditor相關的命名空間)
有fckeditor.ASPx popup.ASPx popups.ASPx.三個文件
之后應該使用就基本沒問題了,但是如果項目中有幾個地方都用到了編輯器,就要每個地方都寫一段配置信息豈不是很麻煩,所以做了個簡單的控件,代碼如下:ascx文件
復制代碼 代碼如下:
<%@ 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 ID="mckeditor" 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文件:
復制代碼 代碼如下:
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就可以給它賦值或獲取值
復制代碼 代碼如下:
<uc1:mpckeditor id="Mpckeditor1" 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

AspNet技術asp.net ckeditor編輯器的使用方法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲精品成A人在线观看 | 日本wwwxx | 色午夜日本高清视频www | 2021扫黑风暴在线观看免费完整版 | 成人免费网址在线 | 国产 亚洲 中文字幕 在线 | 色色男_免费 | 国内精品久久久久久久试看 | 99久久e免费热视频百度 | 亚洲福利天堂网福利在线观看 | 日本久久中文字幕精品 | 久久精视频 | 少妇精品久久久一区二区三区 | 女同志videos最新另 | 久久久久久天天夜夜天天 | 手机在线观看无码日韩视频 | 麻豆免费高清完整版 | 国产精品久久久久AV麻豆 | 灌饱娇嫩H将军公主最新章节 | 亚洲精品成人无码区一在线观看 | 91久久线看在观草草青青 | 爽爽窝窝午夜精品一区二区 | 天美传媒在线完整免费观看网站 | 2017日日干 | 麻豆一区二区免费播放网站 | 视频一区亚洲视频无码 | 精品欧美一区二区三区久久久 | 黄页网站18以下勿看免费 | 亚洲精品免费视频 | 国产三级在线免费观看 | 国产午夜精品一区二区理论影院 | 99久久久无码国产精精品 | 中文字幕久精品视频在线观看 | 国产成人精品电影 | 久久偷拍国2017的 | 91久久偷偷做嫩草影院免 | A国产一区二区免费入口 | 亚洲精品中文字幕一二三四区 | 亚洲视频在线观看地址 | 日本一本在线播放 | 美女胸禁止18以下看 |