教学演示-UBB,剪贴板,textRange及其他
2006-11-01 00:00
633 查看
这是一个给新手学习代码的帖子,包含以下内容:
如何使用UBB代码,如何用js与剪贴板交互,如何使用textRange对象,如何使用自定义的快捷键操作,如何自动随窗口大小调整页面内容尺寸,正则表达式的使用等等
请仔细阅读代码,有问题请提问,目前代码开发完成度80%,IE only
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Blue Idea UBB Code Edit * { margin:0px; padding:0px; } html, body { background-color:buttonface; width:100%; height:100%; overflow:hidden; border-width:0px; font-size:13px; font-family:Verdana Arial 宋体; color:#333333; cursor:default; } input {border-width:1px;} #divMain { overflow:hidden; } #divTools { width:100%; height:20px; line-height:20px; overflow:hidden; border-bottom:1px solid buttonshadow; margin:0px; padding:0px; padding-left:10px; background-color:buttonface; color:black; } #divTools label { font-weight:bold;float:left;padding-left:15px;padding-right:15px;} #divTools a { display:block; float:left; height:20px; padding-left:15px; padding-right:15px; line-height:20px; text-align:center; overflow:hidden; color:black; text-decoration:none; } #divTools a:hover {background-color:gold;color:black;} #divTools a:active {background-color:navy;color:white;} #divContent, #txtContent { border:1px inset buttonface; width:94%; height:400px; overflow:auto; padding:5px; margin:2px 15px 0px 15px; background-color:white; color:black; display:none; } #txtContent { font-size:14px; border-width:1px; display:block; } .UBB_code { border:1px solid #555; padding:10px; margin:10px; width:500px; background-color:#DDD; font-size:13px; font-weight:normal; color:black; } .UBB_html { padding:4px; width:350px; height:200px; font-size:13px; font-weight:normal; color:black; } .UBB_html_button { width:100px; height:22px; line-height:18px; border-width:2px; margin:0px; } 视图模式: 代码视图 预览视图 | 样式工具: 黑体 斜体 代码 HTML 运行 字体 + 字体 - 粘贴UBB 粘贴HTML
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
如何使用UBB代码,如何用js与剪贴板交互,如何使用textRange对象,如何使用自定义的快捷键操作,如何自动随窗口大小调整页面内容尺寸,正则表达式的使用等等
请仔细阅读代码,有问题请提问,目前代码开发完成度80%,IE only
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Blue Idea UBB Code Edit * { margin:0px; padding:0px; } html, body { background-color:buttonface; width:100%; height:100%; overflow:hidden; border-width:0px; font-size:13px; font-family:Verdana Arial 宋体; color:#333333; cursor:default; } input {border-width:1px;} #divMain { overflow:hidden; } #divTools { width:100%; height:20px; line-height:20px; overflow:hidden; border-bottom:1px solid buttonshadow; margin:0px; padding:0px; padding-left:10px; background-color:buttonface; color:black; } #divTools label { font-weight:bold;float:left;padding-left:15px;padding-right:15px;} #divTools a { display:block; float:left; height:20px; padding-left:15px; padding-right:15px; line-height:20px; text-align:center; overflow:hidden; color:black; text-decoration:none; } #divTools a:hover {background-color:gold;color:black;} #divTools a:active {background-color:navy;color:white;} #divContent, #txtContent { border:1px inset buttonface; width:94%; height:400px; overflow:auto; padding:5px; margin:2px 15px 0px 15px; background-color:white; color:black; display:none; } #txtContent { font-size:14px; border-width:1px; display:block; } .UBB_code { border:1px solid #555; padding:10px; margin:10px; width:500px; background-color:#DDD; font-size:13px; font-weight:normal; color:black; } .UBB_html { padding:4px; width:350px; height:200px; font-size:13px; font-weight:normal; color:black; } .UBB_html_button { width:100px; height:22px; line-height:18px; border-width:2px; margin:0px; } 视图模式: 代码视图 预览视图 | 样式工具: 黑体 斜体 代码 HTML 运行 字体 + 字体 - 粘贴UBB 粘贴HTML
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
相关文章推荐
- 教学演示-UBB,剪贴板,textRange及其他
- 演示使用sql_trace和10046事件对其他会话进行跟踪,并给出trace结果
- 郭克华手机编程教学视频----我的练习源码(22) RMS演示
- AspNet MVC4 教学-5:AspNet MVC4 页面动态生成演示
- Android开发框架xUtils3.x新手教学(五) 其他方便的小组件
- 深度优先搜索的演示学习法——BlackBlank平台应用教学案例
- YOLO2:实时目标检测视频教程,视频演示, Android Demo ,开源教学项目,论文。
- 演示使用sql_trace和10046事件对其他会话进行跟踪,并给出trace结果
- AspNet MVC4 教学-6:AspNet MVC4 CheckBox控件测试演示
- 计算机辅助教学演示用小程序(A sample computer aided instruction applet)
- 北大青鸟.网络工程师.2.0.教学PPT、素材和视频演示
- 将其他程序中的大纲文本插入到 PowerPoint 演示文稿中
- Javascript 插入 UBB标签 到表单 文本域 函数 及演示 By shawl.qiu
- UBB 转换函数演示
- UBB 转换函数演示 (经典论坛)
- 深度优先搜索的演示学习法——BlackBlank平台应用教学案例
- 轻量级Web漏洞教学演示系统DSVW
- STL系列之二_vector(其他用法代码演示)