Bonjour,
je suis en train d'essayer de faire un ptit moteur de recherche sur un fichier json.
il se trouve que dans le json la description notamment il y'a des balises html.
Mais quand je l'affiche il les interprete pas, il affiche donc <b> ou <p> etc...
j'ai du rater un truc mais quoi ?
Code json par exemple
Code NODEJS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 { "id": "S1-Q12 - Fruit Basket", "name": "S1-Q12 - Panier de fruit", "description": "<p><strong>[Général]</strong> <strong>[Usage limité]</strong><strong>□</strong></p>\n<p><strong>Effet</strong> : En guise de remerciement pour avoir aidé à découvrir la source des perturbations d'expédition, Selu a envoyé quelques fruits. Cochez cette case lorsque vous partez à l'aventure pour recevoir un morceau de fruit de baobab spécialement traité. Au cours de cette aventure, vous ou un autre personnage pouvez utiliser une action d'interaction pour consommer le fruit, qui fonctionne comme un élixir de vie inférieur (restaurant 3d6+6 points de vie et offrant un bonus de +1 contre les maladies et les poisons pendant 10 minutes). Si vous ne consommez pas le fruit pendant cette aventure, il se gâte.</p>" }
Vue Svelte:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 import bb from './fichier.json'; const cc = JSON.parse(JSON.stringify(bb)); const zz = cc.entries[0]; const app = new App({ target: document.body, props: { name: 'world', b1: zz } });
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <script> export let name; export let b1; </script> <p class="text-4xl text-white bg-black">id : {b1.id}</p> <p class="text-4xl text-white bg-black">name : {b1.name}!</p> <p class="text-4xl text-white bg-black">description : {b1.description}</p>
Partager