2009-10-28 8 views
8

Czy istnieje sposób na osadzenie bloku tekstowego wewnątrz innego bloku tekstowego, ale nie renderowanie wewnątrz textarea i zachowanie zewnętrznego obszaru tekstowego? Nie mogę zmodyfikować wewnętrznego tekstu. Być może jest coś lepszego do wykorzystania w bloku zewnętrznym niż w przypadku textarea. Potrzebuję czegoś, co poda jej treść w POST. Konwertowanie wewnętrznych nawiasów ostrych na encje to , a nie opcja, ponieważ chcę zachować html wewnątrz zewnętrznego obszaru tekstowego.Jak mogę osadzić obszar tekstowy w innym polu tekstowym w HTML?

nieprodukcyjnym Przykładowy kod:

<!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

Jaki problem próbujesz rozwiązać za pomocą tego? –

+0

Tworzę formularz HTML, który służy do edycji kodu HTML w obszarze tekstowym. Teksty wewnątrz łamią moją formę. –

+0

Nie możesz używać kart takich jak edytor Wordpress? – tawfekov

Odpowiedz

21

Yo dawg.

Poważnie, kodowanie html jest jedyną opcją. Zawsze możesz go odszyfrować/zrobić cokolwiek w swoim kodzie po stronie serwera, gdy zostanie opublikowany.

<!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

Słyszałem, że lubisz obiekty tekstowe, więc umieściłem obszar tekstowy w twoim obszarze tekstowym, abyś mógł edytować swoje pole tekstowe podczas edycji swojego obszaru tekstowego? –

+0

Musisz przekonwertować na podmioty. Jedynym innym (ick) rozwiązaniem może być użycie JavaScript do konwersji nawiasów i zapełnienia obszaru tekstowego, a następnie rekonwersji po przesłaniu. –

+0

Z przykrością przyjmuję tę odpowiedź za prawdę. –

1

Spróbuj tego:

<!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

nie działa dla mnie w FF 3.5. Poza tym zapomniałem wspomnieć, że nie chcę modyfikować wewnętrznego tekstu. Będę edytować pytanie, aby wyjaśnić. –

0

Dlaczego?

<!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

dobrze zrobione, ale nie dobrze, wewnętrzne textarea musi być wewnątrz zewnętrznego bloku i nie może modyfikować wewnętrznego textarea –

0

Spróbuj ukryte pole formularza.

2

Nie. Nie możesz tego zrobić. Jedyną ważną cechą wewnątrz textarea jest tekst. To jest textarea. :-)

+0

Chcę tylko umieścić tekst w moim textarea, konkretnie tekst, ale nie pozwoli mi tego zrobić! –

+2

Nie, próbujesz umieścić tekst </textarea > w polu tekstowym. Z wyłączeniem tych encji, do których służy kodowanie. – eaolson

0

Czy rozważałeś użycie FckEditor?

+0

Tak, rozważałem użycie edytora takiego jak FckEditor, ale nie chcę edytora WYSIWYG. Chcę tylko zwykłego starego edytora tekstu wewnątrz textarea HTML. Używam EditArea JavaScript, aby nadać kod HTML. Sprawdź to tutaj: http://www.cdolivet.com/index.php?page=editArea –

0

Herezje rozwiązanie:

Wymień wszystkie < „s a>” sz

&lt; and &gt; 
+0

Jest to niepoprawne, ponieważ zgodnie z komentarzem na pytanie wskazuje, że faktycznie chce w pełni funkcjonalne "textarea" w innym "textarea" –

0

Niedawno miałem ten sam problem i po poszukiwaniach wysokiej i niskiej nad siatką na odpowiedź postanowiłem go umieszczając wewnętrzną formę w jednolitym elemencie iframe.

2

Mam odpowiednie sukcesy zawijanie tekstu w tagu akapitu. Wśród nich jeden pracował dla mnie:

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

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

Ten jeden nie działa dla mnie:

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

nie zorientowali się, jaka jest różnica między jednym z nich pracuje, a nie inny, ale warto próba.

Powiązane problemy