`
tianyaxiang
  • 浏览: 313701 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类

Textarea - 富文本编辑器插件

阅读更多

  1)Ueditor

Ueditor 是百度推出的一款开源在线 HTML 编辑器。

主要特点:

轻量级:代码精简,加载迅速。

定制化:
全新的分层理念,满足多元化的需求。
采用三层架构:
1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。
2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。
3. 界面层: 为命令层提供用户使用界面。
满足不同层次用户的需求。

浏览器兼容
兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,实现浏览器无差别化。

注重细节
统一不同浏览器下表格选取方式。
提供黑/白名单的过滤机制。
更好的word支持,实现粘贴转换机制。

稳定性
经过专业的QA团队测试,通过上千个测试用例,包括自动化用例和手动用例,目前仍然在不断完善中。

主页:
Ueditor

 

 

     2)Aloha Editor是个基于浏览器的富文本编辑器框架,JavaScript创建。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中。

 

Aloha Editor

 

 

     3)TinyEditor是一个不依赖于任何JavaScript框架,只有8kb左右的简单JavaScript WYSIWYG编辑器。可以将任意textarea转成一个编辑器。TinyEditor编辑框可以调整大小,预先设置内容,设置生成HTML或XHTML代码等等。
主页:

 

TinyEditor

 

     4)ReditorReditor是一个基于JQuery和JQuery UI开发的HTML Editor。
主页:
Reditor

 

 

      5)jHtmlArea一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。
主页:
jHtmlArea

 

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

 

分享到:
评论

相关推荐

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

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

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

    `wysiwyg.js`是一款基于jQuery的富文本编辑器插件,它以其高效和稳定性能受到开发者青睐。这款插件的主要目标是提供一个快速、无错误并且对页面其他功能无干扰的编辑体验。 在网页开发中,`<textarea>`元素通常被...

    富文本编辑器插件

    在本压缩包中,"editor"可能是一个包含了具体富文本编辑器插件的文件夹。这个插件可能包含了JavaScript、CSS样式表、图像和其他必要的资源文件,用于在PHP环境中集成和运行。安装和使用富文本编辑器通常包括以下几个...

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

    **jQuery富文本编辑器插件-wysiwyg.js** 在Web开发中,富文本编辑器是一种常见的组件,它允许用户以类似Word的方式编辑HTML内容。`wysiwyg.js`是一款基于jQuery的富文本编辑器插件,为网页提供了一种高效、功能强大...

    tinyMCE富文本编辑器line-height行高插件

    TinyMCE是一款强大的开源富文本编辑器,广泛用于网页内容编辑和内容管理系统中。它提供了丰富的功能和自定义选项,使用户能够创建和编辑复杂的HTML文档。本文将深入探讨TinyMCE中的“line-height”行高插件,以及...

    tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴

    Tinymce是一款流行的开源JavaScript富文本编辑器,它提供了丰富的功能和高度可定制性,广泛应用于网站、博客、内容管理系统等场景。在本示例中,我们关注的是如何将Tinymce与PowerPaste插件集成,以支持从Word和...

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

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

    富文本编辑器

    例如,富文本编辑器的初始化过程可能涉及设置编辑器ID,正如描述中提到的,只需将textarea的id设置为"editor_id",然后调用编辑器库的初始化方法,就能使textarea转化为富文本编辑器。 以CKEditor为例,其基本使用...

    jquery插件集-web文本编辑器jwysiwyg

    **jQuery插件集:Web文本编辑器jWYSIWYG** 在Web开发中,文本编辑器是不可或缺的一部分,尤其在创建内容管理系统、论坛或者博客时。`jWYSIWYG`是一个基于jQuery的轻量级插件,它提供了一个所见即所得(WYSIWYG)的...

    百度Ueditor在线富文本编辑器

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

    富文本编辑器支持从word复制粘贴保留格式和图片的插件源码

    总结一下,这个“富文本编辑器支持从word复制粘贴保留格式和图片的插件源码”提供了TinyMCE的PowerPaste插件,使得用户在网页上编辑内容时可以方便地从Word文档中复制粘贴,保留原有的格式和图片。通过使用和自定义...

    html5文本编辑器_在线文本编辑器_富文本编辑器

    因此,富文本编辑器应运而生,它们通常基于JavaScript构建,为用户提供类似于Word的界面,可以进行字体设置、段落调整、插入图片和链接等操作。 富文本编辑器的实现主要依赖于DOM(文档对象模型)和APIs,如...

    Mvc富文本编辑器(解决上传图片问题)

    在MVC3.0中,我们可以利用各种富文本编辑器插件,如CKEditor、TinyMCE或百度UEditor,来增强用户输入体验。 首先,我们需要引入一个富文本编辑器。这里我们以百度UEditor为例,它是一款强大的在线编辑器,支持图片...

    vue富文本编辑器:集成常用的编辑器提供学习

    2. **Vuetify**: Vuetify是一个基于Material Design的UI框架,它包含了名为`v-textarea`的组件,可以作为简单的富文本编辑器使用,但若需要更复杂的功能,可以配合`quill`或其他第三方库。 3. **TinyMCE**: TinyMCE...

    jq富文本插件编辑器

    在现代Web开发中,富文本编辑器是必不可少的工具之一,它允许用户在浏览器端创建和编辑格式化的文本,类似于常见的桌面文字处理软件。 这款jq插件基于JavaScript库jQuery构建,jQuery是一个高效、简洁且功能丰富的...

    一个用bootstrap实现的在线富文本编辑器

    富文本编辑器的核心部分通常是隐藏的`<textarea>`,通过JavaScript库(如TinyMCE, CKEditor或Quill)转化为可视化编辑界面。 2. **JavaScript插件集成**:Bootstrap本身并不包含富文本编辑功能,但可以通过集成像...

    ckeditor富文本编辑器插件下载

    在这个例子中,`ckeditor.js`是CKEditor的核心库,`CKEDITOR.replace('editor1')`则是将ID为`editor1`的textarea替换为富文本编辑器。 总的来说,CKEditor是一个功能全面、易于定制的富文本编辑器,为在线内容创作...

    JS富文本编辑器插件NicEdit.zip

    NicEdit就是这样一款JavaScript实现的轻量级富文本编辑器插件,特别适合对性能和体积有较高要求的项目。本文将深入探讨NicEdit的特点、功能以及如何在项目中集成和使用。 首先, NicEdit的轻量化特性使得它能够在...

    富文本编辑器案例代码版

    综上所述,"富文本编辑器案例代码版"可能涵盖了Java GUI编程的多个方面,包括Swing或JavaFX组件的使用、事件处理、格式化技术、插件开发、以及软件工程的最佳实践。如果你能详细研究并理解这个案例,对于提升你的...

    JQ JS javascript layui UI框架 富文本 编辑器

    富文本编辑器是网页开发中常见的一种工具,它允许用户在网页上进行类似Word的文本编辑,然后将编辑好的内容保存或提交到服务器。在本主题中,我们主要讨论的是结合JQuery(JQ)、JavaScript(JS)以及layui UI框架...

Global site tag (gtag.js) - Google Analytics