HTML5 を使用して、フォーム送信でコンテンツ編集可能なフィールドを使用するにはどうすればよいでしょうか? 質問する

HTML5 を使用して、フォーム送信でコンテンツ編集可能なフィールドを使用するにはどうすればよいでしょうか? 質問する

データベースから動的に設定される段落要素がたくさんあります。要素をコンテンツ編集可能にしました。次に、標準のフォーム送信を介して編集内容をデータベースに送信します。コンテンツ編集可能な要素を投稿する方法はありますか?

ベストアンサー1

いずれにせよ、JavaScript を使用する必要があります。これは、textarea などの場合のように、「標準」フォーム要素としては機能しません。必要に応じて、フォーム内に非表示の textarea を作成し、フォームの onsubmit 関数で、contenteditable の innerHTML を textarea の値にコピーすることができます。または、ajax/xmlHttpRqeuest を使用して、もう少し手動で送信することもできます。

function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}


<form action='whatever' onsubmit='return copyContent()'>...

おすすめ記事