在没有内容的情况下渲染iframe,并在文档加载时使用exec命令应用字体名称和大小。在文档就绪功能中,我设置了iframe焦点,然后使用Exec命令应用了字体名称和字体大小。
渲染后,如果我在iframe中键入内容,则不会点击iframe,而是应用字体名称和大小。 但是,当我点击iframe然后键入任何内容时,不会应用字体名称和大小。
请参阅以下代码段:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Focus</title>
<script src="Scripts/jquery-1.11.3.min.js"></script>
<script src="Scripts/jquery.easing.1.3.min.js"></script>
<script src="Scripts/jquery.globalize.min.js"></script>
</head>
<body>
<iframe id="iframeResult" width="100%" height="300px" name="iframe_a"></iframe>
<script type="text/javascript">
$(window).load(function () {
// declaration
$($("#iframeResult").contents()[0].body).attr({"contenteditable":true,"autocorrect":"off"});
$("#iframeResult").contents()[0].execCommand("fontSize", false, "2");
$("#iframeResult").contents()[0].execCommand("fontName", false, "Arial");
});
</script>
</body>
</html>