tinyMCE文本框显示在编辑器下方(tinyMCE the textbox is showing beneath the editor)
出于某种原因,编辑器下方显示了使用的文本框,我在这里做错了吗?
这就是它的样子: http : //i.imgur.com/Z0bQ47R.jpg
<head> <title>---</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="----"> <link href="css/bootstrap.css" rel="stylesheet"> <script src="scripts/jquery-2.2.0.js"></script> <script src="scripts/bootstrap.min.js"></script> <script src="tinymce.min.js"></script> <link href="css/style.css" rel="stylesheet"> <script> tinymce.init({ selector: "#edit",theme: "modern", plugins: [ "advlist autolink link image lists charmap hr anchor pagebreak", "visualblocks visualchars media nonbreaking", "table contextmenu emoticons paste textcolor responsivefilemanager code" ], toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect", toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor | code ", image_advtab: true , external_filemanager_path:"filemanager/", filemanager_title:"Responsive Filemanager" , external_plugins: { "filemanager" : "filemanager/plugin.min.js"} }); </script> </head>在身体里:
<div class="row"> <div class="textarea-container"> <textarea class="normal" id="edit" name="edit" rows="20" cols="80"></textarea> </div> </div>For some reason the textbox wich tinymce uses is shown beneath the editor, am i doing something wrong here ?
this is what it looks: http://i.imgur.com/Z0bQ47R.jpg
<head> <title>---</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="----"> <link href="css/bootstrap.css" rel="stylesheet"> <script src="scripts/jquery-2.2.0.js"></script> <script src="scripts/bootstrap.min.js"></script> <script src="tinymce.min.js"></script> <link href="css/style.css" rel="stylesheet"> <script> tinymce.init({ selector: "#edit",theme: "modern", plugins: [ "advlist autolink link image lists charmap hr anchor pagebreak", "visualblocks visualchars media nonbreaking", "table contextmenu emoticons paste textcolor responsivefilemanager code" ], toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect", toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor | code ", image_advtab: true , external_filemanager_path:"filemanager/", filemanager_title:"Responsive Filemanager" , external_plugins: { "filemanager" : "filemanager/plugin.min.js"} }); </script> </head>in the body:
<div class="row"> <div class="textarea-container"> <textarea class="normal" id="edit" name="edit" rows="20" cols="80"></textarea> </div> </div>最满意答案
你的代码没有问题,但是造成这个问题的一个原因是这个
.normal{ display: block !important; }你可以使用一些自定义css来做到这一点。 更多细节。 请添加页面的屏幕截图,然后安装控制台和css
you code has no problem, but one of things that make this problem is this
.normal{ display: block !important; }you may use some custom css that do this. for more details. please add an screen shot of page, and you console, and your css
更多推荐
tinymce,script>,><,电脑培训,计算机培训,IT培训"/> <meta name="d
发布评论