`
zhao103804
  • 浏览: 125807 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

19款Javascript富文本编辑器

 
阅读更多

19款javascript富文本编辑器。也许你还有兴趣查看15个基于Web的HTML编辑器和6款所见即所得(WYSIWYG)的在线Web编辑器

1. AIE (演示地址)

 

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

2. MarkitUp (演示地址)

MarkitUp - Javascript富文本编辑器

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

3. SmartMarkUP

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

4. KindEditor

KindEditor - Javascript富文本编辑器

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

主要特点:

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

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

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

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

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

5. Control.Editor (演示地址)

Control.Editor - Javascript富文本编辑器

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

6. Damn Small Rich Text Editor

Damn Small Rich Text Editor - Javascript富文本编辑器

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

7. EditArea

EditArea - Javascript富文本编辑器

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

8. FCKeditor

FCKeditor - Javascript富文本编辑器

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

9. Free Rich Text Editor

Free Rich Text Editor - Javascript富文本编辑器

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

jwysiwyg - Javascript富文本编辑器

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

11. NicEdit

NicEdit - Javascript富文本编辑器

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

12. OpenWYSIWYG

OpenWYSIWYG - Javascript富文本编辑器

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

13. TinyMCE

TinyMCE - Javascript富文本编辑器

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

14. Yahoo! UI:Rich Text Editor

Yahoo! UI:Rich Text Editor - Javascript富文本编辑器

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

15. Xinha

Xinha - Javascript富文本编辑器

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

16. WYMeditor

WYMeditor - Javascript富文本编辑器

WYMeditor是一个web WYSIWYM XHTML编辑器。

17. SPAW Editor

SPAW Editor - Javascript富文本编辑器

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

18. CKEditor (演示地址)

CKEditor - Javascript富文本编辑器

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

19. widgEditor (演示地址)

widgEditor - Javascript富文本编辑器

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

 

 

参考地址:http://www.cnblogs.com/hannover/archive/2010/11/28/1890081.html

分享到:
评论

相关推荐

    网易javascript富文本编辑器,很好很强大

    **JavaScript富文本编辑器概述** JavaScript富文本编辑器是一种基于Web的文本编辑工具,它允许用户在网页上进行类似于Word的文本编辑操作。这些编辑器通常由JavaScript编写,结合HTML和CSS技术,提供一个交互式的...

    富文本编辑器

    富文本编辑器是Web开发中的重要工具,广泛应用于新闻网站后台、学校官网后台以及各种需要用户输入和编辑丰富内容的在线平台。这类编辑器允许用户像在Word文档中一样进行文字处理,包括字体设置、段落调整、插入图片...

    富文本编辑器实例 富文本编辑器实例

    2. **JavaScript**:JavaScript负责实现富文本编辑器的功能,例如监听用户交互、处理文本格式化命令、上传图片等。常用的JavaScript库如CKEditor、TinyMCE、Quill等提供了现成的富文本编辑器解决方案。 3. **CSS**...

    富文本编辑器组件.zip

    例如,富文本编辑器组件可能使用了Quill,它是一个轻量级且强大的JavaScript库,具有良好的模块化结构,可以方便地扩展和自定义。 富文本编辑器的核心功能包括: 1. **文本格式化**:加粗、斜体、下划线、删除线、...

    常用的富文本编辑器用于web开发

    - **编辑器组件**:富文本编辑器通常是JavaScript库或插件,如TinyMCE、CKEditor、Quill等。它们提供了API和配置选项,开发者可以根据项目需求进行定制和整合。 综上所述,富文本编辑器是Web应用中不可或缺的一...

    19款Javascript富文本网页编辑器

    19款Javascript富文本编辑器的介绍,涉及到多种不同的编辑器,每一款都具有其独特的特点和功能。让我们来详细了解这些编辑器的功能和应用场景。 ***E是一个开源的ajax图片编辑器,它基于ExtJS与PHPImageMagick开发...

    富文本编辑器 带表情

    富文本编辑器是一种用于网页和应用程序的工具,它允许用户以类似于Word文档的方式输入、编辑和格式化文本。这类编辑器通常支持多种功能,如字体样式调整、颜色修改、插入图片、链接添加以及表情符号的使用。在描述中...

    富文本编辑器,轻松搞定文本框

    - **JavaScript库**:许多富文本编辑器是基于JavaScript编写的,如TinyMCE、CKEditor、Quill等,它们通过DOM操作实现文本框的富文本功能。 - **插件系统**:这些编辑器通常具有插件机制,允许开发者扩展功能,如...

    简单的jQuery富文本编辑器插件

    这款基于jQuery的简单富文本编辑器插件,结合了CSS3技术,提供了基础但实用的编辑选项,适用于快速构建具有文本编辑功能的网页界面。 首先,jQuery是一个广泛使用的JavaScript库,它的出现极大地简化了JavaScript的...

    H5下最简洁好用的富文本编辑器

    富文本编辑器的核心功能包括文本格式化、图片上传、链接插入等,而一款好的富文本编辑器应该具有易用性、兼容性、可定制性等特点。"H5下最简洁好用的富文本编辑器"正是基于这些需求而设计的,它提供了丰富的接口文档...

    富文本编辑器周报工具

    在这里,它采用的是TinyMCE,这是一款流行的开源JavaScript富文本编辑库,支持多种功能和自定义配置,能够为用户提供类似Word的编辑体验。用户可以通过TinyMCE编辑器填写预设的模板,创建具有丰富格式的周报内容。 ...

    PHP版百度富文本编辑器ueditor

    其中,百度开发的ueditor是一款非常受欢迎的开源富文本编辑器,尤其在PHP环境下广泛使用。ueditor以其功能强大、易用性高以及丰富的插件支持,深受开发者喜爱。 **PHP与ueditor的结合** PHP是一种服务器端脚本语言...

    微信小程序富文本编辑器demo源码.zip

    在富文本编辑器中,JavaScript会监听用户的操作,比如点击按钮,然后调用微信小程序的API来执行相应的富文本操作。例如,使用`wx.setClipboardData`复制粘贴文本,`wx.chooseImage`选择图片,`wx.getImageInfo`获取...

    仿简书富文本编辑器

    【标题】"仿简书富文本编辑器"的实现与应用 在移动应用开发领域,尤其是在社交、博客、教育等场景下,用户往往需要输入带有格式的文本,如加粗、斜体、插入图片或链接等。这时,一个功能完善的富文本编辑器就显得尤...

    java 富文本编辑器demo

    首先,富文本编辑器的实现通常依赖于JavaScript库,如TinyMCE、CKEditor或Quill。这些库提供了丰富的API和插件,使得在Web应用中集成富文本编辑功能变得简单。在Java环境下,我们通常会通过AJAX或者WebSocket与后端...

    百度Ueditor在线富文本编辑器

    百度Ueditor是一款由百度公司开发的开源、免费的在线富文本编辑器,主要用于Web应用中提供便捷的文本编辑功能。它以其强大的功能、良好的用户体验以及易于集成的特点,被广泛应用在各类网站和项目中。 ### 主要特点...

    富文本编辑器 .zip

    XHEditor是一款开源的JavaScript富文本编辑器,它支持多种浏览器,提供了丰富的API和插件,便于开发者进行自定义和扩展。例如,你可以通过它的API实现图片上传、表格操作、代码高亮等功能,也可以根据需求调整编辑器...

    springboot集成富文本编辑器

    在这个例子中,可能使用的是"ueditor",这是一款功能强大的JavaScript富文本编辑器,广泛应用于网页内容编辑。ueditor提供了丰富的API和配置选项,可以定制编辑器的功能和样式。 集成步骤通常包括以下几个关键环节...

    真正移动端可用富文本编辑器

    “summernote”是这次讨论的具体富文本编辑器的名字,它是一个开源的JavaScript库,用于构建直观、易用的富文本编辑界面。 压缩包中的文件名揭示了实现Summernote编辑器所需的资源: 1. `bootstrap.css` 和 `...

Global site tag (gtag.js) - Google Analytics