ckeditor_aspnet_3.5.3+ckfinder_aspnet_2.0.2.1的整合使用

最新推荐文章于 2021-02-23 05:16:59 发布

原创最新推荐文章于 2021-02-23 05:16:59 发布 · 664 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #string #flash #command #basic #button

在线编辑器专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何将富文本编辑器CKEditor与文件管理器CKFinder集成到ASP.NET项目中，包括配置步骤、路径设置技巧及常见问题解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ckeditor

解压将ckeditor复制到网站根目录，配置config.js

    //config.toolbar = 'Basic';
    config.toobar ='Full';
    config.width =771;//宽度
    config.height = 250;//高度

    config.filebrowserBrowseUrl = location.hash + '/ckfinder/ckfinder.html';
    config.filebrowserImageBrowseUrl = location.hash + 'ckfinder/ckfinder.html?Type=Images';
    config.filebrowserFlashBrowseUrl = location.hash+'/ckfinder/ckfinder.html?Type=Flash';
    config.filebrowserUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?      command=QuickUpload&type=Files';
    config.filebrowserImageUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
    config.filebrowserFlashUploadUrl = location.hash + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

配置ckeditor/plugins/image/image.js

将type:'button',id:'browse',style:'display:inline-block;margin-top:10px;',align:'center',label:b.lang.common.browseServer,hidden:true,filebrowser:'info:txtUrl'的hidden:true改成false;

2.ckfinder

解压将ckfinder复制到网站根目录，配置config.ascx

public override void SetConfig()
{

BaseUrl = "~/ckfinder/userfiles/";//用户文件上传文件夹

}

  type = ResourceType.Add( "Images" );
  type.Url = BaseUrl + "images/";
  type.Dir = BaseDir == "" ? "" : BaseDir + "images/";
  type.MaxSize = 0;
  type.AllowedExtensions = new string[] { "bmp", "gif", "jpeg", "jpg", "png" };//配置可以上传的图片格式
  type.DeniedExtensions = new string[] { };

配置ckfinder.js

3.页面上调用

    <asp:TextBox ID="Content" runat="server" TextMode="MultiLine" Height="250px" Width="500px" Text='<%# Bind("info") %>'></asp:TextBox>
    <script type="text/javascript">
    if(typeof CKEDITOR=='undefined')
    {
        document.write('加载CKEditor失败！');
    }
    else
    {
        var editor = CKEDITOR.replace('<%=Content.ClientID%>');
        //CKFinder.SetupCKEditor(editor, '/ckfinder/');
    }
    </script>

如果出现不能调用页面的状态，一般都是路径设置的问题，加..加/去掉/等等试试吧，good lcuk!