如何安装配置CKEditor 3.0  ,感觉比较简单,但本次没有涉及上传文件的配置,只是简单的配置使用。

下载CKEditor 3.0,地址:http://ckeditor.com/

1. 下载下来解压后,把文件夹ckeditor放到你的站点。

2. 在你的网页里面加入下面脚本:

<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
 这里根据你自己的编辑器路径修改,请务必配置正确。

3. 在需要引用CKEditor编辑器的地方加入下面代码:

<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
         <<java编程思想>>
   </textarea>

或者

<textarea cols="80" id="editor1" name="editor1" rows="10">
            <<java编程思想>>
    </textarea>
   <script type="text/javascript">
      CKEDITOR.replace( 'editor1' );
   </script>

这样,一个编辑器就基本可以使用了。

4. 配置属于自己的编辑器,配置Config.js文件(官方给出配置的几种方法,详见参考官方文档)如下:

用记事本打开config.js文件,可看到下面代码:

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'en';
config.uiColor = '#F00';
};

我们只需在函数里面加入自己需要配置的选项即可,例如本人配置的:

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'zh-cn'; //配置语言
//config.uiColor = '#FFF'; //背景颜色
//config.width = 500; //宽度
config.height = 500; //高度

//工具栏
config.toolbar =
[
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Styles','Format','Font','FontSize'],
    ['TextColor','BGColor'],
    ['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']

];
};

更详细配置选项,请参考官方文档http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html

转载于:https://www.cnblogs.com/ret00100/archive/2010/07/15/1777870.html

如何安装配置CKEditor 3.0相关推荐

  1. Graalvm安装配置与springboot3.0尝鲜

    Graalvm安装配置与springboot3.0尝鲜 Spring 团队一直致力于 Spring 应用程序的原生映像支持已有一段时间了.经过3 +年的孵化春季原生Spring Boot 2 的实验性 ...

  2. DynaSLAM超详细安装配置运行ubantu20.0.4+opencv2.4.11+tensorflow1.4.0

    DynaSLAM超详细安装配置运行ubantu20.0.4+opencv2.4.11+tensorflow1.4.0 注:我现在ubantu的环境是基于可以运行ORB SLAM 2和ORB SLAM3 ...

  3. Ubuntu9.10 server 安装配置 vsftpd2.2.0 ftp服务器 并且 解决 putty 登陆 sshd 显示中文乱码

    因为安装了web服务器在 Ubuntu9.10 server 上, 有一些网站要放在上面进行测试, 这样就要和windows xp 的文件进行交换了, 例如网站程序在 windows 下开发好了, 把 ...

  4. win7下安装配置Tomcat 7.0

    1 Java环境搭建 这里需要安装JDK及其环境变量的配置.具体过程可以参考我之前写的Java开发环境搭建 一文,此处不再赘述. 2 Tomcat 7.0安装及配置 2.1 Tomcat 7.0下载及 ...

  5. Ubuntu14.04系统下安装配置OpenCV 4.0.0开发环境全过程

    最近研究一个项目时需要用到OpenCV,于是自己尝试在Ubuntu 14.04系统下安装了这个开发环境.下面就将具体的过程记录一下,便于后期查阅和同行分享. 〇.开发环境 首先介绍一下我的开发环境: ...

  6. Ubuntu18.04安装配置OpenCv4.1.0

    1. 安装依赖项 请确保ubuntu已经安装了g++, cmake, make, wget, unzip,vim若没有安装,则使用以下命令安装依次执行: sudo apt install -y g++ ...

  7. Centos 7.5安装配置MongoDB 4.0.5

    MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功 ...

  8. Centos 7.5安装配置MongoDB 4.0.4

    MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案.MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数 ...

  9. Windows 10 下 Anaconda3 (Python 3.8) 配置 OpenCV-4.4.0

    Anaconda3 配置 OpenCV-4.4.0 我的小站.Github Anaconda指的是一个开源的Python发行版本,其包含了conda.Python等180多个科学包及其依赖项. Ope ...

最新文章

  1. jquery 子元素过滤器 Child Filters
  2. Python小游戏(贪吃蛇)
  3. SSLOJ 1338.逃亡路径
  4. 【转】BOM 和 DOM
  5. mac如何判断本机有没有gpu_属牛人:属牛如何判断一段感情有没有未来
  6. 阿里爸爸YYDS!阿里内网首发的Java成长开发手册,不惜重金开源
  7. layout-v21透明主题不生效的bug
  8. 深度半监督学习方法总结
  9. IjkPlayer播放器秒开优化以及常用Option设置
  10. php测试教程,PHP单元测试基础教程
  11. Canonical通过Flutter启用Linux桌面应用程序支持
  12. html5禁止浏览器缩放网页大小 (实用)
  13. MPB:猪胃肠道内容物和黏膜样品采集与微生物组成分析
  14. 使用form表单文件上传(enctype)
  15. 原生js获取document_常见的原生javascript DOM操作
  16. 备份 mysql 数据库
  17. 20192132055 李欣桐第二次作业
  18. 华为/H3C常用巡检命令
  19. xgboost objective和eval_metric的区别
  20. Unity_UI学习(UGUI)

热门文章

  1. 使用代码更新 UIVersion 属性
  2. ASP.NET MVC 2中的数据验证
  3. jsp+左间距_DIV间距设置
  4. JAVA-SWING:生成透明JTable
  5. EOS开发dApp前需要了解的五件事
  6. 网络编程 - socket接收大数据
  7. 《Java安全编码标准》一2.11 IDS10-J不要拆分两种数据结构中的字符串
  8. 算法笔记_031:计算中值和选择问题(Java)
  9. 关于行内元素的margin padding一些说明;background-color的范围
  10. 理解嵌入式开发中的一些硬件相关的概念