0

質問を繰り返している場合は申し訳ありません。見つけられなかったので、探している答えが含まれている場所へのリンクをお願いします。

ドキュメントを見ましたが、役に立ちませんでした。http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Minimum_Setup

http://www.elated.com/articles/adding-wysiwyg-editor-to-your-site/

上記のリンクは、以下のコードを取得するために使用したチュートリアルです。

私は良い助けを見つけるのに苦労しており、1時間探しました.

私の目標: ユーザーが別のページに移動するリンクをクリックできるようにすること。そこでユーザーはメモを書き、将来の個人的な使用のために保存することができます。彼らは自分のログインを持っているので、彼らのメモは彼らと彼らがアクセスを許可した人だけが見ることができます.

StackOverflow について調査した結果、この仕事にはckeditorが最適なツールになると思います。

これが私のインストールの試みです。（ps。サイトからフォルダーをダウンロードしたので、「インストール」という用語が正しいとは思えません。）

頭の中の私のスクリプトタグ：

<script type = "text/javascript" src="ckeditor/ckeditor.js"></script>
<script>
window.onload = function () {
CKEDITOR.replaceAll('wysiwyg');
};

</script>

私の最初のウェブフォームの試み:

CKEDITOR.replace( 'fieldname');
        <textarea id="userNotes" class="wysiwyg"><strong>test</strong></textarea>

上記のチュートリアルから私の WebForm コピー ペースト:

<form action="form_handler.php" method="post">
<div>
  <textarea cols="80" rows="10" id="content" name="content"> 
    &lt;h1&gt;Article Title&lt;/h1&gt;
    &lt;p&gt;Here's some sample text&lt;/p&gt;
  </textarea>
  <script type="text/javascript">
    CKEDITOR.replace( 'articleContent' );
  </script>
  <input type="submit" value="Submit"/>
</div>

これまでに試したことはすべて、内部にプレーンテキストを含むテキストエリアを提供しますが、それは本来の外観ではありません。

質問を繰り返しますが、自分の ckeditor ファイルを html ファイルと Web フォーム内に適切にセットアップ/リンクして、ckeditor を実際に動作させるにはどうすればよいですか?

質問パート 2: 目標に正しく近づいていますか? ユーザーがメモを作成できるようにするという私の目標にとって、ckeditorは良い解決策ですか?

4

2 に答える 2

3

試す

CKEDITOR.replace('content');

これはテキストボックスの ID と名前なので、それをターゲットにする必要があります。

<textarea cols="80" rows="10" id="content" name="content"> 
 &lt;h1&gt;Article Title&lt;/h1&gt;
 &lt;p&gt;Here's some sample text&lt;/p&gt;
</textarea>
<script type="text/javascript">
 CKEDITOR.replace('content');
</script>
于 2013-06-21T02:31:26.593 に答える
0

これがドキュメントです。ASP.Net を使用していると仮定しています。

上記のチュートリアルに従えば、次の方法で CKEditor を追加できます。

<CKEditor:CKEditorControl ID="CKEditor1" runat="server">
</CKEditor:CKEditorControl>
于 2013-06-21T02:36:59.957 に答える