Bases de Svelte
Introduction
Liaisons
Classes et styles
Svelte avancé
Réutiliser du contenu
Mouvements
Liaisons avancées
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion
L’élément <textarea> fonctionne comme un input texte en Svelte — utilisez bind:value :
App
<textarea bind:value={value}></textarea>Dans des cas comme celui-ci, où les noms correspondent, nous pouvons aussi utiliser la forme raccourcie :
App
<textarea bind:value></textarea>Ceci est valable pour toutes les liaisons, pas uniquement celles des <textarea>.
Modifier cette page sur Github
précédent suivant
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
import { marked } from 'marked';let value = $state(`Ceraines mots sont en *italique*, d'autres sont en **gras** \n\n- les
listes\n- sont\n- cools`);
</script>
<div class="grid">
entrée
<textarea {value}></textarea>sortie
<div>{@html marked(value)}</div></div>
<style>
.grid {display: grid;
grid-template-columns: 5em 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 1em;
height: 100%;
}
textarea {flex: 1;
resize: none;
}
</style>