Pełna wersja: Jak zrobić coś podobnego do paska formatowania?
Chciałbym zrobić taki pasek, który byłby nad <textarea> i byłyby na nim przyciski wstaw listę, pogrób, itp. Naciśnięcie takiego przycisku powodowałoby wstawienie odpowiedniego kodu HTML, np. <ul> lub <b>. Bardzo proszę o jakąś wskazówkę jak coś takiego zrobić. Dodam jeszcze, że będzie to mój pierwszy skrypt w JavaScript, więc proszę o wyrozumiałość. Z góry dzięki za pomoc!!!
szukaj o bbcode i dostosuj do potrzeb (zamist znaczników bb wsawiaj html)
Oto mój kod wstawiający emotikony (na podstawie tego z phpBB):
fragment: post.tresc : post to jest nazwa nadana do <form> a tresc to nazwa nadana do <input>
Można to łatwo przerobić do wstawiania tagów.
Kod
function savePos(ObjPos){
if(ObjPos.createTextRange){
ObjPos.textPos = document.selection.createRange().duplicate();
}
}
function add_emot(text){
text = ' ' + text;
if(document.post.tresc.textPos && document.post.tresc.createTextRange){
document.post.tresc.focus();
var textPos = document.post.tresc.textPos;
textPos.text = textPos.text.charAt(textPos.text.length - 1) == ' ' ? text + ' ' : text;
}else{
document.post.tresc.focus();
document.post.tresc.value += text;
}
}
if(ObjPos.createTextRange){
ObjPos.textPos = document.selection.createRange().duplicate();
}
}
function add_emot(text){
text = ' ' + text;
if(document.post.tresc.textPos && document.post.tresc.createTextRange){
document.post.tresc.focus();
var textPos = document.post.tresc.textPos;
textPos.text = textPos.text.charAt(textPos.text.length - 1) == ' ' ? text + ' ' : text;
}else{
document.post.tresc.focus();
document.post.tresc.value += text;
}
}
fragment: post.tresc : post to jest nazwa nadana do <form> a tresc to nazwa nadana do <input>
Można to łatwo przerobić do wstawiania tagów.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.