Xem trước HTML qua JavaScript hoặc JQuery

Question

Tôi muốn kết hợp một cửa sổ xem trước HTML nhanh có nội dung của vùng văn bản và hiển thị nó trong một cuộc đối thoại phương thức bằng một nút đóng. Nội dung phải được hiển thị dưới dạng HTML.

Bạn không chắc chắn cách thực hiện điều này .. cách tốt nhất là gì?

Answer 1

Nếu bạn đang sử dụng jQuery UI, một cái gì đó như thế này:

HTML

<textarea id="mytext"></textarea> 
<div id="dialog"></div> 

Javascript

$('#dialog').dialog({ modal: true, autoOpen: false }); 

function preview() { 
    $('#dialog').html($('#mytext').val()); 
    $('#dialog').dialog('open'); 
}