转:在线HTML编辑器 CKEditor4 下载及使用说明。

转:在线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
文档模式效果

上传失败见原文。

更多演示实例:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值