RSS2.0 hr
カテゴリ
 連絡事項 (11)
 開発全般 未分類 (2)
 WEB開発 未分類 (1)
 C# (1)
 Java (2)
 PHP (1)
 Flash (1)
 WPF, Silverlight (6)
 Android (2)
 MySQL (1)
 ニコ窓 (66)
 Nico Rec Ctrlr (4)
 Live Seeker (8)
 Live Seeker Lite (4)
 Nico2ls (1)
 未完成ツール (7)
 TinyMCE (4)
 FFmpeg (6)
 Linux (1)
 PCパーツ関連 (1)
 掲載誌 (3)
コンテンツ一覧
最新記事
2015/01/12 12:00
ニコ窓の開発&公開終了
2014/05/04 00:00
ニコ窓 Ver3.015 公開
2014/04/27 00:00
ニコ窓 Ver3.014 公開
2014/03/08 00:00
ニコ窓 Ver3.013 公開
2014/03/02 22:00
Android関連の開発リンク集
コンテンツ一覧
公開ツール
ニコ窓
ニコニコ生放送用
ブラウザ
ニコ窓
コンテンツ
■ ASP.NETでTinyMCEを使う 3/4 - 2008/12/12 00:00:01

■ ASP.NETでTinyMCEを使う

[ASP.NETで使う]

前頁のTinyMCE WikiのサンプルをASP.NETで使ってみます。

ASP.NETでの実装

 1: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TinyMCE.aspx.cs" Inherits="TinyMCE" %>
 2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd">
 3: <html xmlns="http://www.w3.org/1999/xhtml">
 4: <head runat="server">
 5: <title>TinyMCE Test</title>
 6: <script type="text/javascript" src="./jscripts/tiny_mce/tiny_mce.js"></script>
 7: <script type="text/javascript">
 8:   tinyMCE.init({
 9:     mode: "textareas"
10:     });
11: </script>
12: </head>
13: <body>
14: <form id="form1" runat="server">
15:   <asp:TextBox ID="TextBoxTinyMCE" runat="server" TextMode="MultiLine"></asp:TextBox>
16:   <asp:Button ID="ButtonSave" runat="server" Text="Save" onclick="ButtonSave_Click" />
17: </form>
18: </body>
19: </html>

[サンプルの解説]

サンプルは、ASP.NETのWEBフォーム(aspx)を新規に作成し、赤字部分を追加したものです。ファイルは[/TestSite]直下に置きました。

(1)TinyMCEの初期化

6~11行目のJavaScriptセクションは、前ページのものと同一です(6行目のsrcだけテスト環境用に変更)。

(2)TextBoxの配置

15行目では、ASP.NETのTextBoxを配置し、プロパティTextMode"MultiLine"に設定しています。"MultiLine"にしないとページ生成時に、<textarea>にならないため、TinyMCEは動作しません。

(3)データの保存等

16行目は、前ページのSubmitボタンにあたる「Save」ボタンを追加しています。
クリックイベント発生時に、サーバー側で処理を行います。
サーバー側では、通常のTextBoxとして扱われるため、以下のようにしてデータを取得できます。

string xhtmlText = TextBoxTinyMCe.Text;

基本的には、これだけで動作しますが、デフォルトの設定のため、機能が少ないです。
他の機能は、TinyMCEに付属していたサンプル(今、解説したWikiのではない)のHTMLを見て、試して見るのが早いと思います。
フルセット(full.html,skins.html)から、不要なものを削除していく方がいいかもしれません。

次ページでは、主な機能を説明します。

前ページ... 次ページ...

カテゴリ: TinyMCE  ブックマーク: はてなブックマーク Yahoo!ブックマーク Googleブックマーク Twitterでつぶやく  コメント( 0 )
【コメント一覧】
【新規コメント投稿】
お名前(最大20文字):  さん
コメント本文 (最大300文字、URL投稿不可):
P. 1 List
お知らせ
サイト情報
2015/01/12 00:00
ニコ窓の開発&公開を終了しました。
閲覧者数
今日: 37 昨日: 15
合計: 807209 (PV)
開始: 2010/03/11
このサイトでは、C#で作成したツールを公開しています。
リンクは自由に張って頂いて構いません。
旧サイト(toypark.in)の記事等が含まれています。
管理人: motta
  はてなブックマーク Yahoo!ブックマーク Googleブックマーク Twitterでつぶやく
  RSS2.0 RSS2.0
  My Yahoo!
  livedoor Reader
  Windows Live
 
ACR WEB