如何在默认情况下显示剑道内联编辑器工具栏

how to display kendo inline editor toolbar by default

本文关键字:编辑器 工具栏 显示 默认 情况下      更新时间:2023-09-26

我使用的是剑道内联编辑器。我想最初显示编辑器工具栏,并且我想始终显示工具栏。并修复编辑器内部的工具栏,而不是弹出式工具栏显示在外侧。对于以上内容,为了默认显示工具栏,我放了类似的

$(".k-window-titleless.k-editor-widget").show();

但它最初没有显示,之后,为了在编辑器中显示工具栏,我给的像

.k-editor-inline{
    padding: 70px 5px 40px;
}

这样,高度增加了,但我无法在编辑器中显示工具栏。如何修复这些?

使用Kendo内置焦点方法来显示编辑器。

http://trykendoui.telerik.com/@vojtiik/eLaW

<div id="topEditor">
                    <h2>
                        Comprehensive HTML5/JavaScript framework <br />
                        for modern web and mobile app development
                    </h2>
                    <p>
                        Kendo UI is everything professional developers need
                        to build HTML5 sites and mobile apps. Today, productivity
                        of an average HTML/jQuery developer is hampered by
                        assembling a Frankenstein framework of disparate
                        JavaScript libraries and plug-ins.
                    </p>
                    <p>
                        Kendo UI has it all: rich jQuery-based widgets,
                        a simple and consistent programming interface,
                        a rock-solid DataSource, validation, internationalization,
                        a MVVM framework, themes, templates and the list goes on.
                    </p>
                </div>

  <script>
  $(document).ready(function() {
                  var target =  $("#topEditor").kendoEditor({
                        tools: [
                            "bold",
                            "italic",
                            "underline",
                            "strikethrough",
                            "justifyLeft",
                            "justifyCenter",
                            "justifyRight",
                            "justifyFull"
                        ]
                    }).data("kendoEditor");
                 target.focus();
                });
            </script>