も参照してください追加し、あなたがブートストラップコンポーネントにあなたのテキストエリアを配置する必要があります。 Angular2はコンポーネントベースのアプローチを使用しており、HTMLエントリファイルは評価されていないことを忘れないでください。コンポーネント内のテンプレートのみ。
ですから、あなたのHTMLファイルでこれを実行する必要があります。
<html>
<head>
<!-- includes -->
<!-- SystemJS configuration -->
</head>
<body>
<my-app></my-app>
</body>
</html>
そしてmy-app
セレクタを持つコンポーネントブートストラップ:
bootstrap(AppComponent);
を次にあなたはTinyMCEのを適用するカスタムディレクティブを実装することができますテキストエリアの動作:
@Component({
selector: 'my-app',
(...)
})
export class AppComponent implements OnInit{
constructor(){}
ngOnInit():any {
tinymce.init({
selector: "[tinymce]"
});
}
}
フォームのサポート(コントロールとngModel)を活用し、さらに行くことができ
@Component({
(...)
template: `
<textarea tinymce style="height:300px"></textarea>
`
})
export class AppComponent {
(...)
}
注:該当するテキストエリアにTinyMCEの属性(あなたのディレクティブのセレクタ)。
TY:この質問を参照してください!実際に私はこの実装を構築しましたが、私のコードは私には「ts」という名前を見つけることができませんでした。「tinymce」は見つかりませんでした。しかし、私はこれを実行し、それは本当に効果的です!タイ! –