使用CKEditor编辑器进行文本编辑

首先下载CKEditor。

将下载完的CKEditor解压并且导入到项目中。

然后在页面引入CKEditor

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

在要编辑的textarea标签中加入class=“ckeditor” 并加入相应的id和name属性

<textarea rows="10" cols="20" id="editor1" name="editor1" class="ckeditor"></textarea>

然后在服务器运行即可使用CKEditor

效果如图：

时间： 2024-10-05 11:41:13

使用CKEditor编辑器进行文本编辑的相关文章

CKEditor编辑器中左下角有body和p元素，去掉的解决办法

最近项目中用到了CKEditor编辑器,可是令人头疼的是编辑器左下角有body和p元素,研究了好几天,后来终于找到了解决办法,以此记录下来: 在config.js中的CKEDITOR.editorConfig里加上config.removePlugins = 'elementspath';这句即可.

ckeditor编辑器在java项目中配置

一.基本使用: 1.所需文件架包 A. Ckeditor基本文件包,比如:ckeditor_3.6.2.zip 下载地址:http://ckeditor.com/download 2.配置使用 A．将下载下来的CKEditor压缩解压,将解压后的文件夹("ckeditor")拷贝进项目里面,比如我是放在"WebContent"的"commons"文件夹下: B．在需要使用CKEditor的页面引入CKEditor的支持javascript <

ckeditor编辑器中去除p标签

ckeditor中默认添加p标签.去掉<p>标签的方法在ckeditor文件下config.js中加: config.shiftEnterMode = CKEDITOR.ENTER_P; 如果你想在ckeditor编辑的时候把回车换成<br/>标签,加: config.enterMode = CKEDITOR.ENTER_BR; 如果你想把编辑器设置为源码模式,加: config.startupMode = 'source'; ckeditor编辑器中去除p标签,布布扣,bubuk

为ckeditor编辑器修改添加一键排版功能

1.批量去除超链接:打开 statics/js/ckeditor/ckeditor.js找到:$.execCommand('unlink',false,null); 修改为:$.execCommand('unlink',false,true); 2.上传图片自动添加ALT参数修改 statics/js/ckeditor/plugins/image/dialogs/image.js找到:accessKey:'T','default':" 替换成:accessKey:'T','default':$(

Dedecms v5.7 CKEditor编辑器回车将<br>和<div>改了<p>的解决方法

Dedecms v5.7 SP1的Ckeditor编辑器有些改动,默认为回车键换行.Shift+Enter换段落,但各位站长朋友都习惯了直接敲回车换段落,查看后发现它的配置文件里是可以修改解决的,其实你可以把下面的代码注释掉就可以采用另外一种模式了(enter换段落): 1.找到:安装目录\include\ckeditor\config.js中下面代码: config.autoParagraph = false; config.enterMode = CKEDITOR.ENTER_BR; co

javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传刚有个朋友反应说FIREFOX下不能判断为空

如何将CKeditor编辑器的上传和thinkphp结合

转载:THINKPHP代码中 lxepoo的文章有时候我们会发现,我们需要对上传文件进行日志记录,这样的记录通常写在LOG文件或数据库中,那么,通过TP本身的上传类,可以实现的,但是只能做到编辑器外上传并记录,而我们在编辑器内上传的图片.附件却无法捕获,所以这里我分享一个我写的小代码片段,仅供参考.首先如果你不知道ckeditor,那么请忽略此文,谢谢. 当我们在模板中,将ckeditor配置好后,需要在JS代码中进行一些调整或修改,如下: CKEDITOR.replace( 'v_conte

Ckeditor编辑器的配置使用

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

CI框架中集成CKEditor编辑器的教程

CKEditor是在很多开发过程中都会用到的一个富文本编辑器,那么如何在CI框架中使用它呢?这里介绍了在CI下使用CKEditor的方法,版本比较低,是在CI 1.7.3下使用fckeditor 2.6.6.供大家参考. 1.将fckeditor目录置入CI_PATH/system/plugins/ 2.在CI_PATH/system/application/config/config.php中加入: $config['fckeditor_basepath'] = "/system/plugin