劍道編輯器不在裏面劍道標籤條

Question

我已經使用了一個劍道標籤條，裏面我有使用編輯器，我的編輯器是 顯示，但它不工作，當我嘗試在編輯器中寫入不能寫.. 我檢查控制檯，但沒有任何錯誤.. 請解決這個問題 代碼： -

<div id="edit"> 
      <ul> 
       <li > 
        Info  <--tab 1 
       </li> 
       <li> 
        Date  <-- Tab 2 
       </li> 
       <li class="k-state-active"> 
        Document <- tab 3 editor tab 
       </li> 
      </ul> 
</div> 
<div style="height:500px;"> 
       <div> 
        fsdfsdf 
       </div> 

      </div> 
      <div style="height:500px;"> 

       <div> 
        dffsdf 
       </div> 
      </div> 

      <div style="height:500px;"> 

       <div> 
        <div id="example"> 
    <textarea id="Description" rows="10" cols="30" style="width:100%;height:400px"></textarea> 
</div> 
    <script> 

    $(document).ready(function() { 
     $("#Description").kendoEditor({ 
      tools: [ 

       "insertImage", 
         "insertFile", 
    ], 
    }); 
    }); 
    </script> 

       </div> 
      </div> 

Answer 1

它不適合我的工作，我發現，這是因爲你的HTML結構。在我修復它並添加tabstrip之後，kendo編輯器可以正常工作。

我改變你的HTML：

<div id="edit"> 
     <ul> 
      <li > 
       Info  <--tab 1 
      </li> 
      <li> 
       Date  <-- Tab 2 
      </li> 
      <li class="k-state-active"> 
       Document <- tab 3 editor tab 
      </li> 
     </ul> 
     <div style="height:500px;"> 
      <div> 
       fsdfsdf 
      </div> 

     </div> 
     <div style="height:500px;"> 
      <div> 
       dffsdf 
      </div> 
     </div> 

     <div style="height:500px;"> 
      <div> 
       <div id="example"> 
        <textarea id="Description" rows="10" cols="30" style="width:100%;height:400px">   </textarea> 
       </div> 
      </div> 
     </div> 
</div> 

然後JS代碼：

<script> 
     $("#edit").kendoTabStrip({ 
     animation: { 
      open: { 
      effects: "fadeIn" 
      } 
     } 
     }); 
     $("#Description").kendoEditor({ 
      tools: [ 
        "insertImage", 
         "insertFile", 
        ], 
     }); 
</script> 

DEMO

Answer 2

我有同樣的問題。我通過在初始化KendoEditor之前初始化kendoTabStrip來修復它。 順便說一句：我發現kendoTabStrip是相當成問題的。我的意思是，盒子大小，z-index都被編碼爲表現奇怪。