wijeditor ウィジェットは、メッセージボード内のポストの書式設定に使用するマークアップ言語である、BBCode（Bulletin Board Code の略）をサポートします。 この機能を利用するには、単にスクリプトで mode オプションを設定します。 Web サイト ( http://demo.componentone.com/ASPNET/MVCExplorer/editor/BBCode )にアクセスし、MVC コントロールエクスプローラの Editor > BBCode サンプルのライブデモをご覧ください。.
| ソースビュー |
コードのコピー
|
|---|---|
|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#wijeditor").wijeditor({ mode: "bbcode", editorMode: "split" }); }); </script> |
|
- ASP.NET MVC 5 Wijmo アプリケーション を作成します。
- ソリューションエクスプローラで、View → Shared フォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。
- 以下のマークアップをページの <body> タグ内に追加します。
ソースビュー コードのコピー<body> <div class="demo"> <textarea id="wijeditor" style="width: 450px; height: 200px;"> [B]サンプルテキスト[/B]。 [URL=http://www.grapecity.com/tools/]Grapecity Web サイト[/URL] をご参照ください。 </textarea> </div> - 前の手順で追加した
</div>終了タグの後に、以下の jQuery スクリプトを入力して wijeditor ウィジェットを初期化します。ソースビュー コードのコピー<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#wijeditor").wijeditor({ mode: "bbcode", editorMode: "split" }); }); </script> - ［F5］を押して、アプリケーションを実行します。
