<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
border:1px solid red;
}
body{
width:800px;
height:800px;
}
#publish{
width:100%;
height:10%;
}
#container{
width:100%;
height:80%;
}
#mytextarea{
width:100%;
height:600px;
border:5px solid black;
}
</style>
</head>
<body>
<div id="main">
<div id="publish">publish</div>
<div id="container">
<form action="" method="post">
<textarea id="mytextarea"></textarea>
<input id="submit" type="submit" value="submit">
</form>
</div>
</div>
<script src="tinymce/tinymce.min.js"></script>
<!--初始化tinymce-->
<script type="text/javascript">
tinymce.init({
selector: '#mytextarea',
directionality: 'ltl',
browser_spellcheck: true,
contextmenu: false,
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste imagetools wordcount",
"code"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",
});
</script>
</script>
</body>
</html>