how to surround a text by tag using a button ?

[lofaifa]

like forums text editors , i have a piece of text and i wanna make it bold , first i select the text and click a button 

 

//this is an example

 

how can i do that in javascript ? , how can the javascript function know the selected text ?

[smerny]

try something like this

var sel = window.getSelection().getRangeAt(0);
var content = "[b]"+sel.extractContents()+"[/b]";
sel.text(content);

[lofaifa]

thank you .

[smerny]

did that work, unmodified? i am unable to test now so i'm curious

 

doubting it worked..

[lofaifa]

thank you != worked

 

i found a function :

 

function applyTag(obj,tag)
{wrapText(obj, '['+tag+']', '[/'+tag+']');};

function wrapText(obj, beginTag, endTag)
{
if(typeof obj.selectionStart == 'number')
{
	// Mozilla, Opera, and other browsers
	var start = obj.selectionStart;
	var end   = obj.selectionEnd;
	obj.value = obj.value.substring(0, start) + beginTag + obj.value.substring(start, end) + endTag + obj.value.substring(end, obj.value.length);
}
else if(document.selection)
{
	// Internet Explorer
	// make sure it's the textarea's selection
	obj.focus();
	var range = document.selection.createRange();
	if(range.parentElement() != obj) return false;

    if(typeof range.text == 'string')
        document.selection.createRange().text = beginTag + range.text + endTag;
}
else
	obj.value += text;
};

 

 

and this in You page :

 

<input type="button" value="bold" onclick="applyTag(document.getElementById('question_text'),'strong')" />