zoukankan      html  css  js  c++  java
  • 整合ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1,配置随笔记录

    整合ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1,配置随笔记录

    下载ckeditor_3.0.1和ckfinder_aspnet_1.4.1.1,解压后分别把ckeditor  和  ckfinder两个文件夹放到网站项目的根目录里。

    修改ckeditor\config.js为如下:

    ckeditor_config.js
    /*
    Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    For licensing, see LICENSE.html or http://ckeditor.com/license
    */

    CKEDITOR.editorConfig 
    = function(config) {
        
    // Define changes to default configuration here. For example:
        // config.language = 'fr';
        // config.uiColor = '#AADC6E';
        // Define changes to default configuration here. For example:
        //当提交包含有此编辑器的表单时,是否自动更新元素内的数据
        config.autoUpdateElement = true

        
    //编辑器的z-index值
        config.baseFloatZIndex = 10000

        
    //设置是使用绝对目录还是相对目录,为空为相对目录
        config.baseHref = ''

        config.language 
    = 'zh-cn'//配置语言   
        config.uiColor = '#FFF'//背景颜色   
        config.width = 700//宽度   
        config.height = 400//高度
        config.skin = 'v2'//编辑器样式
        //config.skin = 'office2003'; //编辑器样式
        //config.skin = 'kama'; //编辑器样式

        
    // 取消 “拖拽以改变尺寸”功能
        config.resize_enabled = false;

        
    // 基础工具栏
        // config.toolbar = "Basic";

        
    // 全能工具栏
        // config.toolbar = "Full";

        
    // 自定义工具栏
        config.toolbar =
        [
            [
    'Source''-''Preview'], ['Cut''Copy''Paste''PasteText''PasteFromWord'], ['Undo''Redo''-''Find''Replace''-''SelectAll''RemoveFormat'], ['NumberedList''BulletedList''-''Outdent''Indent''Blockquote''ShowBlocks'], '/',
            [
    'Bold''Italic''Underline''Strike''-''Subscript''Superscript'], ['JustifyLeft''JustifyCenter''JustifyRight''JustifyBlock'], ['Link''Unlink''Anchor'], ['Image''Flash''Table''HorizontalRule''SpecialChar','Smiley'], '/',
            [
    'Styles''Format''Font''FontSize'], ['TextColor''BGColor'], ['Maximize']
        ];


        
    //工具栏是否可以被收缩 plugins/toolbar/plugin.js.
        config.toolbarCanCollapse = true

        
    //工具栏的位置 plugins/toolbar/plugin.js
        config.toolbarLocation = 'top'//可选:bottom

        
    //工具栏默认是否展开 plugins/toolbar/plugin.js
        config.toolbarStartupExpanded = true;

        
    //撤销的记录步数 plugins/undo/plugin.js
        config.undoStackSize = 20;
        
    //当输入:shift+Enter是插入的标签
        config.shiftEnterMode = CKEDITOR.ENTER_P; //可选:CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV


        
    //可选的表情替代字符 plugins/smiley/plugin.js.
        config.smiley_descriptions = [
        
    ':)'':('';)'':D'':/'':P',
        
    '''''''''''',
        
    ''';(''''''''',
        
    ''':kiss'''];

        
    //对应的表情图片 plugins/smiley/plugin.js
        config.smiley_images = [
        
    'regular_smile.gif''sad_smile.gif''wink_smile.gif''teeth_smile.gif''confused_smile.gif''tounge_smile.gif',
        
    'embaressed_smile.gif''omg_smile.gif''whatchutalkingabout_smile.gif''angry_smile.gif''angel_smile.gif''shades_smile.gif',
        
    'devil_smile.gif''cry_smile.gif''lightbulb.gif''thumbs_down.gif''thumbs_up.gif''heart.gif',
        
    'broken_heart.gif''kiss.gif''envelope.gif'];

        
    //表情的地址 plugins/smiley/plugin.js
        config.smiley_path = 'ckeditor/plugins/smiley/images/'

        
    //页面载入时,编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js.
        config.startupFocus = true;

        
    //载入时,以何种方式编辑 源码和所见即所得 "source"和"wysiwyg" plugins/editingblock/plugin.js.
        //config.startupMode = 'wysiwyg'

        
    //载入时,是否显示框体的边框 plugins/showblocks/plugin.js
        config.startupOutlineBlocks = false

    };




    然后修改ckfinder\config.ascx

    ckfinder
        public override bool CheckAuthentication()
        {
            
    // 修改为true 是为了又上传权限
            
    //return false;
            return true;
        }




        
    // The base URL used to reach files in CKFinder through the browser.
        BaseUrl = "~/ckfinder/uploads/";




    引用方法如下:

    FCK_
    <head runat="server">
        
    <title>Default</title>
        
    <script src="ckeditor/ckeditor.js" type="text/javascript"></script>
        
    <script src="ckfinder/ckfinder.js" type="text/javascript"></script>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div id="FCK">
    <asp:TextBox id="txtContent" TextMode="MultiLine" Text='<%# Bind("info") %>' runat="server"></asp:TextBox>

    <script type="text/javascript">
        
    var editor = CKEDITOR.replace('txtContent');
        CKFinder.SetupCKEditor(editor, 
    '/YourProject/ckfinder/'); 
    </script>


        
    </div>
        
    </form>
    </body>




     

  • 相关阅读:
    Linux中的mv命令详解
    ASP.NET问题处理---targetFramwork=‘4.0’错误
    Android----二维码开发
    android--HttpURLConnection(转载)
    SQL server 跨库插入数据
    AndroidStudio中 R文件缺失的办法
    ASP.NET程序如何更新发布
    Android切换页面--setContentView
    Android----service
    Android开发必备:颜色选择
  • 原文地址:https://www.cnblogs.com/didi/p/1627290.html
Copyright © 2011-2022 走看看