剑道编辑器不在里面剑道标签条

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都被编码为表现奇怪。