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

时间:2014-04-09 07:25:27

标签: javascript jquery kendo-ui

我正在使用kendo内联编辑器。我想最初显示编辑器工具栏,我想始终显示工具栏。并在编辑器中修改工具栏,而不是弹出工具栏显示出来。 对于上述, 要默认显示工具栏,我会像

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

但最初没有显示, 之后,要在编辑器中显示工具栏, 我给了喜欢

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

有了这个,身高增加了,但我无法在编辑器中显示工具栏。 如何解决这些问题?

1 个答案:

答案 0 :(得分:1)

使用Kendo build focus方法显示编辑器。

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>