Question

任何人都可以提供有关如何在Angular4应用程序中集成jQuery组件 KendoEditor 的指针吗？我已经集成了jQuery组件 Splitter 控件，但不确定集成KendoEditor的最佳方法是什么。不幸的是，与早期版本的KendoUI控件（用于~AngularJS）相比，Angular2 / 4 Kendo Angular UI工具套件中并不存在所有组件。

任何指针都会有所帮助。到目前为止，我已尝试使用类似

的内容

textarea #questionEditor name = "questionEditor" rows="10" cols="30" 然后在typescript中使用@View来获取此编辑器的引用。它似乎失败并给出错误，如 -

无法阅读属性＆＃39; nativeElement＆＃39;未定义的

另外，我尝试使用div - 标签的类似方法，但到目前为止还没有结果。

修改

任何人都面临此问题 - 在从Kendo Angular World尝试Rich text或Window JQuery控件之前，请确保已加载Kendo 主题。

Answer 1

这可以帮助你检查

import {Component, OnInit, ViewChild, ElementRef, AfterViewInit} from '@angular/core';
declare var kendo: any;

@Component({
  selector: 'app-text-editor',
  templateUrl: './text-editor.component.html',
  styleUrls: ['./text-editor.component.scss']
})

export class TextEditorComponent implements OnInit , AfterViewInit {

  @ViewChild("questionEditor") questionEditor : ElementRef;

  constructor() { }

  ngOnInit() { }

  ngAfterViewInit() {
     kendo.jQuery(this.questionEditor.nativeElement).kendoEditor({ resizable: {
       content: true,
       toolbar: true
     }});
  }
}

Kendo UI Angular2 / 4富文本编辑器

修改

1 个答案: