基于jQuery的文本编辑器markItUp!
September 07, 2009
11:39 AM, Sep 08
markItUp!这个名字很有趣,和Yahoo!一样后面带了一个感叹号的尾巴。markItUp!是一款基于jQuery的轻量级文本编辑器,和一般的WYSIWYG(所见即所得)编辑器不同,呈现在文本框中的依然是代码,编辑器简化了插入代码的工作。
在试用过NicEdit之后,再次选择了markItUp!,因为markItUp!的扩展性更好,支持快捷键,动态预览,自定义皮肤,总体说来,比NicEdit更为成熟。
调用markItUp!编辑器:
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="markitup/jquery.markitup.js"></script>
编辑器格式,如html,ubb,wiki等等:
<script type="text/javascript" src="markitup/sets/default/set.js"></script>
CSS文件,其中有皮肤的样式:
<link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" /> <link rel="stylesheet" type="text/css" href="markitup/sets/default/style.css" />
插件的安装:将插件的set.js文件内容放入sets编辑器格式下的set.js文件中,将插件的css文件内容放入sets编辑器格式下的style.css文件中。
其实,写这篇文章只是为了测试一下新安装的markItUp!使用效果如何。