教學演示-UBB,剪貼板,textRange及其他

2024-09-06 12:45:10

字體：大中小

來源：轉載

供稿：網友

這是一個給新手學習代碼的帖子，包含以下內容：
如何使用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 id="txtContent"></textarea>  </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：下拉菜單既可以選擇,又可以自己填寫

下一篇：子父窗口之間的操作