zoukankan      html  css  js  c++  java
  • 结合CKFinder,给CKEditor加上上传图片功能

    1,将ckeditor解压打开,打开_Samples,将ckeditor文件夹拷贝项目中的根目录下,把bin放在根目录下

    2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)

    3,在ckeditor文件下找到config.js 打开,找到在CKEDITOR.editorCongig=function(config) {

    //填写以下内容,图片,flash路径

    config.uiColor = '#F7F8F9'

    config.scayt_autoStartup = false

    config.language = 'zh-cn'; //中文

    config.filebrowserBrowseUrl = '~/ckfinder/ckfinder.html';

     config.filebrowserImageBrowseUrl = '~/ckfinder/ckfinder.html?Type=Images';

    config.filebrowserFlashBrowseUrl = '~/ckfinder/ckfinder.html?Type=Flash';

    config.filebrowserUploadUrl = '~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files'; config.filebrowserImageUploadUrl = '~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images'; config.filebrowserFlashUploadUrl = '~/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'; };

    4,在ckfinder文件下找到config.ascx文件,打开

    1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}

    2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}

    5,在页面中head标签内写入: <script type="text/javascript" src="ckeditor/ckeditor.js" ></script> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> 如果有母版页,在母版页中写

    --注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤

    6,在Default.aspx页面中,写入%@Page ValidateRequest="false"%

    7,在web.config文件中,在system.web下写 <httpRuntime requestValidationMode="2.0"/>

    8,在Default.aspx页面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox> <script type="text/javascript"> CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' }); </script>

  • 相关阅读:
    Android Broadcast
    Android 向服务器发送XML数据及调用webservice
    Android ViewPager相册横向移动
    Android 启动模式
    SQL Server忘记sa用户密码处理方案
    ArcGIS 10的色带重复问题
    隐藏TabControl中的TabPage
    ArcMap工具箱中的工具不全,工具带有“锁”图标问题
    ArcEngine开发——根据图层名称获取对应图层
    获取本地网络中可用的SQL Server实例信息
  • 原文地址:https://www.cnblogs.com/chendaoyin/p/2659229.html
Copyright © 2011-2022 走看看