手順 1：ビューの設定

この手順では、マークアップを追加し、ページをレンダリングして、エディタ内に表示されるテキストを追加します。以下を実行します。

ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

以下のマークアップをページの <body> タグ内に追加します。このマークアップはエディタのコンテンツを追加します。

ソースビュー	コードのコピー
<div class="page"> <div id="header"> <div id="title"> <h2>概要</h2> <div class="main demo"> <!-- デモマークアップの開始 --> <textarea id="wijeditor" style="width: 756px; height: 475px;"> <h1>ComponentOne Studioでできること</h1> <h2>あらゆるプラットフォーム要件に応えたい</h2> <p> ComponentOne StudioはWindowsフォーム、ASP.NET、WPF、Silverlight、Windows Phoneの各プラットフォーム向けのコンポーネントを収録しています。どのプラットフォームにも業務アプリケーションで要求される機能を満たすコンポーネントをバランスよく揃えているので、デスクトップアプリケーションからWebアプリケーション、さらにモバイル開発まで高度な機能を持った業務アプリケーションを開発できます。</p> </textarea> <!-- デモマークアップの終了 --> </div> </div> </div>

ソースビュー

コードのコピー

<div class="page">
        <div id="header">
            <div id="title">
                <h2>概要</h2>
<div class="main demo">
<!-- デモマークアップの開始 -->
<textarea id="wijeditor" style="width: 756px; height: 475px;">
                <h1>ComponentOne Studioでできること</h1>
                <h2>あらゆるプラットフォーム要件に応えたい</h2>
                <p>
                ComponentOne StudioはWindowsフォーム、ASP.NET、WPF、Silverlight、Windows Phoneの各プラットフォーム向けのコンポーネントを収録しています。どのプラットフォームにも業務アプリケーションで要求される機能を満たすコンポーネントをバランスよく揃えているので、デスクトップアプリケーションからWebアプリケーション、さらにモバイル開発まで高度な機能を持った業務アプリケーションを開発できます。</p>
           </textarea>
<!-- デモマークアップの終了 -->
</div>
</div>
</div>