在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。
MarkitUp - jQuery
Official Website | Demo
功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。
jWYSIWYG - jQuery
Official Website | Demo
非常基本的编辑器,简单为本。打包后只有7K。
Lightweight RTE- jQuery
Official Website | Demo
简单到不能再简单,很容易自己修改。
HTMLBox - jQuery
Official Website | Demo
跨浏览器,开源,基于 jQuery。可以很容易同各种 CMS,论坛,留言本,博客等系统集成。
D Small Rich Text Editor - jQuery
Official Website | Demo
基于 iframe 对象。
WYMEditor - jQuery
Official Website | Demo
<!-- ################## NON jQUery ################### -->
TinyMCE - non-jQuery
Official Website | Demo
最经典的基于 JavaScript 的编辑器,COMSHARP CMS 默认的编辑器就是这个。
fckeditor - Non-jQuery
Official Website | Demo
功能非常强大。
Yahoo YUI Rich Text Editor - Non-jQuery
Official Website | Demo
基于 Yahoo YUI,简单,但很可靠。
Xinha - Non-jQuery
Official Website | Demo
自由的基于 BSD 许可编辑器,功能完善,很适合同各种系统集成。
本文原文来源:http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
中文编译:COMSHARP CMS 官方网站
分享到:
相关推荐
综上所述,这个WYSIWYG编辑器——“mycolorway-simditor”,基于JavaScript开发,旨在提供简洁快速的编辑体验。它可能是Simditor的一个定制版本,具有特定的主题风格,并通过Git进行版本管理。开发者和用户可以利用...
**jQuery WYSIWYG编辑器** 是一个基于JavaScript和jQuery的富文本编辑器插件,它允许用户在网页上创建和编辑内容,就像在桌面文本处理软件中一样。这种编辑器通常用于博客、论坛或其他需要用户输入格式化文本的在线...
在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office?的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。...
CKEditor4是一款强大的基于浏览器的WYSIWYG(所见即所得)编辑器,它源自于FCKeditor的重新设计和开发,旨在提供更优化的性能和更高的可扩展性。这款编辑器以其卓越的功能和易用性在全球范围内广泛应用,成为众多...
JavaScript公式编辑器是一种基于Web的工具,用于创建和编辑数学公式,它利用了JavaScript和HTML5的特性,为用户提供了一种交互式的体验。这个编辑器不仅允许用户输入和编辑复杂的数学表达式,还具备函数编辑和图形...
一、WYSIWYG编辑器的概念与工作原理 WYSIWYG编辑器允许用户在浏览器中直接编辑文本内容,所见即所得。它通过模拟传统文字处理软件的界面,将HTML代码隐藏在后台,用户可以添加字体样式、颜色、图像、链接等元素,而...
描述中提到的“wysiwyg.jsp组件”,表明这是一个基于Java Servlet技术的组件,适用于JSP(JavaServer Pages)开发环境。JSP是Java的一种动态网页技术,它可以将服务器端的Java代码嵌入到HTML中,从而实现动态内容的...
为了开始构建一个基于`bustle-mobiledoc-kit`的WYSIWYG编辑器,你需要: - 引入库:通过npm或CDN将`bustle-mobiledoc-kit`添加到项目中。 - 初始化编辑器:在页面上指定一个DOM元素作为编辑器容器,并使用库的API...
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编辑器。开发者可以借此学习如何为自己的Web应用添加...
不过,需要注意的是,由于Flash已逐渐被淘汰,现代的WYSIWYG编辑器更多地基于JavaScript、HTML5和CSS3技术来实现跨平台和更好的兼容性。 总的来说,这个WYSIWYG WEB编辑器的开发涉及到的技术点可能包括: 1. ...
富文本编辑器(WYSIWYG)是一种在线文本编辑工具,允许用户以类似于常见桌面文字处理软件(如Microsoft Word)的方式创建和编辑内容,而所见即所得(What You See Is What You Get)。这种编辑器在网页应用中非常...
WYSIWYG编辑器** “所见即所得”(What You See Is What You Get,简称WYSIWYG)编辑器让用户在编辑内容时可以直接看到格式化的效果。NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片...
`wysiwyg.js`是一款基于jQuery的富文本编辑器插件,它以其高效和稳定性能受到开发者青睐。这款插件的主要目标是提供一个快速、无错误并且对页面其他功能无干扰的编辑体验。 在网页开发中,`<textarea>`元素通常被...
总的来说,`wysiwyg-0.2js`在线编辑器源码的学习是一个全面掌握前端开发技术,特别是JavaScript和CSS应用的好途径。通过深入研究这个简洁的项目,开发者不仅可以掌握在线编辑器的基本原理,还能提升自己的编程技巧和...
在“用Vue.js和Vue.js编写的wysiwyg编辑器.zip”这个压缩包中,我们可能找到了一个基于Vue.js实现的所见即所得(WYSIWYG)编辑器的源代码。WYSIWYG编辑器允许用户像在传统文字处理软件中一样进行文本编辑,并在...
你可以直接使用这个库,快速搭建一个功能完备的Wysiwyg编辑器。 总结,利用ReactJS的组件化特性和DraftJS的文本处理能力,我们可以构建出高度定制的富文本编辑器。通过深入学习和实践,你可以掌握如何将React和...
fCEditor是一款开源的JavaScript WYSIWYG编辑器,它提供了丰富的功能集,包括文本格式化、图片上传、链接管理等。开发者可以根据需求自定义编辑器的样式和功能。fCEditor的轻量级设计使其在各种项目中都能快速集成...
JavaScript Quill是一个强大的开源富文本编辑器,专为现代Web设计,强调了兼容性和可扩展性。在深入探讨Quill之前,我们先来了解一下JavaScript,这是一种广泛使用的编程语言,尤其在网络开发领域,它使得网页变得...