Javascript 如何使ckeditor文本区域的内容显示在div中

我正在表单中用作我的文本区域。当有人在文本区域中键入内容时，我希望在他们键入内容时屏幕上的其他地方出现一个div。e、 他们键入fiddly piddy poo，fiddly piddy poo出现在文本区域下方的div中。不幸的是，我对javascript知之甚少（学习），而且我无法让它发挥作用

我正在尝试的代码是：

$('#CampaignStory').bind("propertychange input", function() {
  $('#story').text($(this).text());
});

<div class="input textarea">
    <label for="CampaignStory">Story</label>
    <textarea name="data[Campaign][story]" class="ckeditor" id="CampaignStory" ></textarea>
</div>

<div id="story"></div>

$（“#活动故事”）.bind（“propertychange输入”，函数（）{
$（'#story'）.text（$（this.text（））；
});
故事

---

这不管用，我也不知道为什么。有人能帮我吗？

您需要使用这个.value而不是.text（）方法

（哈哈……刚刚注意到它的url是klyde:p）

---

哼。。。。可以在你的小提琴上使用，但不能在我的应用程序上使用。我有一种奇怪的感觉，那是因为编辑。这会使它具有不同的价值吗？我不确定我是否理解klyde引用：（@didjuzphart，如果稍后在代码中使用ckeditor修改输入元素的值，它可能会被修改。（我认为klyde的东西很好，因为JSFIDLE随机生成url的这一部分，它通常不会形成一个完整的单词）啊，对了，我不经常使用JSFIDLE（这改变了tho！）我确实发现克莱德是一位来自加利福尼亚州匹兹堡的湾区说唱歌手的名字，我想这很有趣：）。我不认为在我的代码中，使用ckeditor的输入元素的值会被修改。我什么都没做，除非编辑自己做？我被难住了。@Didjuzphart你的输出div（#story）会被覆盖吗？我不这么认为。我已经阅读了更多的内容，看起来我必须使用类似于CKEDITOR.instances的东西。[textboxname].getData（）来获取CKEDITOR textarea的内容，但当我在代码中尝试使用它而不是this时，您建议我的dreamweaver使用的值表示语法错误，代码不起作用。我对javascript了解不够。你觉得这样对吗？

$('#CampaignStory').bind("input propertychange", function() {
  $('#story').text(this.value);
});