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

Xebcnor

工程师 (已认证)

原创分享签约作者

发表于HTML代码

1310

这里是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
文档模式效果：