Как установить высоту tinymce до 100% в пределах iframe? - PullRequest
Новая
       13

Как установить высоту tinymce до 100% в пределах iframe?

0 голосов
/ 04 июля 2019

У меня есть iframe на странице, где я размещаю URL страницы tinymce. Код этой страницы ниже.

Я хочу, чтобы редактор tinymce занимал 100% высоты / ширины этого фрейма.

Как я могу это сделать? Я использую tinymce4

Я использовал editor.execCommand ('mceFullScreen'); в файле инициализации, который работает именно так, как я хочу, но проблема в том, что он все еще фокусируется и помещает курсор в редактор.

Это код, который используется во внешнем файле, который включается в 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>
...