Jquery tinymce文本在引导导航栏上显示
我们的网站有问题。我们使用引导css和tinymce作为richtext编辑器 使用bootsratp，我们创建了导航栏 问题是，当我们向下滚动网站时，tinymce文本区域显示在导航栏上。我们试图用z-index解决这个问题，但这并没有解决任何问题 你们有什么建议或解决办法吗 提前谢谢 编辑：Jquery tinymce文本在引导导航栏上显示,jquery,html,css,twitter-bootstrap,tinymce-4,Jquery,Html,Css,Twitter Bootstrap,Tinymce 4,我们的网站有问题。我们使用引导css和tinymce作为richtext编辑器 使用bootsratp，我们创建了导航栏 问题是，当我们向下滚动网站时，tinymce文本区域显示在导航栏上。我们试图用z-index解决这个问题，但这并没有解决任何问题 你们有什么建议或解决办法吗 提前谢谢 编辑： <!DOCTYPE html> <html> <head> <title>Serviceportal 3</title&g
<!DOCTYPE html>
<html>
<head>
<title>Serviceportal 3</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<script type="text/javascript" src="/public/vendor/jquery/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/public/vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/public/vendor/bootstrap/js/bootstrap-inputmask.js"></script>
<script type="text/javascript" src="/public/js/sp_global_calsses.js"></script>
<script type="text/javascript" src="/public/js/sp_global_functions.js"></script>
<script type="text/javascript" src="/public/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/public/js/bootstrap.file-input.js"></script>
<script type="text/javascript" src="/public/vendor/tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript" src="/public/vendor/tinymce/js/tinymce/jquery.tinymce.min.js"></script>
<link rel="stylesheet" type="text/css" href="/public/vendor/bootstrap/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" type="text/css" href="/public/vendor/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/public/css/bootstrap_css_reset.css" />
<link rel="stylesheet" type="text/css" href="/public/css/style.css" />
<link rel="stylesheet" type="text/css" href="/public/css/datepicker.css" />
<link rel="stylesheet" type="text/css" href="/public/css/tiny_mce_reset.css" />
</head>
<body>
<div class="container" id="navi" style="width: 100%">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<!-- Be sure to leave the brand out there if you want it shown -->
<div class="nav-collapse collapse">
<a class="brand" href="/app_dev.php/start">
<img src="/public/images/sp_logo.png" alt="SP" />
</a>
<ul class="nav">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
Options <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="/app_dev.php/global/user_settings/show">
<img src="/public/images/icons/icon_user.png" alt="" />
User settings
</a>
</li>
<li>
<a href="/app_dev.php/global/downloads/show">
<img src="/public/images/icons/icon_download.png" alt="" />
Downloads
</a>
</li>
<li>
<a href="#">
<img src="/public/images/icons/icon_table.png" alt="" />
Registrations
</a>
</li>
<li>
<a href="#">
<img src="/public/images/icons/icon_speech_bubble.png" alt="" />
Contact / Feedback
</a>
</li>
<li>
<a href="#">
<img src="/public/images/icons/icon_info.png" alt="" />
Information
</a>
</li>
</ul>
</li>
</ul>
<ul class="nav pull-right navbar_pull_complete_right">
<li class="center_navbar_plain_text">
<span style="margin-top:30px; font-size:14px;" id="date_time"></span>
<script type="text/javascript">window.onload = date_time('date_time');</script>
</li>
<li>
<a href="/app_dev.php/login/logout">
<button class="btn btn-danger" type="button"><i class="icon-off icon-white"></i></button>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div style="height:35px;"></div>
<div id="sp_content">
<!-- Content Container -->
<form class="form-horizontal" id="form_user_settings" action="/app_dev.php/global/downloads/save_uploads" method="POST" enctype="multipart/form-data" >
<!-- Container with buttons -->
<div class="well well-small">
<button class="btn" type="submit">
<img src="/public/images/buttons/save.png" alt="" /><br />
Save
</button>
</div>
<div class="row-fluid" style="">
<div class="span9 well well-small">
<div class="well_header small">
Download Details
</div>
<div class="well_content">
<div class="control-group">
<label class="control-label sp_loginpage_label" for="name">Name</label>
<div class="controls">
<input type="text" class="input-xlarge" id="name" name="name" required value="versuch">
</div>
</div>
<div class="control-group">
<label class="control-label sp_loginpage_label" for="version">Version</label>
<div class="controls">
<input type="text" class="input-xlarge" id="version" name="version" required value="versuch">
</div>
</div>
<div class="control-group">
<label class="control-label sp_loginpage_label" for="description">Description</label>
<div class="controls">
<textarea class="richtext_editor" required name="description" id="description">versich</textarea>
</div>
</div>
<div class="control-group">
<label class="control-label sp_loginpage_label" for="version_history">Version History</label>
<div class="controls">
<textarea class="richtext_editor" required name="version_history" id="version_history">asdasfc</textarea>
</div>
</div>
<div class="control-group">
<label class="control-label sp_loginpage_label" for="download_counter">DownloadCounter</label>
<div class="controls">
<input type="text" class="input-xlarge" id="download_counter" name="download_counter" readonly value="5">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- Container for Document Ready functions -->
<script type="text/javascript">
$(document).ready(function() {
// ### Initialisation from TinyMCE Richtexteditor ### //
tinymce.init({
mode: "specific_textareas",
editor_selector: "richtext_editor",
theme: "modern",
width: 360,
height: 200,
resize: false,
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l ink image | print preview media fullpage | forecolor backcolor emoticons",
style_formats: [
{title: 'Bold text', inline: 'b'},
{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
{title: 'Example 1', inline: 'span', classes: 'example1'},
{title: 'Example 2', inline: 'span', classes: 'example2'},
{title: 'Table styles'},
{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
]
});
});
</script>
</body>
</html>
服务门户3
-
-
-
-
-
-
-
window.onload=日期和时间（“日期和时间”）；
-
拯救
下载详情
名称
版本
描述
维希
版本历史
asdasfc
下载计数器
$（文档）.ready（函数（）{
//#####从TinyMCE Richtexteditor###初始化//
tinymce.init({
模式：“特定区域”，
编辑器选择器：“richtext编辑器”，
主题：“现代”，
宽度：360，
身高：200，
调整大小：false，
工具栏：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐居中对齐右对齐对齐对齐|粗体numlist outdent缩进| l墨水图像|打印预览媒体全页|前景色背景色表情”，
样式和格式：[
{标题：“粗体文本”，内联：“b'}，
{标题：'Red text'，内联：'span'，样式：{color:'#ff0000'}}，
{title:'Red header'，block:'h1'，style:{color:'#ff0000'}}，
{title:'example1'，inline:'span'，classes:'example1'}，
{title:'example2'，inline:'span'，classes:'example2'}，
{title:'表格样式'}，
{title:'Table row 1'，选择器：'tr'，类：'tablerow 1'}
]
});
});