`
xiaozhi7616
  • 浏览: 196638 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[转]10个基于 JavaScript 的 WYSIWYG 编辑器

阅读更多

在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。

MarkitUp - jQuery

Official Website | Demo
MarkitUp

功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。

jWYSIWYG - jQuery

Official Website | Demo
jWYSIWYG

非常基本的编辑器,简单为本。打包后只有7K。

Lightweight RTE- jQuery

Official Website | Demo
jWYSIWYG

简单到不能再简单,很容易自己修改。

HTMLBox - jQuery

Official Website | Demo
HTMLBox

跨浏览器,开源,基于 jQuery。可以很容易同各种 CMS,论坛,留言本,博客等系统集成。

D Small Rich Text Editor - jQuery

Official Website | Demo
D Small Rich Text Editor

基于 iframe 对象。

WYMEditor - jQuery

Official Website | Demo
WYMEditor

 

<!-- ################## NON jQUery ################### -->

TinyMCE - non-jQuery

Official Website | Demo
TinyMCE

最经典的基于 JavaScript 的编辑器,COMSHARP CMS 默认的编辑器就是这个。

fckeditor - Non-jQuery

Official Website | Demo
fckeditor

功能非常强大。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website | Demo
Yahoo UI RTE

基于 Yahoo YUI,简单,但很可靠。

Xinha - Non-jQuery

Official Website | Demo
Xinha

自由的基于 BSD 许可编辑器,功能完善,很适合同各种系统集成。

 

 

本文原文来源:http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
中文编译:COMSHARP CMS 官方网站

分享到:
评论

相关推荐

    一个简单和快速的WYSIWYG编辑器

    综上所述,这个WYSIWYG编辑器——“mycolorway-simditor”,基于JavaScript开发,旨在提供简洁快速的编辑体验。它可能是Simditor的一个定制版本,具有特定的主题风格,并通过Git进行版本管理。开发者和用户可以利用...

    jQuery wysiwyg 编辑器

    **jQuery WYSIWYG编辑器** 是一个基于JavaScript和jQuery的富文本编辑器插件,它允许用户在网页上创建和编辑内容,就像在桌面文本处理软件中一样。这种编辑器通常用于博客、论坛或其他需要用户输入格式化文本的在线...

    10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

    在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office?的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。...

    CKEditor4最好的基于浏览器的WYSIWYG编辑器

    CKEditor4是一款强大的基于浏览器的WYSIWYG(所见即所得)编辑器,它源自于FCKeditor的重新设计和开发,旨在提供更优化的性能和更高的可扩展性。这款编辑器以其卓越的功能和易用性在全球范围内广泛应用,成为众多...

    javascript公式编辑器

    JavaScript公式编辑器是一种基于Web的工具,用于创建和编辑数学公式,它利用了JavaScript和HTML5的特性,为用户提供了一种交互式的体验。这个编辑器不仅允许用户输入和编辑复杂的数学表达式,还具备函数编辑和图形...

    wysiwyg Div简略编辑器插件

    一、WYSIWYG编辑器的概念与工作原理 WYSIWYG编辑器允许用户在浏览器中直接编辑文本内容,所见即所得。它通过模拟传统文字处理软件的界面,将HTML代码隐藏在后台,用户可以添加字体样式、颜色、图像、链接等元素,而...

    wysiwyg富文本编辑器

    描述中提到的“wysiwyg.jsp组件”,表明这是一个基于Java Servlet技术的组件,适用于JSP(JavaServer Pages)开发环境。JSP是Java的一种动态网页技术,它可以将服务器端的Java代码嵌入到HTML中,从而实现动态内容的...

    用Mobiledoc构建WYSIWYG编辑器的一个工具包

    为了开始构建一个基于`bustle-mobiledoc-kit`的WYSIWYG编辑器,你需要: - 引入库:通过npm或CDN将`bustle-mobiledoc-kit`添加到项目中。 - 初始化编辑器:在页面上指定一个DOM元素作为编辑器容器,并使用库的API...

    15个基于Web的HTML编辑器

    openWYSIWYG是一个跨浏览器、纯JavaScript开发、强大开源的WYSIWYG编辑器。支持多种Web编程语言:PHP、ASP、ASP.NET、Perl、Java、ColdFusion。 8. Free Rich Text Editor Free Rich Text Editor是一个极其简单...

    一个基于ASP.NET实现的WYSIWYG Editors文档编辑器控件源码例子

    "一个基于ASP.NET实现的WYSIWYG Editors文档编辑器控件源码例子"这一标题表明这是一个教学资源或示例代码,它展示了如何在ASP.NET环境中创建或集成一个WYSIWYG编辑器。开发者可以借此学习如何为自己的Web应用添加...

    show一下我正在开发中的 WYSIWYG WEB 编辑器

    不过,需要注意的是,由于Flash已逐渐被淘汰,现代的WYSIWYG编辑器更多地基于JavaScript、HTML5和CSS3技术来实现跨平台和更好的兼容性。 总的来说,这个WYSIWYG WEB编辑器的开发涉及到的技术点可能包括: 1. ...

    富文本编辑器- wysiwyg

    富文本编辑器(WYSIWYG)是一种在线文本编辑工具,允许用户以类似于常见桌面文字处理软件(如Microsoft Word)的方式创建和编辑内容,而所见即所得(What You See Is What You Get)。这种编辑器在网页应用中非常...

    NicEdit基于AJAX 技术的WYSIWYG 在线编辑器

    WYSIWYG编辑器** “所见即所得”(What You See Is What You Get,简称WYSIWYG)编辑器让用户在编辑内容时可以直接看到格式化的效果。NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片...

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

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

    wysiwyg-0.2js在线编辑器源码

    总的来说,`wysiwyg-0.2js`在线编辑器源码的学习是一个全面掌握前端开发技术,特别是JavaScript和CSS应用的好途径。通过深入研究这个简洁的项目,开发者不仅可以掌握在线编辑器的基本原理,还能提升自己的编程技巧和...

    用Vue.js和Vue.js编写的wysiwyg编辑器.zip

    在“用Vue.js和Vue.js编写的wysiwyg编辑器.zip”这个压缩包中,我们可能找到了一个基于Vue.js实现的所见即所得(WYSIWYG)编辑器的源代码。WYSIWYG编辑器允许用户像在传统文字处理软件中一样进行文本编辑,并在...

    React-使用ReactJS和DraftJS库构建的Wysiwyg编辑器

    你可以直接使用这个库,快速搭建一个功能完备的Wysiwyg编辑器。 总结,利用ReactJS的组件化特性和DraftJS的文本处理能力,我们可以构建出高度定制的富文本编辑器。通过深入学习和实践,你可以掌握如何将React和...

    经典收藏:几款强大的WYSIWYG编辑器,fCEditor,tinymce........

    fCEditor是一款开源的JavaScript WYSIWYG编辑器,它提供了丰富的功能集,包括文本格式化、图片上传、链接管理等。开发者可以根据需求自定义编辑器的样式和功能。fCEditor的轻量级设计使其在各种项目中都能快速集成...

    JavaScript_Quill是一个现代的WYSIWYG编辑器,具有兼容性和可扩展性.zip

    JavaScript Quill是一个强大的开源富文本编辑器,专为现代Web设计,强调了兼容性和可扩展性。在深入探讨Quill之前,我们先来了解一下JavaScript,这是一种广泛使用的编程语言,尤其在网络开发领域,它使得网页变得...

Global site tag (gtag.js) - Google Analytics