Kendo ui 剑道编辑器在剑道选项卡条内不工作

Kendo ui 剑道编辑器在剑道选项卡条内不工作,kendo-ui,Kendo Ui,我使用了剑道标签条,里面有使用编辑器,我的编辑器是 显示但不工作,当我尝试在编辑器中写入时无法写入。。 我有值机控制台,但没有任何错误。。 请解决这个问题 代码:- Info它对我不起作用,我发现这是因为你的html结构。在我修复它并添加tabstrip之后,剑道编辑器就可以正常工作了 我将您的html更改为: <div id="edit"> <ul> <li > Info

我使用了剑道标签条,里面有使用编辑器,我的编辑器是 显示但不工作,当我尝试在编辑器中写入时无法写入。。 我有值机控制台,但没有任何错误。。 请解决这个问题 代码:-



  • Info它对我不起作用,我发现这是因为你的html结构。在我修复它并添加tabstrip之后,剑道编辑器就可以正常工作了

    我将您的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>
    
    
    

    • 信息我也有同样的问题。我通过在初始化KendoEditor之前初始化kendoTabStrip修复了它。
      顺便说一句:我发现KendotRip很有问题。我的意思是,框大小、z-index都被编码为行为异常。

      对我来说很有用……您需要提供一个JSFIDLE或一些其他可复制的代码。
       <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>
      
      <script>
             $("#edit").kendoTabStrip({
               animation:  {
                 open: {
                   effects: "fadeIn"
                 }
               }
             });
             $("#Description").kendoEditor({
                  tools: [
                          "insertImage",
                              "insertFile",
                          ],
             });
      </script>