19款Javascript富文本网页编辑器_网页编辑器

1. AIE (演示地址)

AIE是一个开源的ajax图片编辑器,基于ExtJS与PHP ImageMagick开发,易于与博客/相册等其它应用相集成。提供调整图片大小,裁剪图片,旋转/翻转图片,应用滤镜,添加文本,添加水印等功能。

2. MarkitUp (演示地址)

MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。

3. SmartMarkUP

SmartMarkUP是一个轻量级,强大的JavaScript library,它能够将Textarea控件转换成富文本编辑器。支持html、CSS、XML、Wiki语法、BBCode等,可按实际需求配置。SmartMarkUP没有基于任何javascript框架开发,易于现有项目结合使用。

4. KindEditor

KindEditor是基于浏览器的所见即所得(WYSWYG)HTML编辑器,主要应用于CMS、论坛、博客等WEB程序里。

主要特点:

1) 代码量少,功能比较多。

2) 通过添加plugin的方法,可以自定义功能。

3) 可以删除不需要的plugin,减少文件大小。

4) 可以任意改变编辑器风格,和网站融为一体。

5) 代码容易理解,是一个可维护、可控制的编辑器。

5. Control.Editor (演示地址)

Control.Editor是一个基于Mootools开发的WYSIWYG Editor。

6. Damn Small Rich Text Editor

基于jquery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。

7. EditArea

EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。

8. FCKeditor

FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器,输出符合XHTML1.0标准,支持CSS以便能够与你的网站更好的结合,提供右键操作菜单,支持直接从Word粘贴,可以自己定制功能工具条,支持皮肤更换和通过插件扩展功能等。

9. Free Rich Text Editor

Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码,就能够安装该编辑器。支持以下浏览器:

  • Internet Explorer

    • Internet Explorer 6 (Microsoft Windows)
    • Internet Explorer 7 (Microsoft Windows)
  • Mozilla firefox
    • Mozilla Firefox 1.5 (Microsoft Windows)
    • Mozilla Firefox 1.5 (Apple Macintosh)
  • Opera
    • Opera 9 (Microsoft Windows)
  • Safari
    • Safari 1.3 (Apple Macintosh)

10. jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

11. NicEdit

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

12. OpenWYSIWYG

纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将标签转换成一个强大的WYSIWYG editor

13. TinyMCE

TinyMCE是一个开源,纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需求的编辑器。提供汉化语言包。多浏览器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来保存和加载内容。

14. Yahoo! UI:Rich Text Editor

来自Yahoo! UI库中一个功能强大的Rich文本编辑器。

15. Xinha

Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。

16. WYMeditor

WYMeditor是一个web WYSIWYM XHTML编辑器。

17. SPAW Editor

又一款可视化在线编辑器.

18. CKEditor (演示地址)

CKEditor是FCKeditor的3.0版本,具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。

19. widgEditor (演示地址)

widgEditor是一个符合WEB标准的,轻量级的文本编辑器,提供用户需要日常所需的功能

时间: 2024-08-31 03:06:09

19款Javascript富文本网页编辑器_网页编辑器的相关文章

一个Javascript 编写的代码编辑器_网页编辑器

EditArea : http://sourceforge.net/projects/editarea 特点:1. 一个 Javascript 编写的代码编辑器, 支持代码加亮, 缩进, 行号等特征; 2. A free javascript editor for source code. It allow to write well formated source code with line numerotation, tab support, search & replace (with

xhEditor 免费的国产HTML在线编辑器_网页编辑器

对着谷歌大神膜拜了一下午, 终于让我找到了一款免费的,国产货!!外观虽然不能跟老外的比,但是功能还挺全,实用就好.下载地址:http://xheditor.com/ 站长已经配置了PHP版,放出来供大家下载,省去大家配置的时间下载地址:http://xiazai.jb51.net/201106/yuanma/xheditor_php_jb51.rar加压后,放到你的web根目录,访问文件夹,就可以使用! 站长的配置说明:demos文件夹有一个upload.php文件,这个是控制上传的,里面有文件

javascript控制realplayer对象使用_网页播放器

复制代码 代码如下: <object ID="javademo" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT="280" WIDTH="200">  <param name="AUTOSTART" value="0">  <param name="SHUFFLE"

Javascript实现简单的富文本编辑器附演示_javascript技巧

复制代码 代码如下: <span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

富文本编辑器-导入百度编辑器的问题

问题描述 导入百度编辑器的问题 jsp 中导入百度编辑器没有达到需要的效果,只有一个小小的编辑框,没有可视化按钮,没有提交按钮,就那样放在左上角,下面就是显示的结果,,怎么破???? 解决方案 百度编辑器路径设置问题 解决方案二: 跟你个我以前的写的案例,你修改一下吧 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String pa

FckEditor 配置手册中文教程详细说明_网页编辑器

比如CUTEEDITOR,虽 然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以 说,FCKEDITOR是一个别具匠心的在线编辑器,它里面融入了作者高深的面向对象的JAVASCRIPT功力,集易用性与强大的功能与一体. .与编辑器相关的所有图像,脚本以及调用页 .语言文件 .编辑器的皮肤文件 .工具样的贴图等 这些将导致在服务器和客户端间产生相当的流量.如果有许多文件被调用,那么即便每个文件很小.也会让用户等

所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解_javascript技巧

本文教大家如何使用bootstrap-wysiwyg文本编辑器,充分发挥编辑器的优势,希望大家可以有所收获. 主要特性:   超小5kb   自动的热键支持(MAC和windows)   拖放的插入图片,支持图片上传(支持手机拍照)   支持声音输入(chrome支持)   允许自定义的工具条,可以使用所有的bootstrap内容,字体   不使用任何强制的样式   ---------- 其实不止这些,需要大家自己去探索,加油吧! 使用其实很简单的,倒入bootstrap相关CSS,JS,jQu

基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery

今天给大家介绍一款非常棒的WEB在线富文本编辑器--UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器. 在线预览     源码下载 如何使用? 建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度. <script type="text/plain" id=&

在线富文本编辑器UMeditor使用例子

今天给大家介绍一款非常棒的WEB在线富文本编辑器--UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器. 如何使用? 建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度. <script type="text/plain" id="myEditor&