markItUp - 一个轻量级的文本编辑器

一个基于jQuery的开源文本编辑器， 目标是让开发者能够将textarea元素扩展为一个简单的文本编辑器。现在支持html、Wiki、BBScode等编辑格式，并且相当的轻巧（5.5k），有比较好的扩展性，如果需求简单的话可以考虑一下。

 

工程地址：http://markitup.jaysalvat.com/home/

Ajaxian上的介绍：http://ajaxian.com/archives/markitup-lightweight-text-editor

 

When Jay Salvat set out to build markItUp!, he wasn't trying to build the next FCKEditor or TinyMCE. He just wanted to build a simple editor that could allow developers to add enhanced markup capability to textarea elements.

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented. markItUp! is not meant to be a “Full-Features-Out-of-the-Box”-editor. Instead it is a very lightweight, customizable and flexible engine made to meet the developer's needs in their CMSes, blogs, forums or websites. markItUp! is not a WYSIWYG editor, and it never will be.

The usage is very straightforward. The following code demonstrates the ease of using markItUp!:

PLAIN TEXT

CSS:

2. <link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" />
3. <link rel="stylesheet" type="text/css" href="markitup/sets/html/style.css" />

PLAIN TEXT

JAVASCRIPT:

2. <script type="text/javascript" src="jquery.js"></script>
3. <script type="text/javascript" src="markitup/jquery.markitup.js"></script>
4. <script type="text/javascript" src="markitup/sets/html/set.js"></script>
6. <script language="javascript">
7. $(document).ready(function()    {
8.     $('#html').markItUp(myHtmlSettings);
9. });
10. </script>

PLAIN TEXT

HTML:

2. <textarea id="html" cols="80" rows="20">
3.         ...html stuff...
4. </textarea>

The code generates a very intuitive markup editor as demonstrated below:

The script also provides several different options for the editor which adjust the style of editing. You can see those on the examples page.

The main highlights of markItUp! include:

• Fast and unobtrusive integration
• Support for keyboard shortcuts
• Toolbar and drop down menus
• Fully customizable and scriptable
• Editor's features callable from any place
• Ajax dynamic preview
• Customizable Skins
• Tested on PC: IE6/7, Firefox 2, Opera 9+, Safari 3
• Tested on OSX: Safari, Opera 9+ and Firefox 2
• License: MIT/GPL
• Packed naked engine is about 5.5 kb

评论

3 楼 davepkxxx 2008-08-29  

和EditPlus比起来哪个好用啊？

2 楼 qipvfgkh 2008-08-29  

太小反而功能也不是很强...有利必有弊..

1 楼 foxgst 2008-08-28  

这个东西还不错，我很喜欢，在部分项目中可用。

只是不能所见及所得，对我的用户来说还是太麻烦。