#######################################################################
#
# KindEditor 2.4 自述文件
#
#######################################################################
一 简单使用方法
1. 把所有文件上传到程序所在目录下,例如:http://你的域名/editor/。
2. 在此目录下创建attached文件夹,并把权限改成777。
3. 要添加编辑器的地方加入以下代码。(原来的TEXTAREA或其它编辑器可以先注释。)
这里[]里的内容要根据你的实际情况修改。
-----------------------------------------------------------------------
<input type="hidden" name="[原TEXTAREA名字]" value="[这里放你要编辑的内容]">
<script type="text/javascript" src="[JS路径]/KindEditor.js"></script>
<script type="text/javascript">
var editor = new KindEditor("editor"); //创建编辑器对象
editor.hiddenName = "[原TEXTAREA名字]";
editor.editorWidth = "[编辑器宽度,例如:700px]";
editor.editorHeight = "[编辑器高度,例如:400px]";
editor.show(); //显示
//提交时获得最终HTML代码的函数
function KindSubmit() {
editor.data();
}
</script>
-----------------------------------------------------------------------
4. FORM的onsubmit属性里添加KindSubmit()函数。
<form name="formname" onsubmit="javascript:KindSubmit();">
或可以放在提交按钮的onclick属性里。
<input type="button" value="Submit" onclick="javascript:KindSubmit();">
5. 如果KindEditor文件放在其它目录下,那就需要通过skinPath、iconPath属性指定图片、笑脸目录。
* 使用方法可以参考demo文件。
-----------------------------------------------------------------------
二 属性介绍
-----------------------------------------------------------------------
1. siteDomain
网站域名,这个域名下的图片改成相对路径。
默认值:无
例:wwww.kindsoft.net
2. editorType
simple或full,简单模式或完全模式
默认值:full
3. safeMode
true或false,安全模式。true时过滤脚本和事件属性。
默认值:false
4. uploadMode
true或false,上传模式。true时使用上传功能。
默认值:true
5. hiddenName
提交时编辑内容的POST参数名
默认值:无
6. editorWidth
编辑器宽度
默认值:700px
7. editorHeight
编辑器高度
默认值:400px
8. skinPath
编辑器图片路径
默认值:skins/default/
9. iconPath
编辑器笑脸图片路径
默认值:icons/
10. imageAttachPath
保存上传图片的路径
默认值:attached/
11. imageUploadCgi
上传图片的CGI文件路径
默认值:./upload_cgi/upload.php
12. menuBorderColor
下拉菜单边框颜色
默认值:#AAAAAA
13. menuBgColor
下拉菜单背景颜色
默认值:#EFEFEF
14. menuTextColor
下拉菜单文本颜色
默认值:#222222
15. menuSelectedColor
下拉菜单选中颜色
默认值:#DDDDDD
16. toolbarBorderColor
工具栏背景颜色
默认值:#DDDDDD
17. toolbarBgColor
工具栏背景颜色
默认值:#EFEFEF
18. formBorderColor
编辑框边框颜色
默认值:#DDDDDD
19. formBgColor
编辑框背景颜色
默认值:#FFFFFF
20. buttonColor
按钮背景颜色
默认值:#AAAAAA
-----------------------------------------------------------------------
属性例子:
-----------------------------------------------------------------------
<input type="hidden" name="content" value="[这里放你要编辑的内容]">
<script type="text/javascript" src="./KindEditor.js"></script>
<script type="text/javascript">
var editor = new KindEditor("editor");
editor.siteDomain = "www.kindsoft.net";
editor.safeMode = true; // true 或 false
editor.uploadMode = true; // true 或 false
editor.hiddenName = "content"; //上面hidden的名字
editor.imageUploadCgi = "./upload_cgi/upload.php"; //图片上传CGI程序
editor.editorType = "simple"; // simple 或 full
editor.skinPath = "skins/fck/"; //编辑器图片目录
editor.editorWidth = "700px"; //宽度
editor.editorHeight = "400px"; //高度
editor.menuBorderColor = '#696969';
editor.menuBgColor = '#EFEFDE';
editor.menuTextColor = '#000000';
editor.menuSelectedColor = '#C7C78F';
editor.toolbarBorderColor = '#696969';
editor.toolbarBgColor = '#EFEFDE';
editor.formBorderColor = '#696969';
editor.buttonColor = '#C7C78F';
editor.show();
function KindSubmit() {
editor.data(); //把编辑器的内容放在content隐藏Form里。
}
</script>
-----------------------------------------------------------------------
三 编写图片上传CGI
-----------------------------------------------------------------------
KindEditor不建议您使用upload_cgi里自带的CGI程序,因为用这个上传图片无法进行管理。
建议您图片原名和更改后名字一起保存到文件或数据库里,并按栏目保存在不同的目录下。
1. Form结构
--------------------------------------
<form name="uploadForm" method="post" enctype="multipart/form-data" action="[imageUploadCgi指定的处理程序]">
更改后文件名<input type="hidden" name="fileName" value="">
文件<input type="file" name="fileData">
描述<input type="text" name="imgTitle" value="">
宽<input type="text" name="imgWidth" value="">
高<input type="text" name="imgHeight" value="">
边<input type="text" name="imgBorder" value="">
<select name="imgAlign">
<option value="">对齐方式</option>
</select>
横隔<input type="text" name="imgHspace" value="">
竖隔<input type="text" name="imgVspace" value="">
<input type="submit" name="button" value="确定">
</form>
--------------------------------------
2. 调用的JavaScript函数
parent.KindInsertImage("[图片URL]","[图片宽度]","[图片高度]","[图片边框]","[ALT里的描述]","[图片对齐方式]","[图片横向空白]","[图片竖向空白]");
最后上传成功后执行这个函数插入图片并关闭下拉菜单。
* 注意点: 文件要上传到JavaScript里imageAttachPath目录里。
parent.KindDisableMenu();
隐藏所有弹出菜单。
parent.KindReloadIframe();
重新装载图片弹出菜单。
3. 具体编写方法请参考upload_cgi里的程序。
-----------------------------------------------------------------------
四、风格制作方法
-----------------------------------------------------------------------
1. 首先在skins目录下建立一个目录。例如: skins/myskin/
2. 把skins/default/目录下的所有文件复制到自定义风格目录下。
然后可以一个一个替换,大小可以不同,但名字必须保持一致。
3. 在调用编辑器的地方,通过属性配置风格路径和编辑器颜色。
例如:
editor.skinPath = "skins/myskin/"; //指向刚才制作好的目录
editor.menuBorderColor = '#696969';
editor.menuBgColor = '#EFEFDE';
editor.menuTextColor = '#000000';
editor.menuSelectedColor = '#C7C78F';
editor.toolbarBorderColor = '#696969';
editor.toolbarBgColor = '#EFEFDE';
editor.formBorderColor = '#696969';
editor.buttonColor = '#C7C78F';
-----------------------------------------------------------------------
-----------------------------------------------------------------------
五、常见问题
-----------------------------------------------------------------------
1. 怎么在GB2312编码下使用KindEditor?
答:本编辑器默认采用UTF-8格式。要改成GB2312格式,用任何带有编码转换功能的编辑器(UltraEdit, EditPlus等)把KindEditor.js文件本身格式转换成GB2312就可以。
若使用图片上传功能,upload程序也要改成GB2312。
-----------------------------------------------------------------------
要了解详情或有疑问,请访问http://www.kindsoft.net。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
SMART系统是一个采用新思路、新架构、新技术开发出来的一个新型智能在线考试信息管理系统,该系统主要实现了学生在线考试与评估以及对各种评估信息的管理和维护。本文针对教育工作的具体需求,用struts + spring + hibernate搭建的框架为设计平台,以B/S(Browser/Server)模式开发与设计题库及试卷管理模块。本设计为Smart系统的一部分。主要设计和实现了学校考试的出卷方式与试题库的管理。论文首先阐述了题库管理及试卷管理系统的详细需求分析、数据库的合理设计以及系统设计原理,给出了计算机管理环境下的题型分类、试卷生成的方法,并从科学、实用的角度构造系统功能模块,包括试题录入、题库维护、生成试卷、试卷管理等功能。其次介绍了各个模块功能的具体实现,包括:题库权限管理、手动出卷、自动出卷等。最后通过本模块的应用,可以满足评估系统中考试需求,对教育评估的发展起到一定的促进作用。
资源推荐
资源详情
资源评论
收起资源包目录
java Smart系统-题库及试卷管理模块的设计与开发(源代码+论文).zip (505个子文件)
0iBfxG5MxZmGripcBywMzGBNSoGgAuzz 64B
2axWq0ygkpaioQRA5eTpSbtChBigwa7A 64B
76cGv7gsgW37TVv8idgSRLKne455sbWg 64B
7VM2z14iiv9tSrHWWBkQoSx4mKAT0nza 64B
83Z1ivk4iVXg09Xe7RJPg13WqoPENw1k 64B
8LJQLrFwJzKJ15SkKIuMr5NYMwcXZLZy 64B
aJE9ljuTsCJPSIQo4yP9IeRUK4k6e0TY 64B
ALHQ5wkvMquw12WRVkjK97ywTbnsk3ZT 64B
AVMvfhbQFfxX4LfJfkpSBkVQ13rKGspQ 64B
aXAcjQvluCNyBNyaFDfy7Q0OyA4orKvV 64B
B4FD4JwTYXh0uJSY2Q23mIGwj9iaThHF 64B
bltusRtcd1SWFd50Zq4SOK7AWRHAJCgO 64B
bntpQ4rtKUDnsMShu2gs6KFNZ6hka2Ge 64B
BoF0J6k9Ip2ye6D8YscEmPcoRicGN4qz 64B
c1x7zwFmE1eVWn9siqilWUI9biy8tFI1 64B
CbCj8FKBJsi12nWnN2QTTvaSltjC3i3x 64B
CdPyVX0WHJoW0ohxeBj9qDpsdSCLTA7J 64B
ckD2yFNFaTjS1FpXHjKWuV3owAw1a3An 64B
style_new.css 52KB
cssedc.css 4KB
dtreer.css 920B
CTwDSqwwON6qsoqX07m9i4kHlAbYuTQp 64B
Cv9ZMf31uG9Mh9PF1tRxBJOsDTezaMoU 64B
CvoEMtGT2B0gK4cLNqdxSNGGmOkV0TQE 64B
-Smart系统-题库及试卷管理模块的设计与开发.doc 1.72MB
dWL9VQIlpQjYt0LaMhX7zucVLv96XJdU 64B
dxEk2qzNan2rvpvzt9AWdTihE13CEYmD 64B
dXJ5AmGwVvOzWlPCoTbZK0XqmEtipGI7 64B
eAN3wICDSCU34T65WDIodBHwP3lfRptX 64B
EYGAkxxuEaE9tebkMmeaIGq3zJRNFbgb 64B
bg5.gif 33KB
bghd1.gif 32KB
bghd.gif 32KB
login_title.gif 18KB
login_r3_c32.gif 17KB
login_logo.gif 14KB
login_r3_c60.gif 11KB
login_r3_c11.gif 8KB
login_r3_c31.gif 8KB
error_r4_c1.gif 8KB
error_r4_c4.gif 6KB
error2_r3_c5.gif 4KB
login_copyright.gif 4KB
login_r4_c3.gif 3KB
login_text.gif 3KB
login_r4_c10.gif 3KB
error_r1_c1.gif 2KB
btn_back5.gif 2KB
login_r8_c3.gif 2KB
login_r3_c5.gif 2KB
EIMS_4.gif 2KB
calendar_bg.gif 2KB
EIMS_1.gif 2KB
login_r3_c10.gif 2KB
login4_r2_c22.gif 2KB
btn1_down.gif 2KB
EIMS_2.gif 2KB
EIMS_3.gif 2KB
calendar_over1.gif 2KB
btn1.gif 2KB
btn_back.gif 2KB
btn.gif 2KB
login_r4_c13.gif 1KB
btn_quit1.gif 1KB
login_r3_c111.gif 1KB
btn_quit.gif 1KB
btn3.gif 1KB
btn2.gif 1KB
btn_select2.gif 1KB
btn_back3.gif 1KB
btn_resume1.gif 1KB
back.gif 1KB
forward.gif 1KB
btn_close.gif 1KB
login_close.gif 1KB
btn_save1.gif 1KB
btn_read.gif 1KB
login_bottom.gif 1KB
base.gif 1KB
btn_down.gif 1017B
btn_feedback.gif 1014B
login_enter.gif 993B
btn_bg2.gif 978B
btn_delete2.gif 978B
btn_add.gif 970B
btn_submit.gif 954B
login_r10_c3.gif 924B
btn_all_cancel.gif 921B
btn_cancel1.gif 903B
btn_send.gif 896B
btn_cancel.gif 894B
btn_modify1.gif 890B
btn_save.gif 890B
login_r10_c10.gif 888B
nolines_plus0.gif 870B
nolines_minus0.gif 861B
bgtop_.gif 836B
adress_bg1.gif 836B
btn_new.gif 833B
btn_delete1.gif 831B
共 505 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
卡兹拉船长
- 粉丝: 0
- 资源: 145
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功