2009-10-28 71 views
8

Có cách nào để nhúng một khối văn bản bên trong một khối văn bản khác nhưng không hiển thị vùng văn bản bên trong và bảo tồn vùng văn bản bên ngoài không? Tôi không thể sửa đổi văn bản bên trong. Có lẽ có cái gì đó tốt hơn để sử dụng cho các khối bên ngoài hơn là một textarea. Tôi cần một cái gì đó sẽ gửi nội dung của nó tại POST. Việc chuyển đổi các dấu ngoặc nhọn bên trong thành các đối tượng là không phải là một tùy chọn vì tôi muốn giữ lại html bên trong vùng văn bản bên ngoài.Làm cách nào để nhúng một vùng văn bản vào trong một vùng văn bản khác trong HTML?

Mã không làm việc mẫu:

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

Bạn đang cố gắng giải quyết vấn đề gì với vấn đề này? –

+0

Tôi đang tạo một biểu mẫu html được sử dụng để chỉnh sửa mã html bên trong một vùng văn bản. Các textareas bên trong phá vỡ hình thức của tôi. –

+0

Bạn không thể sử dụng các tab như trình soạn thảo wordpress ??? – tawfekov

Trả lời

21

Yo dawg.

Nghiêm túc, mã hóa html tùy chọn duy nhất. Bạn luôn có thể giải mã nó/làm bất cứ điều gì trong mã phía máy chủ của bạn một khi nó được đăng.

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

Tôi nghe bạn thích textareas, vì vậy tôi đặt một textarea trong văn bản của bạn để bạn có thể chỉnh sửa văn bản của bạn trong khi bạn chỉnh sửa văn bản của bạn? –

+0

Bạn phải chuyển đổi thành thực thể. Giải pháp khác (ick) duy nhất có thể là sử dụng JavaScript để chuyển đổi các dấu ngoặc và điền vào vùng văn bản và sau đó hoàn nguyên khi gửi. –

+0

Tôi bắt đầu chấp nhận câu trả lời này là sự thật. –

1

Hãy thử điều này:

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

không hoạt động đối với tôi trong FF 3.5. Ngoài ra, tôi quên đề cập đến rằng tôi không muốn sửa đổi văn bản bên trong. Tôi sẽ chỉnh sửa câu hỏi để làm rõ. –

0

Tại sao?

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

cũng được thực hiện nhưng không tốt, bên trong textarea phải được bên trong khối bên ngoài và không thể sửa đổi văn bản bên trong –

0

Hãy thử một trường biểu mẫu ẩn.

2

No. Bạn không thể làm điều đó. Điều duy nhất hợp lệ bên trong của một vùng văn bản là văn bản. Đó là một vùng văn bản. :-)

+0

Tôi chỉ muốn đặt văn bản trong văn bản của tôi, cụ thể là văn bản, nhưng nó sẽ không cho phép tôi làm điều đó! –

+2

Không, bạn đang cố gắng đặt văn bản </textarea > vào vùng văn bản của mình. Loại trừ các thực thể đó là mã hóa. – eaolson

0

Bạn đã xem xét sử dụng FckEditor?

+0

Có, tôi đã xem xét sử dụng một trình soạn thảo như FckEditor nhưng tôi không muốn một trình soạn thảo WYSIWYG. Tôi chỉ muốn một trình soạn thảo văn bản thuần tuý bên trong một vùng văn bản HTML. Tôi đang sử dụng Javascript EditArea để tạo kiểu cho mã html. Kiểm tra nó ra ở đây: http://www.cdolivet.com/index.php?page=editArea –

0

Heres giải pháp của bạn:

Thay thế tất cả < 's và>' s với

&lt; and &gt; 
+0

Điều này là không chính xác theo các ý kiến ​​về câu hỏi cho thấy rằng anh ta thực sự muốn một 'textarea' đầy đủ chức năng bên trong' textarea' khác –

0

Gần đây tôi có cùng một vấn đề và sau khi tìm kiếm cao và thấp trên mạng cho một câu trả lời tôi giải quyết nó bằng cách đặt biểu mẫu bên trong vào iframe liền mạch.

2

Tôi đã có thành công đầy đủ khi gói textarea trong thẻ đoạn. Những ai từng làm việc cho tôi:

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

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

Cái này không làm việc cho tôi:

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

Chưa tìm ra những gì là sự khác biệt giữa một trong những cách làm việc và người kia không, nhưng giá trị một sự cố gắng.

Các vấn đề liên quan