angularjs - リッチ テキスト エディター AngularJS の作成

Question

angular に簡単に移植でき、これを行う方法について多くの議論ができる優れたリッチテキストエディターがたくさんあることは知っていますが、自分で作成したいと思います。

基本的な考え方は次のとおりです。

• テキストエリアを作成して入力を監視し、入力の変化に応じて機能を実行します。私は ngBindhtml ディレクティブに精通していますが、それを要素に適用できる範囲でのみです。

プレーンテキストを にレンダリングする関数を作成する方法はありますhtmlか?

Answer 1

以前に試したことがありますが、最終的にはtextAngularを使用しました。

基本的に、tinyMCE と同様に、テキストエリアを iframe に置き換えました。

要素のcontenteditableを使用すると、テキストエリアを置き換えて、div に直接書き込むことができます。この方法で、ヘッダーやテキストなどのすべての html 要素を挿入します。テキスト上のカーソル位置を処理したり、ボタンやテキスト選択に基づいてスタイルを適用したりする必要があります。