柔軟なダイナミックビジュアルスタイリング機能を備えたJSテキストエディタコントロール

Question

私は任意の正常なフレームワークのためのJSテキストエディタコントロールを探しています。これは、ユーザがカスタムマークダウンスクフォーマット。

実際の形式はMarkdownとはかなり異なるので、既存のMarkdownエディタを再利用するだけでは不十分です。また、この物の目的は、半構造化されたデータ入力を手助けすることです。スタイリングテキストに加えて

、私は何で入力したユーザーに応じて、再び、ダイナミックテキストにUI要素（例えば、ボタン）を挿入できるようにしたいと思います。

を私も送ることができなければなりませんいくつかのより効果的な方法で、バックグラウンドでサーバー側に変更されます。私はとにかくカスタムコールバックを書く必要があると思いますが、コントロールがそれを（または少なくとも私の方法で立っていない場合は）快適なフレームワークを提供するなら、それはクールだろう。

元に戻す/やり直し、コピー/貼り付けなどの通常の機能のサポートは、もちろん必須です。

私はコードをできるようにしたいルールを明確にする愚かな合成例：

テキスト：

 
-- Foo 

    Bar {green} 
    *Baz* 

-- Alpha {red} 

スタイル：Alphaの前の行にFooとラインから

• ：背景色は緑色です。
• 行：Alpha：赤い背景
• *Baz*（アスタリスクと一緒に）は太字で示しています。
• 単語FooとAlphaの隣にあります：ボタンをクリックするとゴミ箱のイメージが表示され、現在のテキストの全部を削除します。--から次の文字に削除します。
• が--と一致する場合、が返されます。次の行のカーソル位置は自動インデントされます。
• ユーザが（インデントされた）行の先頭に--と入力すると、新しいセクションが開始され、行がインデントされません。 （実際のインデント文字/スペース/テキストで表示されなければなりません。）私はこれらの視覚的なスタイルは、ユーザーの種類としてエディタにを適用したい

注意。この例で、ユーザーが{green}を{blue}に変更した場合は、それに応じて背景色を変更する必要があります。

Answer 1

Yahoo Rich Text Editorをご覧ください。オープンソースです。