前不久很荣幸给我27期战友沟通 FCKeditor这个编辑器的使用情况,在那之前我从来没有接触过这个东西,现在好了,至少我会用了。所以在这里就给大家介绍一下这个小玩意,总体来讲此物一点都不难。当然我说的是老版本,至于新版本我就不敢吹嘘了,因为新版本开始不再完全
开源,像图片等上传等插件开始收费了,我们可以
下载插件来实现,不过我不太熟。所以就不蒙骗大家了,如果您感兴趣可以自己去网上搜索,我想百度比我牛多了。不说废话了进入正题之前我已经把所有此物以及实例还有PPT以及我的源
代码还有从官方下的最新版本和老版本都已经打包放到附件里,以供大家下载使用。
这是最新版的样式:
新版
这是我的案例,
源代码是压缩包里的ck,
解压后里面有详细向导教你如何去配置,在此我不多讲,大概就是
有一个自己建的文件夹,比如ck,然后把ckeditor编辑器解压到这个文件夹里。
再在ck里自己建个文件,比如index.php用来调用编辑器,再建一个check.php来接收index.php传输过来的值,让它显示或者插入数据等操作。
目录结构如下:
目录
==================================================================================
index.php我们做如下配置和调用编辑器,就几步,简单。代码如下:
- <body>
- <form action="check.php" method="post">
- <p>
- 标题:<input type="text" name="title"/>
- <p>
- <?php
- //只要包含一下就OK,很简单
- include("ckeditor/ckeditor.php");
-
- //先实例化一下,你懂的
- $ckeditor = new CKEditor();
- //这里的路径前面不要有 / ,如果你写成'/ckeditor/'那就掉不出来了
- $ckeditor->basePath = 'ckeditor/';
-
- //定义宽度 默认100% ,定义高度也是这样写,只是把width改成height就OK了
- $ckeditor->config['width'] = 800;
- //这里是定义有哪些功能,默认就够咱用了
- //$ckeditor->config['toolbar'] = 'Basic';
- //定义输入框的大小
- $ckeditor->textareaAttributes = array("colos"=> 80,"rows"=>10);
- //输入框中默认值,随便写
- $defaultValue = '学习<font color="blue">CKEditor</font>工具';
- //好了这里就是我们把那个编辑器给调出来了
- $code = $ckeditor->editor("value",$defaultValue);
- ?>
- <p>
- <input type="submit" value="提交看结果"/>
- </p>
- </body>
-
- </html>
|
截图效果如下:
index.php截图
实现效果如上图二
==============================================================================
再来看看check.php中如何获取值的,代码如下:
- <body>
- <?php
- $title = $_POST['title'];
- $value = $_POST['value'];
-
- echo "标题:".$title."<br/>";
- echo "内容:".$value;
- ?>
- </body>
|
输出效果如下:只要你在编辑页编辑的样式,都能输出
输出结果
===========================================================================
插入数据的操作我简写一下吧
复制代码
- <body>
- <?php
- $link = mysql_connect('localhost','root',"123456");
- $db = mysql_select_db("add",$link);
- mysql_query("set names 'utf8'");
-
- $title = $_POST['title'];
- $value = $_POST['value'];
-
- //插入数据库
- $ins = "insert into text values (null,'".$value."',null)";
- $num = mysql_query($ins,$link);
-
- //从数据库查询,具体查询语句哥们自己写,都会写的
- //这里的id你要自己写语句取值,不再赘述,案例而已
- $sql = "select * from text where id=3";
- $s = mysql_query($sql);
- while($assoc = mysql_fetch_assoc($s)){
- $val = $assoc['text'];
- }
-
- ?>
-
- </body>
|
=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-
就是这样了。如果想从数据库查询到的数据放到编辑器里,你就把查询的值赋给变量然后在加载编辑器的时候放到默认值的那个变量里就行了。
分享到:
相关推荐
总的来说,FCKeditor是一款强大的Web编辑器控件,它将Word的编辑功能融入到网页中,为用户提供了一种直观、高效的在线文本编辑解决方案。对于JSP开发者而言,熟练掌握FCKeditor的使用不仅能提升网页交互性,也能为...
FCKeditor2.6是一款备受推崇的开源在线文本编辑器,专为Web开发者设计,旨在提供类似微软Word的桌面文本编辑体验。这款编辑器以其强大的功能和易用性,在网页内容编辑领域广受好评。 首先,FCKeditor的核心特性包括...
**FCKeditor在线编辑器详解** FCKeditor是一款开源的Web富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作。这款编辑器诞生于2003年,由Fernando Montagudo创建,最初是作为论坛软件FluxBB的一个组件...
FCKEditor是一款经典的开源在线文本编辑器,它允许用户在网页上进行富文本编辑,类似于Microsoft Word的功能。这款编辑器以其强大的功能集和高度可定制性而受到开发者的喜爱。"精简版 FCKEditor"是针对原版FCKEditor...
**标题:“FCKeditor2.3在线编辑器”** **一、FCKeditor简介** FCKeditor是一款开源的JavaScript富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作,支持多种浏览器,包括IE、Firefox、Chrome、Safari...
3. **初始化编辑器**:使用JavaScript调用FCKeditor的初始化方法,将目标元素转换为编辑器。 4. **自定义配置**:根据需要修改`fckconfig.js`中的配置项,以满足项目需求。 5. **测试与调试**:在浏览器中预览,确保...
FCKeditor是一款广泛应用于Web开发领域的富文本编辑器,它支持多种编程语言环境,并且具备良好的用户交互体验,能够方便地实现在线文档编辑、格式调整等功能。适用于各类网站系统中的内容管理模块。 #### 二、...
FCKEditor是一款著名的开源富文本编辑器,它为用户提供了类似于Microsoft Word的在线编辑体验。在Web开发中,FCKEditor常被用于创建论坛、博客或其他内容管理系统(CMS)的后台编辑界面,让用户能够方便地编辑和格式...
**FCKeditor:一款强大的HTML在线编辑器** FCKeditor是一款功能丰富的开源在线文本编辑器,主要用于在Web应用中创建和编辑HTML内容。它被广泛应用于ASP和PHP系统,为用户提供了一个与桌面文本编辑器相似的界面,...
Java 使用 FCKEditor 富文本编辑器是一种常见的前端与后端交互方式,FCKEditor 是一个功能强大的开源富文本编辑器,它允许用户在网页上编辑 HTML 内容,类似于 Microsoft Word 的界面,使得非技术人员也能轻松编辑...
**fckeditor文档编辑器插件详解** ...虽然现在已经有了更先进的替代品,但理解它的运作原理和使用方法对于理解富文本编辑器的工作机制仍然十分有益。在实际项目中,可以根据需求选择合适的编辑器,提升用户体验。
FCKEditor是一款功能强大的开源富文本在线编辑器,广泛应用于网页内容编辑和管理。它支持多种服务器端语言,包括PHP、ASP和JSP,使得开发者能够轻松地在网页上实现类似Word的文本编辑体验。这款编辑器为用户提供了一...
**二、FCKeditor的安装与使用** 1. **下载与解压**:从官方网站或其他可信源下载FCKeditor的压缩包,然后解压缩到服务器或本地开发环境中。 2. **配置路径**:配置编辑器的路径,使其能正确加载CSS样式、...
**fckeditor在线编辑器详解** **一、fckeditor概述** fckeditor是一款开源的Web富文本编辑器,它允许用户在浏览器环境中编辑HTML内容,提供了一种类似Microsoft Word的界面,使得非技术人员也能轻松进行文本格式化...
**FCKeditor**是一款历史悠久且功能强大的开源在线文本编辑器,它为Web开发者提供了一种在网页上实现类似Microsoft Word的富文本编辑功能。这款编辑器最初由FredCK开发,后来发展成为广受欢迎的开源项目,支持多种...
为了满足不同环境下的使用需求,fckeditor副本文编辑器通常会兼容多种浏览器,包括Chrome、Firefox、Safari、Edge等,并且支持Windows、Mac OS以及Linux等操作系统,确保用户无论在哪种设备上都能得到一致的编辑体验...
《fckeditor在线编辑器源码解析与应用》 FCKeditor是一款开源的Web富文本编辑器,它在早期的Web开发中广泛应用于内容管理系统、论坛、博客等平台,提供了丰富的文本编辑功能,使得用户能够在浏览器端进行类似Word的...
FCKeditor是一款经典的开源在线文本编辑器,专为网页开发者设计,用于在网站上提供类似桌面文字处理软件的编辑体验。这款编辑器以其强大的功能、易用性和高度自定义性而受到广泛欢迎。FCKeditor 2.6.4是其在2008年...
**FCKeditor 2.6.4 在线编辑器最终版** FCKeditor 是一个开源的Web富文本编辑器,广泛应用于网站建设和内容管理系统中,为用户提供类似Microsoft Word的编辑体验,使得用户在浏览器端可以方便地进行文本格式化、...
"Fckeditor"是一款强大的在线文本编辑器,主要用于网页内容的创建和编辑。它为开发者提供了一种简单、便捷的方式来实现富文本输入,使得用户无需具备HTML或JavaScript知识就能创建格式丰富的网页内容。这款编辑器...