Faça meu novo div clonado como readonly no diálogo - javascript, jquery, html, css

Estou enviando o conteúdo div após modificaçõesNa página como uma visualização dessa página na caixa de diálogo usando o clone no jquery. Agora eu quero fazer a div clonada que é visualizada na caixa de diálogo como somente leitura. Como posso fazer isso? Ajude-me

function callPreview()
{
$("#maincontainer").clone().appendTo("#previewDiv");

document.getElementById("previewDiv").disabled=true;
$.fx.speeds._default = 500;
$(function() {

$( "#previewDiv" ).dialog({
autoOpen: false,
width:600,
height:800,
autoClose: false,
show: "fold",
hide: "core",
resizable:false

});

$( "#previewBtn").click(function() {
$( "#previewDiv" ).dialog( "open" );
return false;
});
});
}

Respostas:

Se somente leitura significa que nenhuma entrada do usuário é permitida, mas ainda assim, o usuário pode selecionar e copiar texto, você pode tentar especificar o atributo "somente leitura" para cada elemento "entrada" na div:

$("input","#previewDiv").attr("readonly", true);