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

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

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

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

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

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

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

主站蜘蛛池模板: 国产91精品系列在线观看 | 日本高清色www网站色 | 国产精品自在线天天看片 | 奇米色吧 | 色悠久久久 | 亚洲欧美精品久久 | 成人年鲁鲁在线观看视频 | 在线观看91精品国产不卡免费 | 在线看色 | 欧美日韩国产一区二区三区欧 | 亚洲综合网国产福利精品一区 | 国产欧美91 | 欧美人最猛性xxxxx | 末成年美女黄网站色大片连接 | 激情五月婷婷丁香 | 91中文字幕在线一区 | 亚洲综合色一区二区三区小说 | 国产精品人人爱一区二区白浆 | 婷婷激情丁香 | 欧美成人精品欧美一级乱黄 | 色综合888| 国产中文字幕视频在线观看 | 91秒拍国产福利一区 | 看全色黄大色大片免费久久 | 2019天天干天天操 | a级国产乱理论片在线观看 a级国产乱理论片在线观看看 | 精品国产系列在线观看 | 色天使色婷婷在线影院亚洲 | 色播影院性播免费看 | 黄色片网站在线免费观看 | 久久久久久久久亚洲 | 韩国一区二区三区视频 | 岛国大片在线 | 国产成人久久蜜一区二区 | 久久精品国产亚洲片 | 美女被男人扒开腿猛网站 | 天天色天天拍 | 天堂在线观看 | 两性午夜视频 | 日本一区二区三区在线 视频 | 婷婷久久精品 |