私はtextareaコンテンツを編集可能にしようとしていますが、私は失敗しています。Textarea contenteditable
<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea>
私は誰もが、それは働いていない理由のアイデアを持っていますhttp://html5demos.com/contenteditable
のような結果を期待しています：私はこのコードを使用していますか？
編集：私は（HTML）形式のコンテンツを貼り付けることができるフォームにコントロールを追加し、その書式設定を保持するonelinerをやろうとしていますので、
私はこれをやっています。私は大騒ぎせずに、JavaScriptコードなしでこれをやろうとしています。これは不可能と思われる。それ以上の入力がない場合は、この質問を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>
ページの上部に正しいdoctypeを設定しましたか？ HTML5の場合、次のdoctypeが必要です。
<!DOCTYPE html>
また、なぜテキストエリアですか？テキストエリアは既に編集可能です。
ベンのポストのように、 \t私は太字などを貼り付けて書式を保持できるWYSIWYGを望んでいました。この理由は、編集後にフォームの送信に投稿する必要があるためです。 –
フォームはフォーマットを送信しません。代わりにそれをdivに入れ、onSumbitを使ってdivのinnerHTMLを読み込みます。 – Marius
ありがとうマリウス。私はキスを望んでいたが、そこに行く。 –
何も繰り返すわけではありませんが、何が起こっているかを示すデモをまとめました。
はちょうどあなたが望むものを編集してのcontentEditable要素の実際のHTMLフォーマットのコンテンツの出力に警告メッセージを受信する「出力形式のコンテンツ」ステートメントをクリックし、以下のことを実行します。書式設定などを追加する場合は、強調表示されているものにテキスト変更機能を呼び出すボタンを作成する必要があります。ええ、その部分は楽しいでしょう。
これにもかかわらず、私はこれが役立つことを願っています。
+1努力のために、それは私が必要としたものではありません...私は必要なものは不可能だと思うので。 –
私は太字などを貼り付けることができるWYSIWYGを望んでいました。この理由は、編集後にフォームの投稿に投稿する必要があるためです。 –
私もこのようなものが必要です。私は一部の人々が実際に隠しフィールドに内容を書き込むのを見ましたが、変更やexecCommandを実行するたびにこの更新を行う必要があります –
セクションまたは他の同様のオブジェクトは、プレースホルダ、必須などのネイティブ関数をサポートしていません。 textareaは、HTML形式として編集可能なコンテンツをサポートしていません。 –