formattare testo

**scura** · 03-04-2005, 22:14

sto cercando di formattare il testo in una text area

mi manca decisamente qualcosa però...

ho la seguente funzione:

<script >
function rectesto(tagformatta) {

testo = document.getElementById("descr").firstChild.nodeVa lue;
testo = ' <'+tagformatta+'>'+document.selection.createRange( ).text+'</'+tagformatta +'>'

document.form.descr.value+=testo
}

</script>

ma in questa maniera aggiungo al testo della textarea la parola o la frase che seleziono formattata....devo invece formattare la parola o la frase che seleziono lasciandola dov'è...

es:
1) questo è sbagliato questo
2) questo è giusto

con lo script che uso se seleziono 'questo' e richiamo la funzione passandogli come parametro 'B'...mi ritrovo nella situazione 1)...vorrei ottenere la 2)...
ma come faccio a recuperare il testo prima la selezione e quello che viene dopo?

**badaze** · 03-04-2005, 22:39

Puoi fare cosi....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function rectesto(tagformatta) { 
 document.getElementById("descr").focus;
 var a     = document.selection.createRange();
 if (a.text == '') {
  testo = '<'+tagformatta+'>'+'</'+tagformatta +'>'; 
  document.getElementById("descr").value += testo;
 } else {
  testo = '<'+tagformatta+'>'+a.text+'</'+tagformatta +'>' 
  a.text = testo
 }
} 
//-->
</script>


<textarea id="descr" cols="50" rows="10" onclick="this.focus"></textarea>

<input id="btn" type="button" value="Bold" onclick="rectesto('B')">
</body>
</html>

**scura** · 03-04-2005, 22:42

grazie 1000 è proprio quello che mi serviva...vedo di capirci qualcosa!

**badaze** · 03-04-2005, 22:44

Puoi anche togliere : document.getElementById("descr").focus;

**scura** · 03-04-2005, 23:37

ma è possibile vedere una anteprima del testo formattato all'interno della textarea invece della versione con i tag html?...

**Mackey** · 04-04-2005, 00:26

ho capito cosa vuoi fare... ma non fai prima a scaricare un editor WYSIWYG?

http://www.htmlarea.com/directory/WY...ors/index.html

**scura** · 04-04-2005, 10:09

sono una copiona lo confesso!!!! ma questa volta avrei preferito provare ad incrementare lo script che ho....magari anche con un pò di difficoltà e imparando qualcosa visto che di jsp ne so ancora troppo poco!!!!

chi mi sa indicare la retta via?

**badaze** · 04-04-2005, 11:27

Ti consiglio di fare come lo suggerisce Mackey. Comunque puoi fare cosi....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function rectesto(tagformatta) { 
 var a     = document.selection.createRange();
 if (a.text == '') {
  testo = '<'+tagformatta+'>'+'</'+tagformatta +'>'; 
  document.getElementById("descr").value += testo;
 } else {
  testo = '<'+tagformatta+'>'+a.text+'</'+tagformatta +'>' 
  a.text = testo
 }
} 
//-->
</script>


<textarea id="descr" cols="50" rows="10" onclick="this.focus"></textarea>

<input id="btn" type="button" value="Bold" onclick="rectesto('B')">
<input id="btn" type="button" value="Ital" onclick="rectesto('I')">
<input id="btn" type="button" value="Under" onclick="rectesto('U')">
<input id="btn" type="button" value="View" onclick="document.getElementById('view').innerHTML = document.getElementById('descr').value">


<div id="view"></div>
</body>
</html>

**scura** · 04-04-2005, 13:56

visto il duplice consiglio mi avete fatto incuriosire...ma non riesco ad aprire i file scaricati...

*pragma · 04-04-2005, 21:10

Originariamente inviato da badaze
Ti consiglio di fare come lo suggerisce Mackey. Comunque puoi fare cosi....
.....

ciao badaze, il tuo script funge solo con IE. Se puoi quarda questa richiesta:
http://forum.html.it/forum/showthrea...hreadid=812976
è fortemente attinente con la richiesta di scura per renderla crossbrowser.
ciao

Discussione: formattare testo

Strumenti discussione

Ricerca discussione

Visualizza

formattare testo

Permessi di invio