Hướng dẫn show html content in div - hiển thị nội dung html trong div

Tôi có đánh dấu sau:

<p>test</p>

Khi nhấp vào nút 'Xem trước', div được điền với nội dung của vùng văn bản 'về' tuy nhiên nó không được mã hóa dưới dạng HTML nhưng nó hiển thị

test

khi tôi muốn nó hiển thị test với bất kỳ phong cách nào tôi có trong CSS cho p .

Tôi đang làm gì sai?

hỏi ngày 19 tháng 6 năm 2012 lúc 8:32Jun 19, 2012 at 8:32

William Callejawilliam CallejaWilliam Calleja

3.97611 Huy hiệu vàng40 Huy hiệu bạc48 Huy hiệu đồng11 gold badges40 silver badges48 bronze badges

1

Một cái gì đó như bên dưới nên làm điều đó

$('your-container').html($('#about').val());

THỬ NGHIỆM

Hi vọng điêu nay co ich

Đã trả lời ngày 19 tháng 6 năm 2012 lúc 8:35Jun 19, 2012 at 8:35

1

Sử dụng .html () để đặt nội dung là HTML.

$('#show').click(function() {
    $('#Preview').html($('#about').val());
});​

http://jsfiddle.net/LCwgc/1/

Đã trả lời ngày 19 tháng 6 năm 2012 lúc 8:37Jun 19, 2012 at 8:37

SamichsamichSamich

28.6K5 Huy hiệu vàng66 Huy hiệu bạc76 Huy hiệu đồng5 gold badges66 silver badges76 bronze badges

<p>test</p>
ale
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Bộ đệm là vô dụng:

$("#preview").click(function() {$('#displayAbout').html($('#about').val());});

Đã trả lời ngày 19 tháng 6 năm 2012 lúc 8:39Jun 19, 2012 at 8:39

CraniocranioCranio

9.4203 Huy hiệu vàng33 Huy hiệu bạc54 Huy hiệu Đồng3 gold badges33 silver badges54 bronze badges

Bằng cú pháp HTML, phần tử textarea không được chứa văn bản đánh dấu, chỉ. Bạn cần một cách tiếp cận khác, có thể là một yếu tố (ví dụ: div) với thuộc tính

$('your-container').html($('#about').val());

0.

Đã trả lời ngày 19 tháng 6 năm 2012 lúc 8:39Jun 19, 2012 at 8:39

CraniocranioJukka K. Korpela

9.4203 Huy hiệu vàng33 Huy hiệu bạc54 Huy hiệu Đồng36 gold badges257 silver badges377 bronze badges

Berhanu Sahle hỏi:

Điều này hoạt động nhưng khi tôi tải lại trình duyệt của mình, div mất dữ liệu của nó. Làm thế nào tôi có thể sửa nó

Tất nhiên. Nếu bạn cần lưu giữ dữ liệu, bạn cần tuần tự hóa nó, lưu trữ nó và khôi phục sau khi trang được tải. Vì câu hỏi là về HTML+JavaScript thuần túy, cách phổ biến tốt nhất sẽ là sử dụng lưu trữ web cục bộ: http://en.wikipedia.org/wiki/web_storage.

Điều quan trọng là sử dụng đối tượng lưu trữ phiên

$('your-container').html($('#about').val());

1 và không lưu trữ cục bộ. Lưu trữ địa phương là vĩnh viễn; Và chúng tôi không muốn làm ô nhiễm dữ liệu trình duyệt cục bộ. Bây giờ, một vấn đề khác là: dữ liệu được lưu trữ bởi một khóa phải là chuỗi và tôi muốn lưu trữ đối tượng đóng gói trạng thái của cả hai điều khiển, một trong những giá trị trạng thái này là boolean. Với mục đích này, tôi đã sử dụng sê-ri JSON được nhúng trong JavaScript: https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/json.

Tôi giải thích giải pháp trong phần "Chuyển đổi chế độ nghiêm ngặt động và lưu trữ web" của máy tính JavaScript bài viết của tôi.

Bạn sẽ tìm thấy một mẫu mã hoàn chỉnh bao gồm hoàn toàn kỹ thuật này. Bạn cũng có thể tải xuống toàn bộ mã nguồn cho trò chơi, chỉ là hai tệp JavaScript được sử dụng trong một HTML.

---

Xin chúc mừng với ngày 1 tháng 4! :-)

Tôi muốn sử dụng dịp này để mời tất cả mọi người xem ấn phẩm mới 1 tháng 4 của tôi và có một số niềm vui:

Một số phương pháp lập trình để "lập trình ngôn ngữ thần kinh"

. Việc tham gia vào trò chơi này trong các bình luận và thảo luận đặc biệt được khuyến khích.
Participation in this game in Comments and Discussions is especially encouraged.

Cảm ơn bạn.

—Sa

Làm cách nào để hiển thị trang HTML bên trong một div?

Làm cách nào để hiển thị nội dung của một div?

Làm cách nào để hiển thị văn bản trong một div trong html?