码迷,mamicode.com
首页 > 其他好文 > 详细

在线文本编辑器cheditor应用实例

时间:2014-06-14 14:32:03      阅读:464      评论:0      收藏:0      [点我收藏+]

标签:文本编辑   开源   标签   

CKEditor 即 FCKEDITOR 。

FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor。
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。    -----摘自百度百科
1.从官网下载chedior 包,解压放到工程WebRoot下,如图
bubuko.com,布布扣
2.应用页面,引用相应的js ,<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
核心代码,引用cheditor函数,:<tr>
                <td align="center" valign="top" style="padding-bottom:25px;">描述</td>
                    <td align="left" valign="middle" style="padding-bottom:25px;padding-left:37px;">
                    <textarea  name ="editor01" id="txt_detail" class="f_left" >亲,在此输入</textarea>
                    <script type="text/javascript">CKEDITOR.replace(‘editor01‘);</script>
                    </td>
                </tr> 
运行效果如下:
bubuko.com,布布扣
注;获得编辑器中的文本内容,可以使用jquery 的选择器,var content = CKEDITOR.instances.txt_detail.getData();
content 就是编辑器的文本内容了。
3.至于在页面展示cheditor 编辑的文本内容就很简单了,一般直接展示在段落标签<p></p>中就可以了。

在线文本编辑器cheditor应用实例,布布扣,bubuko.com

在线文本编辑器cheditor应用实例

标签:文本编辑   开源   标签   

原文地址:http://blog.csdn.net/u011598529/article/details/30726105

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!