扯蛋无罪
大火兔
时间:2016-12-20 作者:神秘人

整理了一些在web开发中常用的轻量级富文本编辑器。




Js-轻量级web富文本编辑器整理



wangEditor


wangEditor 是一款基于javascript和css开发的html富文本编辑器,开源免费。产品第一版发布于2014年11月。

2016年1月作者对整个代码进行了重构,发布 2.x 版本。经过本次重构,产品保持美观的UI基础上,又增加的功能的稳定性、框架的灵活性和可配置性。2.x 版本支持到 IE8 浏览器。





NicEditor


NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器。

主页:http://nicedit.com/

下载:http://nicedit.com/download.php

示例:http://nicedit.com/demos.php

中文版下载


NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片


代码:

<html>
<head runat="server">
<title>title>
head>
<body>
<form id="form1" runat="server">
<script src="../JS/Eidtor/nicEdit.js" type="text/javascript">script>
<script type="text/javascript">
bkLib.onDomLoaded(function() {
new nicEditor({ fullPanel: true }).panelInstance('txtContent');
});
script>
<asp:TextBox runat="server" ID="txtContent"
TextMode="MultiLine" Height="200px" Width="600px" >asp:TextBox>
</form>
</body>
</html>


效果:




KindEditor


KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的与Java、.NET、PHP、ASP等程序接合。这个是官网上的介绍。

主页:http://www.kindsoft.net/index.php

下载:http://www.kindsoft.net/down.php

示例:http://www.kindsoft.net/demo.php

KindEditor相比较NicEditor涉及的文件要多很多,不过大小也才几百K而已,下图为文件结构



使用代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
head>
<body>
<form id="form1" runat="server">
<script charset="utf-8" src="../JS/KindEditor/kindeditor-min.js" 
type="text/javascript">script>
<script type="text/javascript" charset="utf-8">
KE.show({
id: 'txtContent',
resizeMode: 1,
allowPreviewEmoticons: false,
allowUpload: false,
});
script>
<textarea cols="60" id="txtContent" style="width: 600px; height: 300px;" runat="server"
readonly="readonly">textarea>
</form>
</body>
</html>

运行效果如下




Quill一个轻量级的富文本编辑器


Quill 是一个开源编辑器,为现代浏览器而生。其架构可扩展,API 清晰明了,完全支持定制化。

它的部分特性如下:

  • 快速、轻量级

  • 支持语义标记

  • Standardized HTML between browsers

  • 支持 Chrome、Firefox、Safari 和 IE 9+


Quill 的工具栏上默认没有列表标签,这个体验不好。

【2015-10-26 更新】

1. 最新版 Quill 已经有「列表标签」和「对齐方式」了,并且还有其他改进。

官方网站:http://quilljs.com/

开源地址:https://github.com/quilljs/quill




Simditor简介


Simditor是Tower开源的所见即所得的在线富文本编辑器。它是一款十分优秀的国产富文本编辑器。Simditor的理念是保持简单,避免过度的功能,每一个特性都追求极致的用户体验。同时,Simditor也很容易扩展。

官网:http://simditor.tower.im/ 

GitHub: https://github.com/mycolorway/simditor


文章地址:http://www.dahuotu.com/page.aspx?id=175855




如果这篇文章对你没有帮助,请留言告诉我,我们一起进步。 有用,赏一个
 
推广推荐拼图前端css响应式前端框架,去了解
关于博主

大火兔,86年生,混迹it十几年,干过产品,打过管理,揍过后台,搞过前端,挑过网管,砍过顾问。目前是拼图响应式前端框架作者/emlog博客插件作者/360、谷歌浏览器扩展插件作者,在互联网上有大部分作品。

近期公告

博客正式改版上线,此款皮肤静态页、EMLOG主题出售。

找他?  
猜你喜欢
推荐:淘宝汇吃-中秋逛吃市集购物优惠券

版权所有 © Dahuotu.com All Rights Reserved,Theme by 拼图

关注我们
使用微信扫一扫关注我
土豪,赏点小钱吧!
  • 通过微信,打他、赏他
  • 通过支付宝,打他、赏他