在线HTML编辑器 CKEditor4 下载及使用说明、演示实例。

这里是CKEditor4最新版本+演示实例,其它实例请下载后可查看源码。

CKEditor4是FCKeditor之后重新开发的版本,是一款专门使用在网页上属于开放源代码的所见即所得文字编辑器。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。支持IE8以上、Netscape、、Mozilla多种浏览器, 遵循LGPL版权,支持多种脚本语言调用,如asp、asp.net、php、pl、jsp 等,是目前市场使用广泛的一款在线HTML编辑器之一。

最简单实例:

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="robots" content="noindex, nofollow">
  <title>CKEditor 常用自定义配置演示</title>
  <script src="ckeditor.js"></script><!-- 引用ckeditor.js,注意路径写正确-->
</head>

<body>
  <textarea cols="80" id="editor1" name="editor1" rows="10" data-sample-short>
      &lt;h1 style="text-align:center"&gt;&lt;span style="font-size:36px"&gt;时代Java&lt;/span&gt;&lt;/h1&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;学习从现在开始,&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;专注交流分享学习与提高,&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;紧随技术前沿,&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;让时代与您同行,&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;Now start ~~&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style="font-size:14px"&gt;这个演示是用CKEditor来实现的一个简单文本显示与编辑,也可以看其它演示了解更多功能。&lt;/span&gt;&lt;/p&gt;

&lt;p style="text-align:right"&gt;&lt;img src="https://nowjava.com/static/uv/i/nowj_logo_small.png"&gt;&lt;a href="https://nowjava.com"&gt;时代Java&lt;/a&gt;&lt;/p&gt;

&lt;p style="text-align:right"&gt;https://NowJava.com&lt;/p&gt;

&lt;p style="text-align:center"&gt;&lt;img alt="时代Java微信公众号" src="https://nowjava.com/static/nowjava/qrcode.jpg" style="height:258px; width:258px" /&gt;&lt;/p&gt;

&lt;p style="text-align:center"&gt;&lt;strong&gt;关注时代Java微信公众号&lt;/strong&gt;&lt;/p&gt;

  </textarea>
  <script>
    CKEDITOR.replace('editor1');
  </script>
</body>

</html>

经典模式效果


nowjava.com
文档模式效果

nowjava.com

更多演示实例:

下载方法:
1、请扫描下面二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在公众号里发送编号:5075
3、发送后,请选择线路下载:通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java