如何在iframe中将tinymce的高度设置为100%?

时间:2019-07-04 03:57:24

标签: tinymce tinymce-4

我在一个页面上放置了一个iframe,在其中放置了tinymce页面的网址。该页面的代码如下。

我想要的是tinymce编辑器应占据该iframe的高度/宽度的100%。

我该怎么做?我正在使用tinymce4

我使用过editor.execCommand('mceFullScreen');在我想要的可以正常工作的init文件中,但问题是它仍然是焦点,并将光标放在编辑器中。

这是iframe包含的外部文件中使用的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TinyMCE</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body role="application">
<form>
	<div>
		<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
		<div>
			<textarea class="tinymce" id="elm1" name="elm1" rows="15" cols="80">
            </textarea>
            <script type="text/javascript" src="js/jquery.min.js"></script>
            <script type="text/javascript" src="plugin/tinymce/tinymce.min.js"></script>
            <script type="text/javascript" src="plugin/tinymce/init-tinymce.js"></script>
		</div>
	</div>
</form>
</body>
</html>

0 个答案:

没有答案