tinyMCE 文本框顯示在編輯器下方
[英]tinyMCE the textbox is showing beneath the editor
問題描述
由於某種原因，tinymce 使用的文本框顯示在編輯器下方，我在這里做錯了嗎？
這是它的樣子：
<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>
1 個解決方案
解決方案1
1 已采納 2016-02-28 09:43:58
你的代碼沒有問題，但造成這個問題的一件事是這個
.normal{
display: block !important;
}
您可以使用一些自定義 css 來執行此操作。 更多細節。 請添加頁面的屏幕截圖，然后您控制台和您的 css
動態將TinyMCE編輯器添加到文本框
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.