7

テキストエリアのコンテンツを編集可能にしようとしていますが、失敗しています。私はこのコードを使用しています：

<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea>

http://html5demos.com/contenteditableのような結果を期待しています

なぜそれが機能しないのか、誰にも分かりますか？

編集：

これを行っているのは、(HTML) 形式のコンテンツを貼り付けてその書式を保持できるフォームにコントロールを追加するためにワンライナーを実行しようとしているからです。私は大騒ぎせず、JavaScriptコードなしでこれをやろうとしています。これは不可能のようです。反対の意見がこれ以上追加されない場合は、この質問を 1 日で終了します。

4

4 に答える 4

3

ページの上部に正しい Doctype を設定しましたか? HTML5 の場合、次の doctype が必要です。

<!DOCTYPE html>

また、なぜテキストエリアなのですか？テキストエリアはすでに編集可能です。

于 2009-10-14T15:00:11.113 に答える
1

何も繰り返すつもりはありませんが、何が起こっているかを示すデモをまとめました。

http://gist.github.com/210327

それを実行し、必要に応じて編集し、'Output Formatted Content' ステートメントをクリックして、contenteditable 要素内の実際の html 形式のコンテンツの出力を含む警告メッセージを受け取ります。フォーマットの追加などについては、強調表示されているものにテキスト変更機能を呼び出すボタンを作成する必要があります。ええ、その部分は楽しいでしょう。

とはいえ、これがお役に立てば幸いです。

于 2009-10-14T19:15:23.073 に答える
1

テキストエリアを使用していません。テキストエリアはすでに編集可能です。これは彼らが使用しているものです

<section contenteditable="true" id="editable">
    <h2>Go ahead, edit away!</h2>
    <p>Here's a typical paragraph element</p>
    <ol>
      <li>and now a list</li>
      <li>with only</li>
      <li>three items</li>
    </ol>
  </section>
于 2009-10-14T14:58:55.727 に答える
0

コメントへの回答を踏まえて、優れた WYSIWYG エディターをお勧めします。contenteditable車輪を再発明する必要はありません。とにかく、あなたのニーズを満たさなかったとは思いません.

私の個人的なお気に入りはCKEditorですが、他にもたくさんあります。TinyMCEも非常に人気があります。

于 2009-10-14T15:16:02.143 に答える