如何安装配置CKEditor 3.0
如何安装配置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相关推荐
- Graalvm安装配置与springboot3.0尝鲜
Graalvm安装配置与springboot3.0尝鲜 Spring 团队一直致力于 Spring 应用程序的原生映像支持已有一段时间了.经过3 +年的孵化春季原生Spring Boot 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 ...
- Ubuntu9.10 server 安装配置 vsftpd2.2.0 ftp服务器 并且 解决 putty 登陆 sshd 显示中文乱码
因为安装了web服务器在 Ubuntu9.10 server 上, 有一些网站要放在上面进行测试, 这样就要和windows xp 的文件进行交换了, 例如网站程序在 windows 下开发好了, 把 ...
- win7下安装配置Tomcat 7.0
1 Java环境搭建 这里需要安装JDK及其环境变量的配置.具体过程可以参考我之前写的Java开发环境搭建 一文,此处不再赘述. 2 Tomcat 7.0安装及配置 2.1 Tomcat 7.0下载及 ...
- Ubuntu14.04系统下安装配置OpenCV 4.0.0开发环境全过程
最近研究一个项目时需要用到OpenCV,于是自己尝试在Ubuntu 14.04系统下安装了这个开发环境.下面就将具体的过程记录一下,便于后期查阅和同行分享. 〇.开发环境 首先介绍一下我的开发环境: ...
- Ubuntu18.04安装配置OpenCv4.1.0
1. 安装依赖项 请确保ubuntu已经安装了g++, cmake, make, wget, unzip,vim若没有安装,则使用以下命令安装依次执行: sudo apt install -y g++ ...
- Centos 7.5安装配置MongoDB 4.0.5
MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功 ...
- Centos 7.5安装配置MongoDB 4.0.4
MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在为 WEB 应用提供可扩展的高性能数据存储解决方案.MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数 ...
- Windows 10 下 Anaconda3 (Python 3.8) 配置 OpenCV-4.4.0
Anaconda3 配置 OpenCV-4.4.0 我的小站.Github Anaconda指的是一个开源的Python发行版本,其包含了conda.Python等180多个科学包及其依赖项. Ope ...
最新文章
- jquery 子元素过滤器 Child Filters
- Python小游戏(贪吃蛇)
- SSLOJ 1338.逃亡路径
- 【转】BOM 和 DOM
- mac如何判断本机有没有gpu_属牛人:属牛如何判断一段感情有没有未来
- 阿里爸爸YYDS!阿里内网首发的Java成长开发手册,不惜重金开源
- layout-v21透明主题不生效的bug
- 深度半监督学习方法总结
- IjkPlayer播放器秒开优化以及常用Option设置
- php测试教程,PHP单元测试基础教程
- Canonical通过Flutter启用Linux桌面应用程序支持
- html5禁止浏览器缩放网页大小 (实用)
- MPB:猪胃肠道内容物和黏膜样品采集与微生物组成分析
- 使用form表单文件上传(enctype)
- 原生js获取document_常见的原生javascript DOM操作
- 备份 mysql 数据库
- 20192132055 李欣桐第二次作业
- 华为/H3C常用巡检命令
- xgboost objective和eval_metric的区别
- Unity_UI学习(UGUI)