tinyMCE文本框显示在编辑器下方(tinyMCE the textbox is showing beneath the editor)

编程入门 行业动态 更新时间:2024-10-28 22:23:38
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

本文发布于:2023-04-27 23:41:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1329245.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:编辑器   文本框   tinyMCE   textbox   editor

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!