如何更改字體，顏色，大小，...使用javascript

我有一個textarea，現在想爲用戶提供更改字體大小，樣式等設施，當我點擊一個按鈕時，它應該彈出字體對話框。如何更改字體，顏色，大小，...使用javascript

<html> 
    <body> 
    <form name="abc"> 
    <textarea name="text">loaded text here</textarea> 
    <input type="button" onClick=""> chnage font 
    </form> 
    </body> 
    </html>

我發現THID代碼http://www.smokyhosts.com/forums/showthread.php?t=740通過Lixas，但它改變了文本框的高度和寬度，當我現在改變文字大小

<html> 
<head> 
    <style type="text/css"> 
     body, td, tg, input, select { 
      font-family: Verdana; 
      font-size: 10px; 
     } 

</style> 
</head> 
<body onload="initPosition(document.forms[0].txtLayoutViewer)"> 
<form> 
Change Font Size: 
<select onchange="this.form.txtLayoutViewer.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.txtLayoutViewer);"> 
<option value="10">10px</option> 
<option value="12">12px</option> 
<option value="14">14px</option> 
<option value="16">16px</option> 
<option value="18">18px</option> 
<option value="20">20px</option> 
<option value="24">24px</option> 
<option value="36">36px</option> 
</select> 


<textarea name="txtLayoutViewer" rows="15" cols="75" wrap="off">Any text u want to see how it changes.</textarea> 
</form></body></html>

感謝名單基督教的textarea並沒有改變......用類似的方法是它可以改變文本字體樣式（如粗體，斜體，正規，粗斜體）和字體（新羅馬，盧卡達手寫體時代）？

預先

-subanki

來源

2010-07-12 subanki

你已經綁住了什麼嗎？ – meo 2010-07-12 09:13:46

您可能更喜歡使用TinyMCE http://tinymce.moxiecode.com/，而不是重新實施輪子。 – Metalshark 2010-07-12 09:15:29

爲了什麼目的？僅僅是爲了讓用戶可以在輸入時選擇字體，還是計劃使用指定的字體顯示其他用戶的文本？你可以改變整個textarea的字體，但不能改變它的部分文本。 – Guffa 2010-07-12 09:15:48

以防止尺寸感謝名單從需要設置的寬度和高度，而不是行和cols第二示例beeing改變。

<textarea name="txtLayoutViewer" style="width:500px;height:300px" 
         wrap="off"> 
    Any text u want to see how it changes. 
</textarea>

使用適當的CSS會使它更清潔。

來源

2010-07-12 10:53:30 Christian

thanx很多朋友 – subanki 2010-07-12 10:59:53

如何更改字體，顏色，大小，...使用javascript

回答

相關問題