2

jQuery コンポーネントKendoEditorを Angular4 アプリケーションに統合する方法について、誰もが指針を提供できますか? jQuery コンポーネントのSplitterコントロールを既に統合していますが、KendoEditor を統合する最善の方法がわかりません。残念なことに、KendoUI コントロールの初期バージョン (~AngularJS 用) と比較して、Kendo Angular UI ツールの Angular2/4 スイートにすべてのコンポーネントが存在するわけではありません。

どんなポインタも役に立ちます。これまでのところ、次のようなものを使用してみました

textarea #questionEditor name = "questionEditor" rows="10" cols="30" 次に@View、このエディタの参照を取得するために typescript で使用されます。失敗して次のようなエラーが発生するようです-

未定義のプロパティ 'nativeElement' を読み取れません

また、div-tags を使用して同様のアプローチを試みましたが、今まで結果はありませんでした。

編集

この問題に直面しているすべての人 - Kendo Angular World からのリッチ テキストまたはウィンドウ JQuery コントロールを試す前に、Kendoテーマがロードされていることを確認してください。

4

1 に答える 1

0

これはあなたがそれをチェックするのに役立つかもしれません

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
     }});
  }
}
于 2017-10-29T22:55:33.137 に答える