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

Vous pouvez en avoir un autrediv专门用于显示预览。然后,当用户切换 HTML 视图时,将文本区域的值插入到divinnerHTMLet 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
    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!