首页 > 代码库 > 在线文本编辑器cheditor应用实例

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

2024-07-08 06:13:15   225人阅读

CKEditor 即 FCKEDITOR 。

FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor。
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。    -----摘自百度百科
1.从官网下载chedior 包，解压放到工程WebRoot下，如图

2.应用页面，引用相应的js ,<script type="text/javascript" src=http://www.mamicode.com/"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> 
运行效果如下：
注；获得编辑器中的文本内容，可以使用jquery 的选择器，var content = CKEDITOR.instances.txt_detail.getData();
content 就是编辑器的文本内容了。
3.至于在页面展示cheditor 编辑的文本内容就很简单了，一般直接展示在段落标签<p></p>中就可以了。


联系
我们