テキスト領域を切り替えて、HTML コードとプレビューを切り替えます。

Question

テキストエリアを使ってHTMLコードとプレビューHTMLを切り替えたいのですが、HTMLをクリックすると隠れていたテキストエリアのコードが表示され、再度HTMLをクリックすると再度表示される、こんな感じのデザインにしたいです。 <style> .container{width:500px;position:fixed;}.right-element{background:red;display:inline-block;position:absolute; を試しました。

P粉831310404 · Answer

プレビュー表示専用の別の div を用意できます。次に、ユーザーが HTML ビューを切り替えるときに、テキストエリアの値を div の innerHTML に挿入して表示します。

ただし、これによりアプリケーションが XSS 攻撃にさらされる可能性があるため、注意して使用してください。

リーリーリーリーリーリー