テキストエリアを使用してHTMLコードとプレビューHTMLを切り替えたい
HTML をクリックすると、隠しテキスト領域のコードが表示されます。 HTML をもう一度クリックすると、再び
こんなデザインをしたいです
以前試したことがあります
リーリー
プレビュー表示専用の別の div を用意できます。次に、ユーザーが HTML ビューを切り替えるときに、テキストエリアの値を div の innerHTML に挿入して表示します。
div
innerHTML
ただし、これによりアプリケーションが XSS 攻撃にさらされる可能性があるため、注意して使用してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
プレビュー表示専用の別の
divを用意できます。次に、ユーザーが HTML ビューを切り替えるときに、テキストエリアの値をdivのinnerHTMLに挿入して表示します。ただし、これによりアプリケーションが XSS 攻撃にさらされる可能性があるため、注意して使用してください。