在线编辑器ckeditor配置与使用

1、去官网下载http://ckeditor.com/合适的版本，我用的是最新版，ckeditor_4.5.6_standard

2、将解压的文件夹复制到WebContent文件夹下（本人IDE的是Eclipse）

3、jsp页面引入

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/samples.css">

<script src="${pageContext.request.contextPath}/ckeditor/ckeditor.js"></script>

4、具体的引用字段

//class 和id 名字不要改

<textarea class="ckeditor" cols="30" id="editor1" name="pdesc" rows="80"></textarea>

注意：回显的时候<s:property escape="0" value="model.pdesc"/>一定要添加 escape="0"

该字段一般设置text类型或更大的数据类型

时间： 2024-10-18 16:20:40

在线编辑器ckeditor配置与使用的相关文章

MVC富文本编辑器CKEditor配置CKFinder

富文本编辑器CKEditor的使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin:

在线编辑器Ckeditor （1） - php （30）

在线编辑器 在线编辑器也称之为所见即所得编辑器,是一种常见的html源码编辑器. 所见即所得:用户在输入的时候,不论是格式和是样式都能被系统原封不动的保存,最后在查看的时候,可以按照用户输入的原来的结构进行输出. 在线编辑器分类 市面上比较常见的在线编辑器有很多,FCKeditor(在线编辑器+Ajax浏览器端服务器文件管理器,免费的),Ckeditor(Content and Knowledge,在线编辑器与服务器端文件管理器分离,在线编辑器免费,服务器端文件管理器收费(CKfinder)),

富文本编辑器 CKeditor 配置使用

作者:Tyler Ning出处:http://www.cnblogs.com/tylerdonet/本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址[email protected] 联系我,非常感谢. Ckeditor下载地址:http://ckeditor.com/download 一.使用方法:1.在页面<head>中引入ckeditor核心文件ckeditor.js script type="

富文本编辑器 CKeditor 配置使用 （带附件）

Ckeditor下载地址:http://ckeditor.com/download 1.CKeditor的基本配置 var textval=CKEDITOR.instances.TextArea1.getData(); //获取带HTML的值 var stemTxt=CKEDITOR.instances.TextArea1.document.getBody().getText();//获取纯文本 CKEDITOR.instances.TextArea1.setData(data.content)

最新版CKEditor在线编辑器的配置方法

下载地址: http://ckeditor.com/download 使用方法: 在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="../ckeditor/ckeditor.js"></script> 按常规方式放置textarea,如:<textarea id="Content" name="Cont

在线编辑器Ckeditor （2） - php （31）

接上一篇 3 in-page(页内)配置,在使用Ckeditor的界面里进行直接配置 页内配置 效果 特点:配置项完全属于某个特定的Ckeditor实例,不可重用 三种配置方式比较 定制方式 特点 说明 优先级 接口函数 灵活,不能复用 每个使用编辑器的页面都要写一次代码 最高 覆盖自定义及系统配置文件中的参数 自定义配置文件 灵活,可复用 可根据使用场景定义多个自定义配置文件,在不同的页面中引用不同的配置文件 中等 覆盖系统配置文件中的参数 系统配置文件 不灵活 全局性质,影响所有程序 最低

在线编辑器CKEditor,多图上传功能实现

界面设计: 批量上传时: 下面是代码: aspx 代码: 1 <tr> 2 <td style="display: none"> 3 <iframe src="/b2c/pages/common/uploadPic.aspx?type=202&editor=<%=txt_Description.ClientID %>&spuId=<%=hid_spuId.Value %>" 4 scrolling

CKedit在线编辑器

在线编辑器???? ????在实现所见即得的编辑效果. FCK????????????是开发者的名字的缩写 CKEditor????????功能很完善的,具有,在线编辑与图片上传JS插件 UEdit????????????百度自己开发的一款在线编辑器 ? CKeditor安装 http://resource.ckeditor.com/ basic package????????基本安装包????????只包含了基本的功能 standard package????标准安装包????????包含更多

Ckeditor编辑器的配置使用

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