asp.net ckeditor編輯器的使用方法
2024-07-10 12:38:27
供稿：網(wǎng)友
1. 下載ckeditor放到網(wǎng)站目錄下。地址：http://ckeditor.com/
引用js
<script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script>
3.添加一個(gè)編輯框
<asp:TextBox ID="mckeditor" runat="server" TextMode="MultiLine"></asp:TextBox>
4.在下面添加如下代碼
代碼如下:
<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. 到http://www.ckfinder.com/下載插件（主意選擇asp.net版的），放到網(wǎng)站目錄下
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()上傳身份驗(yàn)證。
4. 排除示例文件夾中的fckeditor相關(guān)的文件，或者直接刪除。（引用了fckeditor相關(guān)的命名空間）
有fckeditor.aspx popup.aspx popups.aspx.三個(gè)文件
之后應(yīng)該使用就基本沒問題了，但是如果項(xiàng)目中有幾個(gè)地方都用到了編輯器，就要每個(gè)地方都寫一段配置信息豈不是很麻煩，所以做了個(gè)簡單的控件，代碼如下：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">
//<
