Question

我有一个Kendo编辑器，定义如下：

 @(Html.Kendo().Editor()
          .Name("RestrictionsEditor")
          .Tag("div")
          .Tools(tools => tools
                .Clear()
                .Bold().Italic().Underline().Strikethrough()
                .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
                .CreateLink().Unlink()
                .InsertImage()
                .TableEditing()
                .FontColor().BackColor()
          )
          .Value(@<text> This is the Kendo Editor and it has 
                    some anchor tags pointing to external webistes.</text>)

当我在编辑器中单击时，未显示字体格式的顶部工具栏。我想在用户在编辑器中单击时显示顶部工具栏，然后在用户在编辑器外单击时隐藏工具栏。请帮忙！

谢谢！

Answer 1

要显示隐藏工具栏，首先需要将工具栏设置为默认隐藏，然后实现选择和模糊事件以显示和隐藏工具栏。

Here是一个在JavaScript中实现此功能的小提琴。

对于MVC实现，您需要向页面添加脚本标记，并在编辑器初始化后附加事件。这样的事情。

MyContainer

Html Kendo编辑器未显示顶部工具栏

1 个答案: