新增快速引入文件功能

范延丽
1 parent 3ff84f74
Showing 3 changed files with 69 additions and 7 deletions
src/css/ide.css
src/js/c.js
src/v1.1/index.html
@@ -467,3 +467,28 @@ html, body {
  
 #stderr, #cmpinfo, #output {
   padding: 12px 36px; }
+
+
+.nav-tabs>li:last-child{
+       position: absolute;
+       right: 20px
+    }
+    #quickTool{
+        display: none;
+
+    }
+    #quickTool button{
+        background: transparent;
+        color: #FFF;
+        border: 1px solid #fff;       
+        border-radius: 24px;
+    }
+    .dropdown-menu{
+        border-radius: 10px;
+    }
+    .dropdown-menu>li>a{
+        color: #1FB6FF;
+    }
+    .dropdown-menu>li>a:hover{
+        background-color:  #62DCF5;
+    }
@@ -2,13 +2,14 @@
  
  
 $(function(){
-    var _languageid = getQuery('languageid');
+    var _languageid = getQuery('languageid');    //返回URL中的查询部分
     var _userId = getQuery('userId');
     var _role = getQuery('role');
     var flag = true;
  
     if(_languageid == 35){
         $('.switch').show();
+        $('#quickTool').show();
         $("#CompileBtn .ladda-label").html("自动运行")
     }else{
         $("#CompileBtn .ladda-label").html("编译运行")
@@ -32,6 +33,7 @@ $(function(){
             CodingEditer.isHanld = 1
         }
     })
+    
  
     // new一个老师录制的控制条工具
     var techTool = new ToolBox({
@@ -76,6 +78,25 @@ $(function(){
         $('#studentCompileBtn').show();
     }
  
+    $('.dropdown-menu').on('click', function(e) {
+        var $target = $(e.target);
+        $target.is('li') && $('#text').text($target.text());
+       
+        var selectVal = $target.text();
+        
+        if (selectVal == '图片') {
+            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<img src="//www.igeekbar.com/igeekbar/laitu/300x200&text=hello world/222222/ffffff" alt="占位图片">', "end")
+        }else if (selectVal == 'bootstrap.css') {
+            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<link href="//cdn.gbtags.com/bootswatch/3.2.0+1/custom/bootstrap.min.css" rel="stylesheet">', "end")           
+        }else if(selectVal == 'bootstrap.js'){
+            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<script src="//cdn.gbtags.com/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>', "end")
+        }else if (selectVal == 'jQuery') {
+            Dir.treeLinkEditor[0].CodeMirrorRecord.replaceSelection('<script src="//cdn.gbtags.com/jquery/2.1.1/jquery.min.js"></script>', "end")
+        }
+
+    })
+
+
  
     // 插入标准输入
     $(document).on('focus', '#runtimeArgus', function(){
@@ -48,6 +48,8 @@
             vertical-align: middle;
             padding-right: 2px;
         }
+        
+
     </style>
  
  
@@ -65,9 +67,22 @@
                 <li>
                     <a href="#replayzone" data-toggle="tab">
                         <i class="icon iconfont icon-bofang2"></i>课程预览区
-                    </a>
+                    </a>                  
+                </li>
+                <li> 
+                    <div class="btn-group" id="quickTool">
+                      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                         <span id="text">快速引入文件</span>
+                         <span class="caret"></span>
+                      </button>
+                      <ul class="dropdown-menu">                      
+                        <li><a href="#">图片</a></li>
+                        <li><a href="#">bootstrap.css</a></li>
+                        <li><a href="#">bootstrap.js</a></li>
+                        <li><a href="#">jQuery</a></li>
+                      </ul>
+                    </div>
                 </li>
-            </ul>
         </div>
  
         <!-- 录制区 -->
@@ -86,7 +101,7 @@
                 </div>
  
                 <!-- 运行结果区 -->
-                <div class="console-wrap">
+                <div class="console-wrap" id="console-wrap">
                     <div class="CodeMirror-gutter">
                     </div>
                     <div id="toolbar">
@@ -97,7 +112,7 @@
                             <li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>
                             <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
                         </ul>
-                        <div class="pull-right func">
+                        <div class="pull-right func">                          
                             <button class="btn switch">
                                 <img src="../img/switch.png" alt="">
                             </button>
@@ -127,8 +142,8 @@
                         <div class="tab-pane padall15" id="stderr"></div>
                         <div class="tab-pane padall15" id="output"></div>
                     </div>
-                    <div class="panel-body no-compile" id="ifrcontainer">
-                        <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
+                    <div class="panel-body no-compile" id="ifrcontainer" >
+                        <iframe id="resultiframe" frameBorder="0" width="100%" allowfullscreen></iframe>
                     </div>
                 </div>
             </div>
@@ -192,6 +207,7 @@
                 <div class="tip-header">
                     <span>提示</span>
                 </div>
+
                 <div class="tip-content">
                     <p>在开始录制之前可对文件名进行修改，开始录制后文件名将不可修改。</p>
                 </div>