富文本编辑器

1、 https://github.com/xing/wysihtml5

2、 https://github.com/neilj/Squire

3、可以试试这个wangEditor - 轻量级web富文本编辑器

生成表格还是会有一些样式,不过比百度的要少一些。
以下是官方介绍:

  • 与国产编辑器 百度ueditorkindeditor相比,它轻量、易用、UI设计精致漂亮。
  • 与国外编辑器 bootstrap-wysiwygsimditor相比,它文档易读、交流方便,更接地气。
  • 它还会根据使用者的反馈不断完善,未来将支持移动版。

4、说到富文本编辑器,不由我不想到 office word. word直到现在应该算是最多人使用的文本编辑器啦.她的功能真是无比强大,使用的体验性非常好.到后来出现的open office, wps对office word都是望尘莫及的.

富 文本编辑器是基于 web 的文本编辑器. 其功能同样可以很强大. 比较强的富文本编辑器还被称为在线的office word呢.本文就对CKEditor, tinyMCE,ewebeditor,kindeditor,UEditor 5大富文本编辑器作个比较.

1.CKEditor: 这个是国外开源的.其功能是这几个中最强大的.支持内容编辑和文件上传,不收费,集成的话,这个最好就是用到CKEditor的同 门师妹ckfinder了.我这边不讲了,网上有很多例子,各位自己去找.CKEditor最多人使用的.国外一些政府网站,或一些著名的博客都会用到 她.

2.tinyMCE: 这个也是国外开源的.其功能也是强大的.其速度比CKEditor快.同样可以上传文件,不过这个要用到其官网的插件,插件是收费的.tinyMCE比较 受到科技公司的青睐.一些比较出名的开源软件就是用到她的.比如wordpress, joomla, magento.

3.ewebeditor: 这个我不知道怎么描述,可以使用它的试用版试试,!在国内的还算功能强,应该是因为他的正式版收钱的原因吧, 我还是比较喜欢不收费的软件,这里就不说什么了,各位如果觉得他好用最好买个正式版,免得产生纠纷。

4.kindeditor: 国内软件,功能很不错,有很多公司在用,这上面有具体的说明和示例,配置比较简单,但是功能也比较简单。

5.UEditor: 优点,开源免费,表格的编辑是我用过的编辑器中最灵活的,如支持单元格合并拆分等,二次加载速度快,有百度公司的支持,缺点,文档较少,文件上传部分找不 到任何文档,虽然自称轻量,但其全功能、去除 ui 后、压缩后的js也将近300k,第一次加载速度慢。

要使用哪一个,心中会有数 了.笔者最喜欢的是tinyMCE. 功能强的同时还能有很好的加载速度.其代码也是比较优雅的. 不过在项目中,常用到的是CKEditor,其强大的同时集成ckfinder来开发,那是太方便了. 如果功能要求简单的话. Kindeditor也应该是不错的一款了.

时间: 2024-10-14 11:43:54

富文本编辑器的相关文章

TinyMCE(富文本编辑器)

[转]TinyMCE(富文本编辑器)在Asp.Net中的使用方法 官网演示以及示例代码:https://www.tinymce.com/docs/demo/image-tools/ 转自:http://www.cnblogs.com/hahacjh/archive/2010/07/24/1784268.html TinyMCE 在Asp.Net中的使用方法其实挺简单的,从官方网站下载TinyMCE),然后将里面的jscripts目录拷到你的网站目录 假设你的aspx页面中某一个地方需要用到编辑器

Android富文本编辑器RichEditor的使用

以前有个项目做一个笔记本类似的东西,觉得写的不太好,最近重新写,就发现了这个富文本编辑器他的效果是这样的 感觉有点厉害啊 废话不多说开始撸码 1先添加依赖 dependencies { compile 'jp.wasabeef:richeditor-android:1.2.0' } 2写布局 <jp.wasabeef.richeditor.RichEditor android:id="@+id/editor" android:layout_width="match_pa

商城项目整理(四)JDBC+富文本编辑器实现商品增加,样式设置,和修改

UEditor富文本编辑器:http://ueditor.baidu.com/website/ 相应页面展示: 商品添加: 商品修改: 前台商品展示: 商品表建表语句: 1 create table TEST.GOODS_TABLE 2 ( 3 gid NUMBER not null, 4 gname VARCHAR2(90), 5 gdetails CLOB, 6 gpicture VARCHAR2(100), 7 gprice NUMBER, 8 gleixing NUMBER, 9 gpi

关于富文本编辑器UEditor

2017.1.18,星期三?     关于富文本编辑器:     富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器. 富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息.比较好的文本编辑器有kindeditor,fckeditor等. 关于UEditor:官网                           UEditor文档,我们的说明书

UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2: 这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性. 这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题: 当你改变浏览器大小时,会有个很严重的排版BUG

富文本编辑器UEditor的配置使用方法

将下载的富文本编辑器的文件解压后放到 webcontent 下 如果 文件中的jsp文件夹下的controller.java文件报错的话    就将jsp下的lib文件夹中的文件都复制到  web-inf 文件夹下的lib中,就可以解决报错的问题了 按理说 还需要修改config.js中的URL值  但是我没修改  运行也出来效果了 <%@ page language="java" contentType="text/html; charset=utf-8"

kindEditor 富文本编辑器 使用介绍

第一版:存放位置:  ---->把该创建的文件包放到javaWeb 过程的 WEB_INF 下:如图所示. 第二步:< kindEditor 插件的引用> :JS引用 1 <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script> 2 <scrip

富文本编辑器的使用

第一步: 添加富文本编辑器的js的引用: 第二步:在jsp中添加textarea域,因为富文本编辑器是基于这个域进行创建的 第三步:富文本编辑器的引用 第四步:提交表单前需要将富文本编辑器和texarea的内容同步

万里长征第二步——django个人博客(第六步 ——添加富文本编辑器)

下载kindeditor 在admin.py文件中配置链接 class Media: js = ( '/static/js/kindeditor-4.1.10/kindeditor-min.js', #引入主文件 '/static/js/kindeditor-4.1.10/lang/zh_CN.js', #引入中文文件 '/static/js/kindeditor-4.1.10/config.js', #引入配置文件 ) 在kindeditor根目录下创建配置文件config.js,,并配置 K

使用wangEditor富文本编辑器

wangEditor官网地址:http://wangeditor.github.io/ 今天忽然想起来搞一下富文本编辑器的使用,本来想用百度的ueditor,但是貌似校园网给墙了.然后从知乎上发现了这个编辑器,优点是界面简洁,文档比较清楚.缺点也显而易见,比较简陋,要求不是很高的话,还是可以的 :) 下载解压完成之后,用到的只有dist这个文件. 作者在看云上发布的手册地址: http://www.kancloud.cn/wangfupeng/wangeditor2/113994 前台页面代码: