(DB から呼び出された) テキストを含む要素を作成し、その要素をクリックしてテキストを編集できるようにしたいのですが、要素をクリックすると、更新されたテキストが DB に保存されます。
私は主にこれを行うための「最良の」方法を知りたいです。私が検討した2つのことは、要素をクリックしてオン/オフしたときに要素とテキスト領域を交換することです。
また
ユーザーがログインしている場合は、すべての編集可能な要素を としてロードするだけで、クリックされるまでテキストエリアのように見えないようにスタイル設定されます。
ページには 5 ～ 100 の異なる編集可能な要素があるため、このようなものには最高のパフォーマンス ソリューションが必要です。ユーザーが管理者であるかどうかを確認してから100個のテキスト領域をロードするよりも、要素をjsでスワップインおよびスワップアウトする方が遅くなると想像できます。
最適なソリューションはどれですか? (他の代替案も受け付けます)