首頁  >  文章  >  web前端  >  Javascript實作簡單的富文本編輯器附示範_javascript技巧

Javascript實作簡單的富文本編輯器附示範_javascript技巧

WBOY
WBOY原創
2016-05-16 16:44:191613瀏覽
複製程式碼以下程式碼:





富文本編輯器
頭>

;
編輯區
;

字體顏色:

粗體選項>
斜體選項>
底線選項>;
;
選擇>
字體名稱:


>



function setFontColor(obj)
{
document.execCommand( "forecolor",false,obj.value);
}
函數setFontStyle(obj)
{
document.execCommand(obj.value,false,null);
}
}
function setFontFamily(obj)
{
document.execCommand("fontname",false,obj.value);
}
腳本>
身體>
html>
線上展示:http://jsfiddle.net/Web_Code/nPNv3/embedded/result/ 不足之處請諒解,提出指正方法
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn