ASP.NET下ckfinder与ckeditor简单整合-来源于作者:峰峰乐

  菜鸟谈谈ASP.NET下ckfinder与ckeditor简单整合

CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一。而CKFinder是一个功能强大的ajax文件管理器。

 

我最近在项目中试用了一下,与大家分享下。

我的项目:

(注意我的是在Admin目录下)

 

先找到ckfindor/bin/debug/CKFinder.dll集成到你的项目。

 

测试页面代码:

About.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="About.aspx.cs" Inherits="Admin_CompanyInfo_About" validateRequest="false"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
    
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
    
<script type="text/javascript" src="../ckfinder/ckfinder.js"></script>
</head>
<body>
    
<form id="form1" runat="server">
    
    
<asp:TextBox ID="TextBox1" runat="server" Width="596px" TextMode="MultiLine" ></asp:TextBox>
                    
<script type="text/javascript">
                        CKEDITOR.replace(
'<%=TextBox1.ClientID %>',{   
                            toolbar: 
'Full',
                            filebrowserBrowseUrl: 
'../ckfinder/ckfinder.html'
                            filebrowserImageBrowseUrl: 
'../ckfinder/ckfinder.html?Type=Images',   
                            filebrowserFlashBrowseUrl: 
'../ckfinder/ckfinder.html?Type=Flash',   
                            filebrowserUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',   
                            filebrowserImageUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',   
                            filebrowserFlashUploadUrl:
'../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'   
                        });
                    
</script>
       
<div style="position:absolute; left:50%"><asp:Button ID="Button1" runat="server" Text="提交" OnClick="Button1_Click" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<asp:Button ID="Button2"
        runat
="server" Text="返回" OnClick="Button2_Click" />        
    
</div>
    
</form>
</body>
</html>

 

 

.如果使用全部工具栏,则 toolbar:'Full',
.如果使用基本工具栏,则 toolbar:'Basic',


展开ckfinder目录

 

打开config.ascx

修改一:默认retrue false 改为true,这里以改好。

修改二:根据实际情况修改BaseUrl。

你可能感兴趣的:(ckeditor)