Html 在一个div中输入webfont文本，contenteditable是否同时出现在其他div中？

我想创建一个页面，在浏览器中测试和显示我的web字体，以比较同一用户输入文本的不同大小。稍后可能会比较不同的字体样式和下拉按钮等。目前我的问题是如何让浏览器字段中的新文本输入以不同大小立即显示在同一页面的其他字段中。非常感谢。这是一个可以很好地显示字体的页面，但是文本必须在每个字段中手动输入。 谢谢你的帮助

---

正文{字体系列：“Alqds”，格鲁吉亚；字体大小：40px；}
#大{字体大小：100px；背景色：#ede7ab；}
#中等{字体大小：40px；背景色：#eab645}
#小{字体大小：20px；背景色：#d3ffcf}

使用阿拉伯语、波斯语或西欧语言（如瑞典语）在Alqds常规字体下方输入文本


إطبعهنا-在此处键入。

إطبعهنا-在此处键入。

إطبعهنا-在此处键入。

如果可以使用jQuery，可以执行以下操作：

$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“body”）.append（'Size'+$（“#Size”）.val（）+'px'）；
返回false；
});
});
@导入url(http://fonts.googleapis.com/css?family=Raleway);
正文{字体系列：'Raleway'；}
div{margin:15px 0；border:1px solid#ccc；}

尺寸：
为什么不格式化您的问题！！！抱歉，这是我的第一个帖子。我不知道你的意思。没关系，我已经为你做了。谢谢你，Praveen-我会研究并尝试实施你的建议。我在标题部分插入了你的代码，Aptana给出了一条错误消息“div attribute”“”的值无效。很明显，我做得不对@Valavel您可以安全地忽略这些消息。我仍然不知道1-如何将您提供的三个片段放在一页上-全部放在标题部分？这不起作用，因为代码本身出现在浏览器中。我是否需要添加标记来封装$jquery代码？Namaste。抱歉重复了这篇文章。我仍然不知所措a-如何将您提供的三个代码片段放在html页面上-全部放在标题部分？这不起作用，因为代码本身出现在浏览器中，jquery操作也不起作用。。我是否需要添加标记来封装$jquery代码？B-一旦我使页面的行为与上面的代码片段类似，我需要使“大小”这个词本身可编辑，即用户文本输入。然后用户可以看到不同大小的相同句子。理想情况下，我会有这样的东西：