Spaces:
Paused
Paused
Update app.py
Browse files
app.py
CHANGED
|
@@ -111,7 +111,7 @@ textarea:focus {
|
|
| 111 |
|
| 112 |
def preview_html(html_code):
|
| 113 |
"""HTMLコードをプレビューとして表示する関数"""
|
| 114 |
-
# HTMLエスケープを防ぐため
|
| 115 |
safe_html_code = html.escape(html_code).replace('`', '\\`')
|
| 116 |
|
| 117 |
# ブラウザ風UIを実装したHTML
|
|
@@ -150,15 +150,7 @@ def preview_html(html_code):
|
|
| 150 |
|
| 151 |
<!-- コンテンツエリア - 実際のHTMLコードを表示 -->
|
| 152 |
<div id="preview-content" style="background-color: white; width: 100%; height: 450px; overflow-y: auto; overflow-x: hidden; position: relative;">
|
| 153 |
-
|
| 154 |
-
try {
|
| 155 |
-
// コンテンツをドキュメントに安全に挿入
|
| 156 |
-
document.getElementById('preview-content').innerHTML = `{safe_html_code}`;
|
| 157 |
-
} catch(e) {
|
| 158 |
-
document.getElementById('preview-content').innerHTML = '<div style="padding: 20px; color: red;">エラー: HTML表示中に問題が発生しました。</div>';
|
| 159 |
-
console.error(e);
|
| 160 |
-
}
|
| 161 |
-
</script>
|
| 162 |
</div>
|
| 163 |
</div>
|
| 164 |
"""
|
|
|
|
| 111 |
|
| 112 |
def preview_html(html_code):
|
| 113 |
"""HTMLコードをプレビューとして表示する関数"""
|
| 114 |
+
# HTMLエスケープを防ぐためJavaScriptコメントをエスケープ
|
| 115 |
safe_html_code = html.escape(html_code).replace('`', '\\`')
|
| 116 |
|
| 117 |
# ブラウザ風UIを実装したHTML
|
|
|
|
| 150 |
|
| 151 |
<!-- コンテンツエリア - 実際のHTMLコードを表示 -->
|
| 152 |
<div id="preview-content" style="background-color: white; width: 100%; height: 450px; overflow-y: auto; overflow-x: hidden; position: relative;">
|
| 153 |
+
{html_code}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 154 |
</div>
|
| 155 |
</div>
|
| 156 |
"""
|