JS为选中内容添加颜色,字体,大小等等

其实说到底也就是一个在线编辑器的功能..

今天两个同学找我,毕业设计也说了半天,我算是理解了.所到底也就是写一个在线编辑器

关键点也就是在于js选取内容,为所选的内容做各种操作.

主要为代码为:

document.selection.createRange().execCommand('Bold');

这段代码就是为选所内容设置粗体

document.selection.createRange().execCommand("Italic");

为所选内容设置斜体

附上下面的表,根据表内容选取相应的内容

參數名稱	參數	說明
FontName	任何字型名稱 (如新細明體)	可以改變選取文字的字型 這個指令用的是第三個參數 execCommand("ForeName","","字型名稱")
FontSize	從1到14的數字	可以改變字型的大小 這個指令用的是第三個參數 execCommand("ForeSize","", 文字大小)
ForeColor	任何顏色數值 (#rrggbb)	可以改變前景(文字)的顏色 這個指令用的是第三個參數 execCommand("ForeColor","","顏色名稱")
Bold	沒有參數	將選取的文字改為粗體
Italic	沒有參數	將選取的文字改為斜體
Underline	沒有參數	將選取的文字加上底線
JustifyLeft	沒有參數	將選取的文字置左
JustifyCenter	沒有參數	將選取的文字置中
JustifyRight	沒有參數	將選取的文字置右
Outdent	沒有參數	減少縮排
Indent	沒有參數	增加縮排
InsertOrderedlist	沒有參數	設定為編號清單
InsertUnorderedlist	沒有參數	設定為項目清單
CreateLink	沒有參數	加入超連結
Cut	沒有參數	剪下
Copy	沒有參數	複製
Paste	沒有參數	貼上
InsertImage	圖片的路徑 (URL)	可以加入圖片, 路徑可以是絕對或是相對路徑. 這個指令用的是第二個參數: execCommand("InsertImage","圖片路徑")