Interpréter les balises HTML
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:
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>"
} |
Code NODEJS
Code:
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
}
}); |
Vue Svelte:
Code:
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> |