搜索:
首页 >> 下载中心 >> JavaScript源码 >> 小小菜刀编辑器2.0 源码下载

小小菜刀编辑器2.0 源码下载

2009-5-22 来源:小小菜刀 投递文章

图片: 

小小菜刀编辑器2.0  更小、更简单、更方便、更强兼容

小小菜刀编辑器2.0 不同于1.0版是参考了网上众多的编辑器自主开发的一款轻量级编辑器

兼容IE6.0 、IE7.0、Mozilla Firefox、Google Chrome

源码打包下载地址:HtmlEditor.rar (14.05 KB)

使用说明:

例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>小小菜刀编辑器2.0</title>
<script type="text/javascript" src="editor/editor.js"></script>
<script language="javascript">
CD.IniEditor({
id : ["content1"],
use : [true],
root : './editor/'
});
</script>

</head>
<body>
<table width="100%" border="0" cellspacing="1" cellpadding="2">
<form name="example" method="post" action="Demo.php">
<tr>
<td align="right" valign="top" style="padding-top:5px">信息内容1:</td>
<td> <textarea name="content1" id="content1" style="width:520px;height:280px;display:none"></textarea> </td>
</tr>
<tr>
<td align="right"> </td>
<td><input type="submit" name="Submit" value="确定提交" />
<input type="reset" name="Submit2" value="清除重置" /></td>
</tr>
</form>
</table>
</body>
</html>

代码解释:

1.页面中必须有个文本区域,如:<textarea name="content1" id="content1" style="width:520px;height:280px;display:none"></textarea>

2.页面中必须引入:<script type="text/javascript" src="editor/editor.js"></script>

3.加载菜刀编辑器,并初始化

<script language="javascript"> 
CD.IniEditor({
id : ["content1"],
use : [true],
root : './editor/'
});
</script>

id : ["content1"] :是要初始化文本与的ID名称,如果是多个请一逗号隔开,如id : ["content1","content2","content3"],

use : [true]: 是加载编辑器是否带图片功能,true表示加载图片功能,false表示不加载,如果一个页面初始化多个文本区域,那么use也必须对应的设置多个use : [true,false,true]

Tags:编辑  编辑器  下载  源码 
相关文章
手机版 JavaScript源码 Asp之家 Aspxhome.com
闽ICP备06017341号