2009-10-28 9 views
8

C'è un modo per incorporare un blocco textarea all'interno di un altro blocco textarea ma non eseguire il rendering dell'area di testo interna e conservare la textarea esterna? Non riesco a modificare la textarea interna. Forse c'è qualcosa di meglio da usare per il blocco esterno di una textarea. Ho bisogno di qualcosa che presenterà i suoi contenuti al POST. La conversione delle parentesi angolari interne in entità è non un'opzione poiché voglio conservare l'html all'interno dell'area di testo esterna.Come posso incorporare un'area di testo all'interno di un'altra area di testo in HTML?

non-lavoro di codice di esempio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Test Embedded textareas</title> 
</head> 
<body> 
    <form method="POST"> 
     <textarea> 
      Outside Textarea 
      <textarea>Inside Textarea</textarea> 
     </textarea> 
     <input type="submit" value="Submit" /> 
    </form> 
</body> 
</html> 
+2

Che problema stai cercando di risolvere con questo? –

+0

Sto creando un modulo html che viene utilizzato per modificare il codice html all'interno di una textarea. I textareas all'interno rompono la mia forma. –

+0

Non puoi usare le schede come l'editor di wordpress ??? – tawfekov

risposta

21

Yo dawg.

Seriamente, la codifica del codice HTML è l'unica opzione. Puoi sempre decodificarlo/fare qualsiasi cosa nel tuo codice lato server una volta che viene pubblicato.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Test Embedded textareas</title> 
</head> 
<body> 
    <form method="POST"> 
     <textarea> 
      Outside Textarea 
      &lt;textarea&gt;Inside Textarea&lt;/textarea&gt; 
     </textarea> 
     <input type="submit" value="Submit" /> 
    </form> 
</body> 
</html> 
+10

Ho sentito che ti piacciono i textareas, quindi metto una textarea nella tua textarea in modo che tu possa modificare la tua textarea mentre modifichi la tua textarea? –

+0

È necessario convertire in entità. L'unica altra (ick) soluzione potrebbe essere quella di usare JavaScript per convertire le parentesi e popolare l'area di testo, e quindi riconvertire su submit. –

+0

Accetto di cuore che questa risposta sia vera. –

1

Prova questa:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Test Embedded textareas</title> 
</head> 
<body> 
    <textarea> 
     Outside Textarea 

    </textarea> 
<textarea style="margin-top:-250px; height:250px;">Inside Textarea</textarea> 
</body> 
</html> 
+0

non ha funzionato per me in FF 3.5. Inoltre, ho dimenticato di dire che non voglio modificare la textarea interna. Modificherò la domanda per chiarire. –

0

Perché?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Test Embedded textareas</title> 
</head> 

<style type="text/css"> 
    #outside { position:absolute; top:0; left:0; z-index:0; width:400px; 
     height:400px } 
    #inside { position:absolute; top:100px; left:100px; z-index:1; 
     width:200px; height:200px; } 
</style> 

<body> 

    <div> 

     <textarea id="outside" rows="10" cols="80"> 
      Outside Textarea 
     </textarea> 

     <textarea id="inside" rows="5" cols="60" readonly> 
      Inside Textarea 
     </textarea> 

    </div> 

</body> 
</html> 
+0

ben fatto ma non va bene, textarea interna deve essere all'interno del blocco esterno e non può modificare la textarea interna –

0

Prova un campo modulo nascosto.

2

No. Non puoi farlo. L'unica cosa valida all'interno di una textarea è il testo. È una textarea. :-)

+0

Voglio solo mettere il testo nella mia textarea, in particolare il testo, ma non me lo permette di farlo! –

+2

No, stai cercando di inserire il testo </textarea > nell'area di testo. Escludere quelle entità è ciò che è per la codifica. – eaolson

0

Hai pensato di usare FckEditor?

+0

Sì, ho pensato di utilizzare un editor come FckEditor ma non voglio un editor WYSIWYG. Voglio solo un semplice vecchio editor di testo all'interno di una textarea HTML. Sto usando EditArea Javascript per lo stile del codice html però. Dai un'occhiata qui: http://www.cdolivet.com/index.php?page=editArea –

0

Heres la vostra soluzione:

sostituire tutte < 's e>' s con

&lt; and &gt; 
+0

Questo non è corretto in quanto i commenti sulla domanda indicano che in realtà desidera una 'textarea 'completamente funzionale all'interno di un'altra' textarea' –

0

Recentemente ho avuto lo stesso problema e dopo una ricerca alto e basso sopra la rete per una risposta ho risolto esso inserendo la forma interna in un iframe senza interruzioni.

2

ho hanno adeguato successo avvolgendo la textarea in un tag di paragrafo. Questi uno ha lavorato per me:

<p style="margin:0;"><textarea rows="1" readonly="readonly" id="summary" name="Summary" ></textarea></p> 

<p><textarea name="Note"></textarea></p> 

Questo non ha funzionato per me:

<p><textarea rows="4" name="In_Honor_Address" class="blockInput"></textarea></p> 

non ho capito quale sia la differenza tra uno di questi di lavoro e l'altro no, ma vale la pena un tentativo.

Problemi correlati