使用jquery使用textarea的内容更新iframe live

我试图加载一个包含文本区域内容的iframe，我有这个

$(document).ready(function(){
$("#ce").html($("#som").val());
$("#som").keypress(function(){$("#ce").html($("#som").val());});
$("#som").keyup(function(){$("#ce").html($("#som").val());});
$("#som").keydown(function(){$("#ce").html($("#som").val());});
});

<div id="con">
    <textarea id="som"></textarea>
</div>
<div id="ce"></div>

$（文档）.ready（函数（）{
$（“#ce”）.html（$（“#som”）.val（））；
$（“#som”）.keypress（function（）{$（“#ce”）.html（$（“#som”）.val（）；}）；
$（“#som”）.keyup（function（）{$（“#ce”）.html（$（“#som”）.val（）；}）；
$（“#som”）.keydown（function（）{$（“#ce”）.html（$（“#som”）.val（）；}）；
});

正如您所看到的，我正在将信息加载到一个div中，由于某种原因，我刚刚意识到该div不起作用，因为如果用户输入HTML，就可以很容易地更改页面。这就是我想要的，但我需要它将其发送到iframe。我在谷歌上搜索了一会儿，但找不到我需要的东西。

---

我希望它保持简短和简单，就像我为基于div的一个类似于我如何设置它，如果可能的话。我不需要你帮我把整个代码放在一起（尽管这很好），你可以帮我指出正确的方向，我会很高兴的，提前谢谢。

你想如何加载包含文本区域内容的iframe？用户是否要键入网站的URL？不，这是一个实时的html编辑器，它将加载html，我知道使用纯js肯定是可能的，但我希望有一种方法可以使用jqueryhow来完成，您希望如何加载包含textarea内容的iframe？用户是否要键入网站的URL？不，这是一个实时的html编辑器，它将加载html，我确信使用纯js是可能的，但我想要一种使用jquery完成的方法