С чего начать...автоматическое преобразование в bb-code в html внутри textarea
Имеем небольшой bb-code редактор.
var textarea; var content; function edToolbar(obj) { document.write("<div class=\"toolbar\">"); document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/bold.gif\" name=\"btnBold\" title=\"Bold\" onClick=\"doAddTags('[b]','[/b]','" + obj + "')\">"); document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/italic.gif\" name=\"btnItalic\" title=\"Italic\" onClick=\"doAddTags('[i]','[/i]','" + obj + "')\">"); document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/underline.gif\" name=\"btnUnderline\" title=\"Underline\" onClick=\"doAddTags('[u]','[/u]','" + obj + "')\">"); document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/quote.gif\" name=\"btnQuote\" title=\"Quote\" onClick=\"doAddTags('[quote]','[/quote]','" + obj + "')\">"); document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/code.gif\" name=\"btnCode\" title=\"Code\" onClick=\"doAddTags('[code]','[/code]','" + obj + "')\">"); document.write("</div>"); //document.write("<textarea id=\""+ obj +"\" name = \"" + obj + "\" cols=\"" + width + "\" rows=\"" + height + "\"></textarea>"); } function doAddTags(tag1,tag2,obj) { textarea = document.getElementById(obj); // Code for IE if (document.selection) { textarea.focus(); var sel = document.selection.createRange(); //alert(sel.text); sel.text = tag1 + sel.text + tag2; } else { // Code for Mozilla Firefox var len = textarea.value.length; var start = textarea.selectionStart; var end = textarea.selectionEnd; var scrollTop = textarea.scrollTop; var scrollLeft = textarea.scrollLeft; var sel = textarea.value.substring(start, end); //alert(sel); var rep = tag1 + sel + tag2; textarea.value = textarea.value.substring(0,start) + rep + textarea.value.substring(end,len); textarea.scrollTop = scrollTop; textarea.scrollLeft = scrollLeft; } } Нужно чтобы в textarea автоматически bb-code преобразовывались в html-теги и текст отобраажался как html. С чего лучше начать? |
Часовой пояс GMT +3, время: 13:12. |