博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ckeditor使用总结
阅读量:6801 次
发布时间:2019-06-26

本文共 2607 字,大约阅读时间需要 8 分钟。

1、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。

  下载:CKEditor: ,并解压到 ckeditor(在根目录下);
        CKFinder :,并解压到 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。具体用法:

转载于:https://www.cnblogs.com/zxyl/archive/2011/12/31/2308652.html

你可能感兴趣的文章
Exchange 2013部署系列之(六)配置邮件流和客户端访问
查看>>
创业三年,走通一条路
查看>>
Mac 平台下功能强大的Shimo软件使用指南
查看>>
Hyper-V 3中虚拟机CPU竞争机制
查看>>
移动搜索的4个主要入口
查看>>
Win32 文件(3)
查看>>
SharePoint 2007 Choice Field 不能更新
查看>>
虚方法virtual与抽象方法abstract的区别
查看>>
VBS基础篇 - 对象(8) - Err对象
查看>>
转帖:深入理解JavaScript系列
查看>>
在Windows环境中使用版本管理工具Git(2)
查看>>
Android开发五 Android应用程序架构
查看>>
【发布】弹性分页类PagingBuild Class 附带测试
查看>>
<poj 1046>Color Me Less
查看>>
第k短路和A*
查看>>
Linux at命令定时发送邮件具体用法
查看>>
hudson无法访问问题,linux防火墙问题
查看>>
arcEngine 10 C++ 坐标转换【坐标系的投影】
查看>>
Java6 WebService学习
查看>>
命名规则 : 匈牙利法则
查看>>