nobu blog

C#プログラミングやゲーム、ゲーム音楽コンサート周りの話をつらつらと。

*



ASP.NET MVCでテキストエディタを使う その2

      2015/02/12

前回ではTextAreaの代替として利用可能なcontenteditable属性を付与したdivタグの編集エリアを作成しましたが、今回はこの編集エリアのフォントサイズや色を変更可能なエリアを作成します。

 

editpost

まず、フォントサイズと色の変更ボックスを作成します。

selectタグのonchangeイベントでサイズや色を変更処理が実行されているようにします。

次に太字とイタリックに変更を行うボタンを配置します。

簡易な機能しかありませんが、とりあえずこれでフォントなどの設定が可能になりました。
次回はこれらをASP.NET.MVC側で実際にHTMLヘルパー化しようと思います。

ASP.NET MVCでテキストエディタを使う その1
ASP.NET MVCでテキストエディタを使う その3

 - ASP.NET MVC, C#, HTML