在文本区域中将文本设置为粗体

Question

Heres the particular html code, which consists of the button 'bold' and the text area.

<form name="myform">
 < input type="button" onClick="Bold()" value="Bold"> 
</form>

<textarea name="myTextArea" id="myTextArea" cols="100" rows="14" placeholder="Enter Text Here ...">< /textarea>

Heres My Javascript

function Bold() {
    myTextArea.document.execCommand('bold',false,null); 
}

What am i doing wrong ????

Answer 1

If you want the textarea to display bold text, you can do that via css style attribute:

<textarea style="font-weight: bold">test-text</textarea>

Also, you can use div insted, and set contenteditable="true" http://jsfiddle.net/XNkDx/2852/ And, use hotkey ctrl+b

UPDATE: If you want to use button, just, get selected text and change it http://jsfiddle.net/XNkDx/2859/

Answer 2

You can simply use javascript like this:

function Bold() {
    document.getElementById("myTextArea").style.fontWeight = 'bold'; 
}

Demo

Answer 3

I Think you should use string.bold() function of javascript like this one:

function Bold() {
    var str = document.getElementById('myTextArea').value();
    var result = str.bold();
}

or you can use css style

{font-weight:bold;}