简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Basculer la zone de texte pour basculer entre le code HTML et l'aperçu
P粉006977956
P粉006977956 2024-03-31 11:52:47
0
1
332

Je souhaite utiliser la zone de texte pour basculer entre le code HTML et l'aperçu HTML

Lorsque vous cliquez sur le HTML, le code de la zone de texte masquée s'affichera En cliquant à nouveau sur le HTML, il réapparaîtra

Je veux concevoir quelque chose comme ça

J'ai essayé

 
 
 Preview

P粉006977956
P粉006977956

répondre à tous (1)
P粉831310404
P粉8313104042024-04-01 10:54:05 1 plancher

Vous pouvez en avoir un autrediv专门用于显示预览。然后，当用户切换 HTML 视图时，将文本区域的值插入到div的innerHTMLet l'afficher.

Mais cela peut exposer votre application à des attaques XSS, alors utilisez-la avec prudence.

$('.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}
sssccc
             

              

               

                Preview
               

               

                HTML
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！