Bold selected text in text area using java script

Question

Simply tying to bold selected text within the text area

Here my code :

<script type="text/javascript">
function Bold() {
    document.getElementById('firstTextarea').value = 'bold';
</script>

HTML:

<textarea id="firstTextarea" rows="12" cols="40"></textarea>
<button onclick="Bold();">Bold</button>

You're setting the wrong attribute of the textarea element. See udidu's answer. — Nick Pickering, Feb 24 '13 at 13:46
You might want to look at this post here: http://stackoverflow.com/questions/275761/how-to-get-selected-text-from-textbox-control-with-javascript — jonasnas, Feb 24 '13 at 13:49
This is not possible in a standard textarea elemento. You will have to use a div with editable html or an WYSIWYG editor like ckeditor, cleditor or tiny MCE. — Ricardo Souza, Feb 24 '13 at 13:50

score 1 · Answer 1 · edited Feb 24 '13 at 13:49

1

You are setting the value attribute of that Textarea field. What you want to set is the font-weight attribute which is done like this:

document.getElementById('firstTextarea').style.fontWeight = 'bold';

edited Feb 24 '13 at 13:49

Nick Pickering

answered Feb 24 '13 at 13:44

udidu

it doesn't bold bold the selected text but all text instead – jonasnas Feb 24 '13 at 13:48
Does that mean that the answer is you should bold all text ? – jonasnas Feb 24 '13 at 13:51
well thanks for the input but that didnt work at all, didnt even bold the text in the text area, although could be an issues with my button – devanteaddai Feb 24 '13 at 13:53
@user2104513.. try to change you'r font to something else.. the default font (monospace) for `textarea` sometimes look like normal if its bold... – udidu Feb 24 '13 at 13:55
@jonasnas, No, if you want to highlight the selected text you should use something else instead of the `textarea`.. – udidu Feb 24 '13 at 13:56
any idea to what I should do instead, nothing to complicated – devanteaddai Feb 24 '13 at 14:00
It's OK. All I'm saying is the question was about a selected text. – jonasnas Feb 24 '13 at 14:00

1 Answers1