/*
Use:
$('#BBCodeEditor').ruiEditor();
*/
(function( $ ) {
$.fn.ruiEditor = function( options ) {
// Create some defaults, extending them with any options that were provided
var settings = $.extend( {
Bold : true,
Italics : true,
Underline : true,
Strikethrough : true,
Indent : true,
Size : true,
Color : true,
OrderedList : true,
UnorderedList : true
}, options);
return this.each(function(){
$(this).attr('class', '');
$(this).addClass('ui-corner-all');
$(this).addClass('rui-editor-container');
var textareaEditor = $(this).find('textarea').addClass('rui-editor-textarea')[0];
var menu = $('');
/*BOLD*/
if (settings.Bold)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'B', null);
return false;
}));
/*ITALIC*/
if (settings.Italics)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'I', null);
return false;
}));
/*UNDERLINE*/
if (settings.Underline)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'U', null);
return false;
}));
/*STRIKETHROUGH*/
if (settings.Strikethrough)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'S', null);
return false;
}));
/*INDENT*/
if (settings.Indent)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'INDENT', null);
return false;
}));
/*UNORDEREDLIST*/
if (settings.UnorderedList)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'UL', null);
return false;
}));
/*ORDEREDLIST*/
if (settings.OrderedList)
$(menu).append($('').bind('mouseover', function(){
$(this).find('a').addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).find('a').removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).find('a').addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).find('a').removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'OL', null);
return false;
}));
/*COLOR*/
if (settings.Color)
$(menu).append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="WHITE"');
return false;
})).append($('')
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="WHITE"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="RED"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="GREEN"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="BLUE"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="ORANGE"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="PURPLE"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="GRAY"');
return false;
})))
.append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'COLOR', 'VALUE="YELLOW"');
return false;
})))
));
/*SIZE*/
if (settings.Size)
$(menu).append($('').append($('').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="NONE"');
return false;
})).append($('')
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="1"');
return false;
})))
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="2"');
return false;
})))
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="3"');
return false;
})))
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="4"');
return false;
})))
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="5"');
return false;
})))
.append($('').append($('T
').bind('mouseover', function(){
$(this).addClass('ui-state-hover');
}).bind('mouseout', function(){
$(this).removeClass('ui-state-hover');
}).bind('mousedown', function(){
$(this).addClass('ui-state-active');
}).bind('mouseup', function(){
$(this).removeClass('ui-state-active');
}).bind('click', function(){
CreateBBCode(textareaEditor, 'SIZE', 'VALUE="6"');
return false;
})))
));
$(this).prepend(menu);// hotkeys
$(this).prepend( $('Preview').button().bind('click', function(){
$('#' + $(textareaEditor).attr('id') + '_divPreview').html($(textareaEditor).val()
.replace(/\[INDENT\]/g, '')
.replace(/\[\/INDENT\]/g, '
')
.replace(/\[B\]/g, '')
.replace(/\[\/B\]/g, '')
.replace(/\[I\]/g, '')
.replace(/\[\/I\]/g, '')
.replace(/\[U\]/g, '')
.replace(/\[\/U\]/g, '')
.replace(/\[S\]/g, '')
.replace(/\[\/S\]/g, '')
.replace(/\[UL\]/g, '')
.replace(/\[\/UL\]/g, '
')
.replace(/\[OL\]/g, '')
.replace(/\[\/OL\]/g, '
')
.replace(/\[LI\]/g, '')
.replace(/\[\/LI\]/g, '')
.replace(/\[COLOR VALUE=\"WHITE\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"RED\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"GREEN\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"BLUE\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"ORANGE\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"PURPLE\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"GRAY\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[COLOR VALUE=\"YELLOW\"\]/g, '')
.replace(/\[\/COLOR\]/g, '')
.replace(/\[SIZE VALUE=\"1\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\[SIZE VALUE=\"2\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\[SIZE VALUE=\"3\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\[SIZE VALUE=\"4\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\[SIZE VALUE=\"5\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\[SIZE VALUE=\"6\"\]/g, '')
.replace(/\[\/SIZE\]/g, '
')
.replace(/\n/g, '
')
).show();
$(textareaEditor).hide();
})
);
$(this).prepend( $('Edit').button().bind('click', function(){
$('#' + $(textareaEditor).attr('id') + '_divPreview').hide();
$(textareaEditor).show();
})
);
$(this).append( $('') );
var isCtrl = false;
$(textareaEditor).keyup(function (e) {
if(e.which == 17) isCtrl=false; }).keydown(function (e) {
if(e.which == 17) isCtrl=true;
if (e.which == 66 && isCtrl == true) // CTRL + B, bold
{
$('#' + $(textareaEditor).attr('id') + '_b').click();
return false;
}
else if (e.which == 73 && isCtrl == true) // CTRL + I, italic
{
$('#' + $(textareaEditor).attr('id') + '_i').click();
return false;
}
else if (e.which == 85 && isCtrl == true) // CTRL + U, underline
{
$('#' + $(textareaEditor).attr('id') + '_u').click();
return false;
}
else if (e.which == 90 && isCtrl == true) // CTRL + Z, undo
{
$(this).val(backUp.pop());
return false;
}
else if (isCtrl == false)
backUp.push($(this).val());
}
);
});
};
})( jQuery );
var backUp = new Array();backUp.push('');
function CreateBBCode (element, tag, args) {
if (tag == null)
return;
var attributes = '';
if (args != null)
attributes = ' ' + args;
var bbCodeOpen = '[' + tag + attributes + ']';
var bbCodeClose = '[/' + tag + ']';
var createListItems = false;
var changeColor = false;
var changeSize = false;
if(tag == 'UL' || tag == 'OL') /*If we are creating a UL or OL, we need to create list items deliminated by the newline character*/
{
createListItems = true;
bbCodeOpen = bbCodeOpen + '\n[LI]';
bbCodeClose = '[/LI]\n' + bbCodeClose;
}
if (tag == 'COLOR' && args != null) /*If we are creating a color tag, we may be able to just change the color out*/
changeColor = true;
if (tag == 'SIZE' && args != null) /*If we are creating a size tag, we may be able to just change the size out*/
changeSize = true;
if (document.selection) {
element.focus();
backUp.push(element.value);
sel = document.selection.createRange();
if (createListItems)
sel.text = bbCodeOpen + sel.text.replace(/\[LI\]/g, '')
.replace(/\[\/LI\]/g, '')
.replace(/\[UL\]\n/g, '')
.replace(/\n\[\/UL\]/g, '')
.replace(/\[OL\]\n/g, '')
.replace(/\n\[\/OL\]/g, '')
.replace(/\n/g, '[/LI]\n[LI]') + bbCodeClose;
else if (sel.text.indexOf('[COLOR VALUE="WHITE"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="WHITE"]', '');
else if (sel.text.indexOf('[COLOR VALUE="RED"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="RED"]', '');
else if (sel.text.indexOf('[COLOR VALUE="GREEN"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="GREEN"]', '');
else if (sel.text.indexOf('[COLOR VALUE="BLUE"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="BLUE"]', '');
else if (sel.text.indexOf('[COLOR VALUE="ORANGE"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="ORANGE"]', '');
else if (sel.text.indexOf('[COLOR VALUE="PURPLE"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="PURPLE"]', '');
else if (sel.text.indexOf('[COLOR VALUE="GRAY"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="GRAY"]', '');
else if (sel.text.indexOf('[COLOR VALUE="YELLOW"]') == 0 && changeColor)
sel.text = bbCodeOpen + sel.text.replace('[COLOR VALUE="YELLOW"]', '');
else if (sel.text.indexOf('[SIZE VALUE="1"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="1"]', '');
else if (sel.text.indexOf('[SIZE VALUE="2"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="2"]', '');
else if (sel.text.indexOf('[SIZE VALUE="3"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="3"]', '');
else if (sel.text.indexOf('[SIZE VALUE="4"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="4"]', '');
else if (sel.text.indexOf('[SIZE VALUE="5"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="5"]', '');
else if (sel.text.indexOf('[SIZE VALUE="6"]') == 0 && changeSize)
sel.text = bbCodeOpen + sel.text.replace('[SIZE VALUE="6"]', '');
else if (sel.text.indexOf(bbCodeOpen) != 0)
sel.text = bbCodeOpen + sel.text + bbCodeClose;
} else if (element.selectionStart || element.selectionStart == '0') {
element.focus();
backUp.push(element.value);
var startPos = element.selectionStart;
var endPos = element.selectionEnd;
if (createListItems)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace(/\[LI\]/g, '')
.replace(/\[\/LI\]/g, '')
.replace(/\[UL\]\n/g, '')
.replace(/\n\[\/UL\]/g, '')
.replace(/\[OL\]\n/g, '')
.replace(/\n\[\/OL\]/g, '')
.replace(/\n/g, '[/LI]\n[LI]') + bbCodeClose + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="WHITE"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="WHITE"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="RED"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="RED"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="GREEN"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="GREEN"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="BLUE"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="BLUE"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="ORANGE"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="ORANGE"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="PURPLE"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="PURPLE"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="GRAY"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="GRAY"]', '');
else if (element.value.substring(startPos, endPos).indexOf('[COLOR VALUE="YELLOW"]') == 0 && changeColor)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[COLOR VALUE="YELLOW"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="1"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="1"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="2"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="2"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="3"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="3"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="4"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="4"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="5"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="5"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf('[SIZE VALUE="6"]') == 0 && changeSize)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos).replace('[SIZE VALUE="6"]', '') + element.value.substring(endPos, element.value.length);
else if (element.value.substring(startPos, endPos).indexOf(bbCodeOpen) != 0)
element.value = element.value.substring(0, startPos) + bbCodeOpen + element.value.substring(startPos, endPos) + bbCodeClose + element.value.substring(endPos, element.value.length);
/*reselect the selection including the newly created tags*/
element.selectionStart = startPos;
element.selectionEnd = endPos + bbCodeOpen.length + bbCodeClose.length;
} else {
element.value += bbCodeOpen + bbCodeClose;
}
}
function bbCodeHelperGetBBCode(bbCodeText){
return bbCodeText
.replace(//g, '[INDENT]').replace(/<\/div>/g, '[/INDENT]')
.replace(/
/g, '[B]').replace(/<\/b>/g, '[/B]')
.replace(//g, '[I]').replace(/<\/i>/g, '[/I]')
.replace(//g, '[U]').replace(/<\/u>/g, '[/U]')
.replace(//g, '[S]').replace(/<\/s>/g, '[/S]')
.replace(//g, '[UL]').replace(/<\/ul>/g, '[/UL]')
.replace(//g, '[OL]').replace(/<\/ol>/g, '[/OL]')
.replace(/- /g, '[LI]').replace(/<\/li>/g, '[/LI]')
.replace(//g, '[COLOR VALUE="WHITE"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="RED"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="GREEN"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="BLUE"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="ORANGE"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="PURPLE"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="GRAY"]').replace(/<\/span>/g, '[/COLOR]')
.replace(//g, '[COLOR VALUE="YELLOW"]').replace(/<\/span>/g, '[/COLOR]')
.replace(/
/g, '[SIZE VALUE="1"]').replace(/<\/h1>/g, '[/SIZE]')
.replace(//g, '[SIZE VALUE="2"]').replace(/<\/h2>/g, '[/SIZE]')
.replace(//g, '[SIZE VALUE="3"]').replace(/<\/h3>/g, '[/SIZE]')
.replace(//g, '[SIZE VALUE="4"]').replace(/<\/h4>/g, '[/SIZE]')
.replace(//g, '[SIZE VALUE="5"]').replace(/<\/h5>/g, '[/SIZE]')
.replace(//g, '[SIZE VALUE="6"]').replace(/<\/h6>/g, '[/SIZE]');
}