一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

制作WEB在線編輯器-插入HTML標簽

以前認為WEB的在線編輯器無非就是對輸入內容的替換以及快捷的插入HTML代碼,但是做的時候卻發(fā)現(xiàn)雖然原理是那樣,但是實現(xiàn)方法并非我想的那么死板。由于很少做UI上的東西所以到現(xiàn)在才知道在document中有execCommand方法可以解決插入HTML標簽的問題,這個方法可以在光標所在位置插入需要的HTML標簽,并且要注意的是,如果在一個限制的范圍內插入標簽需要先讓該范圍獲得焦點,例如:
a.focus();
a.document.execCommand('insertButton','','btn');
這里的a對象是一個iframe對象。 execcommand中的第一個參數(shù)是需要插入的控件的命令,第2個目前還不知道,第3個是ID名,這里將插入一個ID=btn的BUTTON控件,如果想加入其他屬性只需要接著后面寫就行了,例如
a.document.execCommand('insertButton','','btn class=btnclass color=red');

第一個參數(shù)的詳細列表
2D-Position 允許通過拖曳移動絕對定位的對象。 
AbsolutePosition 設定元素的 position 屬性為“absolute”(絕對)。 
BackColor 設置或獲取當前選中區(qū)的背景顏色。 
BlockDirLTR 目前尚未支持。 
BlockDirRTL 目前尚未支持。 
Bold 切換當前選中區(qū)的粗體顯示與否。 
BrowseMode 目前尚未支持。 
Copy 將當前選中區(qū)復制到剪貼板。 
CreateBookmark 創(chuàng)建一個書簽錨或獲取當前選中區(qū)或插入點的書簽錨的名稱。 
CreateLink 在當前選中區(qū)上插入超級鏈接,或顯示一個對話框允許用戶指定要為當前選中區(qū)插入的超級鏈接的 URL。 
Cut 將當前選中區(qū)復制到剪貼板并刪除之。 
Delete 刪除當前選中區(qū)。 
DirLTR 目前尚未支持。 
DirRTL 目前尚未支持。 
EditMode 目前尚未支持。 
FontName 設置或獲取當前選中區(qū)的字體。 
FontSize 設置或獲取當前選中區(qū)的字體大小。 
ForeColor 設置或獲取當前選中區(qū)的前景(文本)顏色。 
FormatBlock 設置當前塊格式化標簽。 
Indent 增加選中文本的縮進。 
InlineDirLTR 目前尚未支持。 
InlineDirRTL 目前尚未支持。 
InsertButton 用按鈕控件覆蓋當前選中區(qū)。 
InsertFieldset 用方框覆蓋當前選中區(qū)。 
InsertHorizontalRule 用水平線覆蓋當前選中區(qū)。 
InsertIFrame 用內嵌框架覆蓋當前選中區(qū)。 
InsertImage 用圖像覆蓋當前選中區(qū)。 
InsertInputButton 用按鈕控件覆蓋當前選中區(qū)。 
InsertInputCheckbox 用復選框控件覆蓋當前選中區(qū)。 
InsertInputFileUpload 用文件上載控件覆蓋當前選中區(qū)。 
InsertInputHidden 插入隱藏控件覆蓋當前選中區(qū)。 
InsertInputImage 用圖像控件覆蓋當前選中區(qū)。 
InsertInputPassword 用密碼控件覆蓋當前選中區(qū)。 
InsertInputRadio 用單選鈕控件覆蓋當前選中區(qū)。 
InsertInputReset 用重置控件覆蓋當前選中區(qū)。 
InsertInputSubmit 用提交控件覆蓋當前選中區(qū)。 
InsertInputText 用文本控件覆蓋當前選中區(qū)。 
InsertMarquee 用空字幕覆蓋當前選中區(qū)。 
InsertOrderedList 切換當前選中區(qū)是編號列表還是常規(guī)格式化塊。 
InsertParagraph 用換行覆蓋當前選中區(qū)。 
InsertSelectDropdown 用下拉框控件覆蓋當前選中區(qū)。 
InsertSelectListbox 用列表框控件覆蓋當前選中區(qū)。 
InsertTextArea 用多行文本輸入控件覆蓋當前選中區(qū)。 
InsertUnorderedList 切換當前選中區(qū)是項目符號列表還是常規(guī)格式化塊。 
Italic 切換當前選中區(qū)斜體顯示與否。 
JustifyCenter 將當前選中區(qū)在所在格式化塊置中。 
JustifyFull 目前尚未支持。 
JustifyLeft 將當前選中區(qū)所在格式化塊左對齊。 
JustifyNone 目前尚未支持。 
JustifyRight 將當前選中區(qū)所在格式化塊右對齊。 
LiveResize 迫使 MSHTML 編輯器在縮放或移動過程中持續(xù)更新元素外觀,而不是只在移動或縮放完成后更新。 
MultipleSelection 允許當用戶按住 Shift 或 Ctrl 鍵時一次選中多于一個站點可選元素。 
Open 打開。 
Outdent 減少選中區(qū)所在格式化塊的縮進。 
OverWrite 切換文本狀態(tài)的插入和覆蓋。 
Paste 用剪貼板內容覆蓋當前選中區(qū)。 
PlayImage 目前尚未支持。 
Print 打開打印對話框以便用戶可以打印當前頁。 
Redo 重做。 
Refresh 刷新當前文檔。 
RemoveFormat 從當前選中區(qū)中刪除格式化標簽。 
RemoveParaFormat 目前尚未支持。 
SaveAs 將當前 Web 頁面保存為文件。 
SelectAll 選中整個文檔。 
SizeToControl 目前尚未支持。 
SizeToControlHeight 目前尚未支持。 
SizeToControlWidth 目前尚未支持。 
Stop 停止。 
StopImage 目前尚未支持。 
StrikeThrough 目前尚未支持。 
Subscript 目前尚未支持。 
Superscript 目前尚未支持。 
UnBookmark 從當前選中區(qū)中刪除全部書簽。 
Underline 切換當前選中區(qū)的下劃線顯示與否。 
Undo 撤消。 
Unlink 從當前選中區(qū)中刪除全部超級鏈接。 
Unselect 清除當前選中區(qū)的選中狀態(tài)。

另外,在當前鼠標所點的位置插入字符可用以下方法:
<script>
function showselect() {
var oText = document.selection.createRange();
oText.text=111;
}
</script>
<body onmouseup="showselect()">
<span id=span1>zdfzadfasfdasdfadsf</span>

HTML/CSS技術制作WEB在線編輯器-插入HTML標簽,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲一级毛片视频 | 亚洲午夜精品久久久久久成年 | 玖玖香蕉视频 | 久久国产精品系列 | 成人丝袜激情一区二区 | 91社区视频在线观看 | 看黄网站在线 | 婷婷六月激情在线综合激情 | 91麻豆国产视频 | 色婷婷欧美 | a资源在线观看 | 国产国产成人精品久久 | 久草五月 | 色老板在线免费视频 | 色哟哟在线免费观看 | 国产精品伦子一区二区三区 | 久久狠狠第一麻豆婷婷天天 | www.五月婷| 亚洲四区 | 九一视频免费 | eeuss影院www在线观看手机 | 亚洲欧洲色天使日韩精品 | 久久机热这里只有精品无需 | 久久精品国产久精国产 | 一二三四在线观看视频中国 | 婷婷综合社区 | 国产欧美一区二区三区免费 | 亚洲黄色美女视频 | 巨臀中文字幕一区二区视频 | 亚洲狠狠狠一区二区三区 | 亚洲免费h | 日日日bbb | 美女一级毛片毛片在线播放 | 国产亚洲第一页 | 亚洲成人中文 | 国产精品免费一区二区区 | 国产综合色在线视频区色吧图片 | 亚洲综合激情 | 国产精品欧美韩国日本久久 | 91成人免费在线视频 | 国产免费资源高清小视频在线观看 |