HTMLBox，跨浏览器的，开源的HTML / XHTML文本基础上的jQuery库。通过了Mozilla Firefox ， Inrernet浏览器， Netscape和Safari浏览器的测试。一体化的HtmlBox易于集成到CMS，论坛，留言板,博客中。
特点：
- 易于集成
- 兼容主流浏览器.
- 大小只有 15kb (最小 11kb )
- 支持XHTML输出.
- 支持Ajax的动态预览
- 有完整的用户手册，这将引导您完成每一步的整合HtmlBox到您的应用和定制它。
jquery之HTMLBox图片
最简单代码调用：
[code lang=”html”]
<html>
<head>
<title>HtmlBox 4.0 – Demonstration Full</title>
<script src="jquery-1.3.2.min.js" type="text/javascript">
<script src="htmlbox.colors.js" type="text/javascript"></script>
<script src="htmlbox.styles.js" type="text/javascript"></script>
<script src="htmlbox.syntax.js" type="text/javascript"></script>
<script src="xhtml.js" type="text/javascript"></script>
<script src="htmlbox.min.js" type="text/javascript"></script>
</head>
<body>
<textarea id=’ha’></textarea>
<script type="text/javascript">
$("#ha").css("height","100%").css("width","100%").htmlbox({
toolbars:[
[
// Cut, Copy, Paste
"separator","cut","copy","paste",
// Undo, Redo
"separator","undo","redo",
// Bold, Italic, Underline, Strikethrough, Sup, Sub
"separator","bold","italic","underline","strike","sup","sub",
// Left, Right, Center, Justify
"separator","justify","left","center","right",
// Ordered List, Unordered List, Indent, Outdent
"separator","ol","ul","indent","outdent",
// Hyperlink, Remove Hyperlink, Image
"separator","link","unlink","image"</code>
],
[// Show code
"separator","code",
// Formats, Font size, Font family, Font color, Font, Background
"separator","formats","fontsize","fontfamily",
"separator","fontcolor","highlight",
],
[
//Strip tags
"separator","removeformat","striptags","hr","paragraph",
// Styles, Source code syntax buttons
"separator","quote","styles","syntax"
]
],
skin:"blue"
});
</script>
</body>
</html>
[/code]
官方网站：http://remiya.com/htmlbox/index.php/1/home.html
フェラガモ 靴 2013/07/23 07:52
真是不错的方法，感谢分享呀