• Ckeditor使用总结


    1、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。
      下载:CKEditor: http://ckeditor.com/,并解压到 ckeditor(在根目录下);
            CKFinder :http://ckfinder.com/,并解压到 ckfinder (在根目录下);
          两者处于同级目录下;    
          把ckfinder目录里的bin下的CKFinder.dll拷贝到网站目录bin下。

    2、在 aspx 页面ckeditor.js:
    <scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>(个人使用并不需要引用ckfinder.js)
       在<body>标签中使用ckeditor:
     <textarea cols="80" name="editor1" rows="10" id="editor1"></textarea>

    下面这段必须放在上面代码的后面,否则初始化编辑器时会错误:
        <script type="text/javascript">
            var editor = CKEDITOR.replace("editor1");
        </script>

    3.

    ckeditor里面的config.js 配置

    CKEDITOR.editorConfig = function( config )
    {
        config.filebrowserBrowseUrl= '/ckfinder/ckfinder.html'; //上传文件时浏览服务文件夹

        config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?Type=Images'; //上传图片时浏览服务文件夹

        config.filebrowserFlashBrowseUrl= '/ckfinder/ckfinder.html?Type=Flash';  //上传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'; //上传Flash按钮(标签)


         config.language = 'zh-cn';//中文
         config.uiColor = '#BFEE62';//编辑器颜色
         config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier

    New;Tahoma;Times New Roman;Verdana';

        config.toolbar_Full =
        [
            ['Source','-','Preview','-','Templates'],
            ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
            ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
            ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton',

    'HiddenField'],
            '/',
            ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
            ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
            ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
            ['Link','Unlink','Anchor'],
              ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
            '/',
            ['Styles','Format','Font','FontSize'],
            ['TextColor','BGColor'],
            ['Maximize', 'ShowBlocks','-','About']
        ];

        config.toolbar_Basic =
        [
            ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
        ];

    config.width =771;//宽度

    config.height = 250;//高度
     
    };

    4、ckfinder下 config.ascx
    (1)CheckAuthentication()函数return true;(网上说不安全,可以自己设置)
    (2)BaseUrl = "/ckfinder/userfiles/";  如果各个用户有自己的目录,就再这改
            //BaseUrl = "/ckfinder/userfiles/" + sup_id + "/images/";
    5.ckeditor不自带行高,如果想添加行高,添加 lineheight。具体用法:http://www.csccd.net/Info_3832.html

  • 相关阅读:
    网页效果图设计之色彩索引
    支持树型的GridView控件
    (转)CSS布局参考 IE的If条件注释使用备忘
    firefox与IE对javascript和CSS的区别
    转 CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法
    無法為 SSL/TLS 安全通道建立信任關係,忽略憑証檢查的方式
    临时
    EventUtil
    js测试对象包含特性
    重学概率论的一点点理解(持续更新)
  • 原文地址:https://www.cnblogs.com/zxyl/p/2308652.html
Copyright © 2020-2023  润新知