简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Schalten Sie den Textbereich um, um zwischen HTML-Code und Vorschau zu wechseln
P粉006977956
P粉006977956 2024-03-31 11:52:47
0
1
333

Ich möchte den Textbereich verwenden, um zwischen HTML-Code und HTML-Vorschau zu wechseln

Wenn Sie auf den HTML-Code klicken, wird der Code des ausgeblendeten Textbereichs angezeigt Wenn Sie erneut auf den HTML-Code klicken, wird er erneut angezeigt

Ich möchte so etwas entwerfen

Ich habe es versucht

 
 
 Preview

P粉006977956
P粉006977956

Antworte allen (1)
P粉831310404
P粉8313104042024-04-01 10:54:05 1 Etage

您可以有另一个div专门用于显示预览。然后，当用户切换 HTML 视图时，将文本区域的值插入到div的innerHTML中并显示它。

但这可能会让您的应用程序遭受 XSS 攻击，因此使用时要小心。

$('.right-element').click(function() { $(this).toggle() $(this).siblings().toggle() togglePreview() }) let showPreview = false const w3Preview = $('#w3review-preview') function togglePreview() { if (!showPreview) { w3Preview.html(w3review.value) w3Preview.show() $(w3review).hide() } else { w3Preview.hide() $(w3review).show() } showPreview = !showPreview }
#html,#w3review-preview{display:none}.container{position:fixed;width:500px}.right-element{background:red;display:inline-block;position:absolute;right:0;z-index:1}
             

              

               

                Preview
               

               

                HTML
Wie+0
Antwort hinzufügen
    Beliebte Themen
    Mehr>
    Populäre Artikel
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！