梦入神机,琅琊榜海宴小说,好看的小说君子以泽

主頁(yè) > 知識(shí)庫(kù) > 制作WEB在線(xiàn)編輯器-插入HTML標(biāo)簽

制作WEB在線(xiàn)編輯器-插入HTML標(biāo)簽

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

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

另外，在當(dāng)前鼠標(biāo)所點(diǎn)的位置插入字符可用以下方法：
script>
function showselect() {
var oText = document.selection.createRange();
oText.text=111;
}
/script>
body onmouseup="showselect()">
span id=span1>zdfzadfasfdasdfadsf/span>

標(biāo)簽：陽(yáng)泉東莞濱州邯鄲遼源南充喀什海東

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《制作WEB在線(xiàn)編輯器-插入HTML標(biāo)簽》，本文關(guān)鍵詞制作,WEB,在線(xiàn),編輯器,插入,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

濮阳杆衣贸易有限公司

制作WEB在線(xiàn)編輯器-插入HTML標(biāo)簽