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

FCKeditor是眼下最棒的可见就可以得网页编辑器之中的一个，它採用JavaScript编写。具备功能强大、配置easy、跨浏览器、支持多种编程语言、开源等特点。

它非常流行。互联网上非常easy找到相关技术文档，国内很多WEB项目和大型站点均採用了FCKeditor。

FCKeditor是一个专门使用在网页上属于开放源码的所见即所得文字编辑器。它志于轻量化，不须要太复杂的安装步骤就可以使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。

“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 -----摘自百度百科

1.从官网下载chedior 包，解压放到projectWebRoot下，如图

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>

执行效果例如以下：

注；获得编辑器中的文本内容，能够使用jquery 的选择器，var content = CKEDITOR.instances.txt_detail.getData();

content 就是编辑器的文本内容了。

3.至于在页面展示cheditor 编辑的文本内容就非常简单了。一般直接展示在段落标签<p></p>中就能够了。

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

猜你喜欢