tinyMCE 文本框显示在编辑器下方

Question

For some reason the textbox which tinymce uses is shown beneath the editor, am I doing something wrong here?由于某种原因，tinymce 使用的文本框显示在编辑器下方，我在这里做错了吗？

this is what it looks:这是它的样子：

<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>

Answer 1

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.您可以使用一些自定义 css 来执行此操作。 for more details.更多细节。 please add an screen shot of page, and you console, and your css请添加页面的屏幕截图，然后您控制台和您的 css

tinyMCE 文本框显示在编辑器下方

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-02-28 09:43:58

tinyMCE 文本框显示在编辑器下方

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-02-28 09:43:58

解决方案1
1 已采纳 2016-02-28 09:43:58