品牌设计公司网站,个人网站免费域名注册,国内免费saas+crm,房产网站制作方案《前端最好用的HTML在线编辑器是哪一款》要点#xff1a; 本文介绍了前端最好用的HTML在线编辑器是哪一款#xff0c;希望对您有用。如果有疑问#xff0c;可以联系我们。 开发网站#xff0c;一定会碰到HTML在线编辑器#xff0c;我们详细比较一下这几款主流的HTML在线编… 《前端最好用的HTML在线编辑器是哪一款》要点 本文介绍了前端最好用的HTML在线编辑器是哪一款希望对您有用。如果有疑问可以联系我们。 开发网站一定会碰到HTML在线编辑器我们详细比较一下这几款主流的HTML在线编辑器。 如果你还不懂什么是HTML在线编辑器那普及一下在线HTML编辑器。就是在网上发帖子、写博客的那个带图文编辑和排版功能的框框就是HTML在线编辑器插件。 选择哪一款在线HTML编辑器这主要是以下几点 1、功能强大。程序稳定可靠。 2、体积越小越好。 3、界面美观。 4、易于调用。 一、我是用哪一款编辑器 我接触过好几款的在线编辑器因为功能上其实大同小异但最后选定了百度前端的ueditor本站编程之家培训学院的后台就是用UE编辑器选择它首先的因素是主题界面很清晰明了大气。其次是功能强大各种功能简直超出你的意料比如远程自动采集(可惜后来我取消了此功能因为很容易造成图片垃圾如果用户终止提交那么采集过来的图片就成了服务器上的垃圾需要加一些功能去处理)。 截个图——编程之家培训学院所用的UE编辑器 很喜欢这款编辑器并且对它做了大量修改比如去掉自动远程采集功能、真正纯字数显示等等。在安全上也做了大量的封装和编程之家框架做了高度的整合一行代码就调用。 但是做为前端就不太适合了因为太庞大了核心心代码差不多近400KB如果用户量小倒也无所谓PV一大就有点可怕了。 不过UE旗下还有一款为前端而生的精简版的UMeditor核心才138KB左右不过就在今天我试了一下还是有BUG比如不能插入百度地图(解决办法点此百度umeditor不能插入百度地图的解决办法)。因为要赶时间的原因也没有去进一步测试。可以使用。 不过在前端界面我推荐summernote更轻量功能也十分强大依赖于bootstrap 界面美观大气(主题更换http://summernote.org/examples/#themes-with-bootswatch)功能也不弱。 更吸引人的是它的图片上传是用base64用户提交后才会在服务端处理不会造成图片垃圾(当然其它编辑器也可以配合服务端处理做到这点但比较麻烦)。如下图。 这是我们给客户开发的网站所用的前端编辑器summernote。简洁大气吧。 不过优点也是缺点因为使用base64处理图片不宜一次上传太多图片否则可能会因为base64代码太多造成表单十分庞大服务器可能会处理失败这需要对Nginx/apache或PHP设置做些修改但大部分人没有服务器设置项修改权限。 推荐在您服务器不允许前端上传图片时或只允许上传1-2张以内的图片时使用summernote编辑器这时相当完美。 二、几款主题的在线编辑器 不知道我上面说了这么多会不会对你的选择造成影响其实其它编辑器也是很棒的比如kindeditorxheditor(我最早用的一款特轻量)都是很棒的只是每个人各有所好吧下面把几款常用的推荐一下。 1、百度出品的UEditor: UEditor是由百度web前端研发部开发所见即所得富文本web编辑器具有轻量可定制注重用户体验等特点开源基于MIT协议允许自由使用和修改代码。特别要说的是头条号后台发布文章的编辑器就是用的UEditor! UEditor还有一个轻量版的叫做UMeditor简称UM。UM是为满足广大门户网站对于简单发帖框或者回复框需求所定制的在线HTML编辑器。 主要特点是容量和加载速度上的改变主文件的代码量为139k而且放弃了使用传统的iframe模式采用了div的加载方式 以达到更快的加载速度和零加载失败率。UM的第一个使用者是百度贴吧以经受贴吧每天几亿的pv的考验功能设计应当是最优化的了。 当然随着代码的减少UM的功能对于UE来说还是有所减少但也有增加比如拖拽图片上传chrome的图片拖动改变大小等。 2、xhEditor开源HTML编辑器——轻量 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器基于网络访问并且兼容IE 6.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 xhEditor完全基于Javascript开发可以应用在任何的服务端语言环境下例如PHP、ASP、ASP.NET、JAVA等。可以在CMS、博客、论坛、商城等互联网平台上完美的嵌入运行能够非常灵活简单的和您的系统实现完美的无缝衔接。 主要特点 精简迷你初始加载4个文件包括1个js(50k)2个css(10k)1个图片(5k)总共65k。若js和css文件进行gzip压缩传输可以进一步缩减为24k左右。 使用简单简单的调用方式加一个class属性就能将textarea变成一个功能丰富的可视化编辑器。 内置Ajax上传内置强大的Ajax上传包括HTML4和HTML5上传支持(多文件上传、真实上传进度及文件拖放上传)剪切板上传及远程抓取上传。 Word自动清理实现Word代码自动检测并清理生成代码最优化精简却不丢失细节效果。 UBB可视化编辑支持UBB可视化编辑在获得安全高效代码存储的同时又能享受可视化编辑的便捷。 3、KindEditor开源HTML编辑器 KindEditor 也是一个开源的在线HTML编辑器 使用 JavaScript 编写可以无缝地与 Java、.NET、PHP、ASP 等程序集成比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。本菜鸟感觉这个编辑器上手比较容易功能也很强大界面比较友好很适合菜鸟使用。可惜的是最近好像停止更新了官网好象也能不正常访问。 主要特点 快速体积小加载速度快 底层内置自定义 DOM 类库精确操作 DOM 扩展基于插件的设计所有功能都是插件可根据需求增减功能 风格修改编辑器风格非常容易只需修改一个 CSS 文件 兼容支持大部分主流浏览器比如 IE、Firefox、Safari、Chrome、Opera 4、阿里的KISSY框架中的editor组件 严格来说KISSY不仅仅是一个在线HTML编辑器而是由阿里集团前端工程师们发起创建的一个开源 JS 框架具有跨终端、模块化、使用简单的特点。里面带有HTML编辑器这个模块。 正因为KISSY采取模块化设计因此具有高扩展性、组件齐全接口一致、自主开发、适合多种应用场景等优点。KISSY 除了完备的工具集合诸如 DOM、Event、Ajax、Anim 等KISSY 还面向团队协作做了独特设计提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架KISSY还 为移动终端做了大量适配和优化搞移动web开发的可以好好研究一下KISSY的运用。 总结 如果觉得编程之家网站内容还不错欢迎将编程之家网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供作为学习参考使用版权属于原作者。 小编个人微信号 jb51ccc 喜欢与人分享编程技术与工作经验欢迎加入编程之家官方交流群
