教学演示-UBB,剪贴板,textRange及其他

2016-02-19 11:43 9 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享教学演示-UBB,剪贴板,textRange及其他，希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发】

这是一个给新手学习代码的帖子，包含以下内容：
如何使用UBB代码，如何用js与剪贴板交互，如何使用textRange对象，如何使用自定义的快捷键操作，如何自动随窗口大小调整页面内容尺寸，正则表达式的使用等等
请仔细阅读代码，有问题请提问，目前代码开发完成度80％，IE only

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "standards-compliant mode" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>Blue Idea UBB Code Edit</title> <style> * { 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; } </style>  </head> <body onload="init();">   <label>视图模式:</label> 代码视图 预览视图 <label> | 样式工具:</label> 黑体 斜体 代码 HTML 运行 字体 +  字体 -  粘贴UBB 粘贴HTML<textarea></textarea>  </body> </html>

来源:http://www.tulaoshi.com/n/20160219/1598327.html

上一篇：分享Java程序员应该知道的10个调试技巧
下一篇：一键锁定QQ保护隐私

看过《教学演示-UBB,剪贴板,textRange及其他》的人还看了以下文章更多>>

腾讯微云剪贴板如何使用

腾讯微云剪贴板如何使用 1、电脑上复制，在手机上粘贴的方法：首先在电脑打开微云客户端，使用Ctrl+C复制一段文字=》再按Ctrl+D会发送=》通过手机上打开微云，进入微云更多=》剪贴板=》在接收消息中可查看到。 2、手机上复制，在电脑上粘贴的方法：进入微云2.0版本中更多=》剪贴板=》在输入框中输入文字=》点击...

win7剪贴板怎么打开?

win7剪贴板怎么打开? 在电脑或者U盘使用操作过程中经常会出现问题，前辈在分享处理经验时也经常会提到清空剪贴板的处理方式，可是究竟Win7系统剪贴板在哪里呢?下面图老师小编就给大家演示如何打开Win7系统中的剪贴板。首先我们要知道，不同于XP系统，Win7是没有界面形式的剪贴板的。查看Win7剪贴板步骤如下： 1、...

如何开启Win7剪贴板？

如何开启Win7剪贴板？如何开启Win7剪贴板？操作方法如下：一、首先我们打开自己电脑桌面里的开始菜单，然后看到里面的有一个搜索框，然后在里面输入CMD这个词，然后点击回车就可以打开命令窗口了。二、然后我们在打开的命令窗口中在输入clip /?这个命令，然后就可以看到剪贴板了，如图所示。我们在...

如何屏蔽IE访问“剪贴板”提示

标签：浏览器

如何屏蔽IE访问“剪贴板”提示使用IE浏览器在某些网页进行复制粘贴操作的时候，经常会跳出一个烦人的提示：确定允许此网页访问"剪贴板"吗?在这些网页粘贴内容的时候，每次都要点击允许访问，非常的麻烦。下面就教大家如何屏蔽这个剪切板提示。解决方法： 1.在IE的菜单栏中，选择工具-Internet选项即可打...

[js]javascript与剪贴板交互

标签：编程语言网络编程

1.怎样操作剪贴板，从而实现复制、剪切与粘贴?同时判断剪贴板里边的数据是否是文本？ if (!IsClipboardFormatAvailable(CF_TEXT)) return; if (!OpenClipboard(hwndMain)) return; hglb = GetClipboardData(CF_TEXT); if (hglb != NULL) { lptstr ...

查看更多精彩>>