`
a137268431
  • 浏览: 157759 次
文章分类
社区版块
存档分类
最新评论

10个免费的jQuery富文本编辑器

 
阅读更多

Javascript富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能,可以像编辑word文档一样,方便地编辑网站中文章,常用于内容管理系统和博客系统等。

下面列出了常用的10个富文本编辑器,有最基础的格式富文本编辑器,也有复杂的具有文件上传能、创建表格功能、Ajax支持的富文本编辑器。

希望大家喜欢

MarkitUp - jQuery

Official Website|Demo

一个轻量级的、可定制的和灵活的富文本编辑器,常用在CMSBlog、论坛等网站上。

markItUp不是一个所见即所得的编辑器,支持一些常用快车键和常用的浏览器。

jWYSIWYG - jQuery

Official Website|Demo

jWYSIWYG是比较常用的Jquery所见即所得编辑器,提供了html代码编辑功能、文字编辑功能,图片连接功能,从而保证了jWYSIWYG的简单的特性。

Lightweight RTE- jQuery

Official Website|Demo

Lightweight RTE是一个非常简单的Jquery富文本编辑器,体积只有7kb。提供了一些基本的文字格式化操作功能。

HTMLBox - jQuery

Official Website|Demo

HTMLBox跨浏览器、交互性非常好、开源的Jquery富文本编辑器,在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用浏览器下测试通过。此编辑器用户手册可以帮住你非常容易地把此编辑器整合到自己的Web系统中

D Small Rich Text Editor - jQuery

Official Website|Demo

D Small Rich Text Editor使用了AjaxFileUpload插件实现图片上传功能。

WYMEditor - jQuery

Official Website|Demo

WYMeditor是一个所建即所得Jquery富文本编辑器。支持插件扩展功能、

TinyMCE - non-jQuery

Official Website|Demo

TinyMCE国内很多网站都在使用,是一个非常不错的所见即所得编辑器,而且开源。具体功能不再赘述,大家自己发现吧。

fckeditor - Non-jQuery

Official Website|Demo

Fckeditor是一个功能非常强大的富文本编辑器,博客园有使用此编辑器,我做的大部分项目也使用此编辑器,是asp.net网站的首选,提供了weconfig.xml文件用来定制符合自己需求的富文本编辑器。完全可以与MSWord媲美。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website|Demo

YUI Rich Text Editor是轻量级的富文本编辑器,提供了一些常用的文字编辑功能。

Xinha - Non-jQuery

Official Website|Demo

Xinha是一个所见即所得的富文本编辑器,提供了强大的文字,图片。视频。音频等编辑功能

分享到:
评论

相关推荐

    jQuery富文本编辑器Notebook

    "jQuery富文本编辑器Notebook"是一个专为创建简洁、整洁且美观的所见即所得(WYSIWYG)编辑器而设计的工具。这款编辑器利用了流行的jQuery库,旨在提供一个用户友好的界面,使得内容创作者可以轻松地进行文字编辑、...

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

    最后,`.url`文件是一种Windows系统中的快捷方式文件,`jQuery之家.url`可能是指向一个网站的链接,可能是jQuery的官方文档或者教程,方便用户查阅更多关于jQuery的信息,以深入理解和应用这个富文本编辑器插件。...

    jQuery富文本编辑器Notebook.zip

    《jQuery富文本编辑器Notebook:打造优雅的前端创作体验》 在Web开发领域,富文本编辑器扮演着至关重要的角色,它使得用户能够在浏览器端进行类似Word的文本编辑操作,广泛应用于博客、论坛、CMS系统等。jQuery富...

    jQuery富文本编辑器插件-wysiwyg.js

    总之,`jQuery富文本编辑器插件-wysiwyg.js`是Web开发中一个实用的工具,它将复杂的技术细节封装起来,使开发者能更专注于内容的创作和交互体验的设计。无论是小型项目还是大型应用程序,它都能提供高效、可靠的富...

    jquery 富文本编辑器

    这个富文本编辑器基于jQuery构建,提供了丰富的文本格式化选项。开发者可以通过简单的API调用来实现字体样式设置、文本对齐、插入链接、添加图片等功能。它将HTML的`<textarea>`元素转化为一个可视化编辑界面,让...

    HTML前端wangEditor富文本编辑器demo(jQuery)

    wangEditor就是这样一个强大的富文本编辑器,它专为JavaScript和jQuery设计,同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用,具有丰富的功能,包括图片可拖拽调整大小,以及方便地...

    jquery页面文本编辑器

    在Web开发中,文本编辑器是一种不可或缺的交互元素,它允许用户在网页上进行富文本编辑,如撰写文章、发布博客等。jQuery作为一款强大的JavaScript库,提供了丰富的插件来实现这一功能。其中,HtmlBox是一款基于...

    jQuery+Bootstarp富文本编辑器插件summernote.js.zip

    jQuery与Bootstrap结合的Summernote.js插件就是一个高效且易用的富文本编辑器,尤其适合那些希望在网页中提供强大编辑功能的开发者。 一、jQuery与Bootstrap的结合 jQuery是一款轻量级的JavaScript库,它的主要...

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

    描述中提到的“已测试移动端可用富文本编辑器,summernote手机端可用编辑器可上传图片已经处理好”,这表明我们正在讨论的是一个名为Summernote的富文本编辑器,它经过了专门的优化,可以在移动端设备上正常工作。...

    jQuery+Bootstarp富文本编辑器插件summernote

    **jQuery + Bootstrap富文本编辑器插件:summernote** 在Web开发中,富文本编辑器是一种常见的工具,它允许用户以类似Word的方式编辑内容,并在网页上显示格式化的文本。`jQuery` 和 `Bootstrap` 是两个广泛使用的...

    所见即所得的jQuery富文本编辑器插件-wysiwyg.js

    wysiwyg.js是一款十分强大的、所见即所得的jQuery富文本编辑器插件。wysiwyg.js富文本编辑器体积小,支持选择、键盘、占位等众多事件。而且该富文本编辑器的兼容性十分好,甚至兼容IE6。

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

    在现代Web开发中,富文本编辑器是必不可少的工具,特别是在需要用户输入格式化内容的场景下,如博客、论坛、评论系统等。H5(HTML5)作为最新的Web标准,提供了更多的API和功能,使得富文本编辑器的实现更加方便和...

    Bootstrap富文本编辑器

    Bootstrap富文本编辑器是网页开发中的一个重要工具,它利用了流行的Bootstrap框架,为网页内容的创建和编辑提供了方便且美观的界面。Bootstrap是一款开源的前端框架,由Twitter开发,广泛应用于快速构建响应式和移动...

    java 富文本编辑器demo

    本文将深入探讨如何在Java环境中实现一个富文本编辑器的Demo,并讲解如何将编辑的数据存储到数据库以及在JSP中进行配置的修改。 首先,富文本编辑器的实现通常依赖于JavaScript库,如TinyMCE、CKEditor或Quill。...

    前端实现富文本编辑器功能

    在前端实现富文本编辑器功能时,开发者通常会借助第三方库或者插件来简化工作,其中`wangEditor`是一个受欢迎的选择。`wangEditor`是一款基于JavaScript的开源富文本编辑器,它轻量级、易用且功能强大,适合快速构建...

    notebook.js-非常有用的jquery富文本编辑器插件

    综上所述,`notebook.js`是一个优秀的jQuery富文本编辑器插件,它以其直观的用户界面和易用的API,为开发者提供了高效构建富文本编辑功能的解决方案。正确地集成和配置这个插件,可以显著提升网页应用的交互性和功能...

    js,jquery文本编辑器

    jWYSIWYG(What You See Is What You Get)是一个纯JavaScript实现的富文本编辑器,与jQuery兼容。它提供了一套基本的编辑功能,如文本样式调整、列表、表格、图片插入等,同时也支持自定义事件和插件扩展。jWYSIWYG...

    jquery轻量级文本编辑器

    4. **初始化编辑器**:在页面加载完成后,通过JavaScript调用编辑器插件的初始化函数,将标记的元素转换为富文本编辑器。 例如: ```html <!DOCTYPE html> <script src="https://code.jquery....

    Java web富文本编辑器(kindeditor).docx

    Java Web 富文本编辑器(KindEditor) Java Web 富文本编辑器(KindEditor)是基于 Java ...KindEditor 是一个功能强大且易于使用的 Java Web 富文本编辑器解决方案,旨在解决开发过程中的编辑功能、图片文件等操作。

Global site tag (gtag.js) - Google Analytics