エディターのGetting Started<textarea>
ページによると、通常のエディターをリッチ エディターに置き換えることで機能します。
wysihtml5 は textarea を取り、それをリッチ テキスト エディターに変換します。テキストエリアは、サポートされていないブラウザー (例: IE < 8) のフォールバックとして機能します。後で javascript から簡単にアクセスできるように、textarea 要素に ID があることを確認してください。結果のリッチ テキスト エディターは、動作 (プレースホルダー、オートフォーカスなど) と css スタイルがコピーされるため、テキスト領域のように動作し、見た目もよくなります。
注意: textarea は、エディタが生成したマークアップを常に保持します。したがって、wysihtml5 はフォームとスムーズに統合されます。
そのため、エディターのコンテンツは常に textarea の値として使用でき、通常のフォーム要素と同じように使用できます (フォームを送信するか、JavaScript でコンテンツを取得し、Ajax を使用して PHP に送信します)。
たとえば、エディタを次のものに適用するとします。
<form action="somescript.php" method="POST">
<textarea id="wysihtml5-textarea" name="wysihtml5-textarea"></textarea>
<input type="submit" value="Submit form">
</form>
ボタンをクリックしてフォームを送信すると、php スクリプトがコンテンツを受け取ります(テキストエリアの名前$_POST["wysihtml5-textarea"]
を変更して、目的のキーを設定します)。$_POST
<textarea>
JavaScript を使用して値を取得する場合は、ID を選択し、要素の値にアクセスします。
var textarea = document.getElementById("wysihtml5-textarea");
alert(textarea.value);
その後、必要に応じて Ajax を使用してその値を PHP に渡すことができます。実際にデータを保存するための PHP/SQL の実装はユーザー次第です。エディターのコードは、リッチ テキスト エディターと書式設定機能を提供するだけです。
注: 私はそのエディターを使用したことがないため、私の回答は 100% 正確ではない可能性があります。