Feedback général à la question : formules KateX pas prises en charge dans l'affichage du quiz

Fixes #202
This commit is contained in:
JubaAzul 2025-01-24 20:19:59 -05:00
parent 6f270b5436
commit dfe8c36804
4 changed files with 8 additions and 8 deletions

View file

@ -72,7 +72,7 @@ const MultipleChoiceQuestion: React.FC<Props> = (props) => {
})}
</div>
{globalFeedback && showAnswer && (
<div className="global-feedback mb-2">{globalFeedback}</div>
<div className="global-feedback mb-2" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(formatLatex(globalFeedback))}}></div>
)}
{!showAnswer && handleOnSubmitAnswer && (

View file

@ -2,7 +2,7 @@
import React, { useState } from 'react';
import '../questionStyle.css';
import { Button, TextField } from '@mui/material';
import textType from '../../GiftTemplate/templates/TextType';
import textType, { formatLatex } from '../../GiftTemplate/templates/TextType';
import { TextFormat } from '../../GiftTemplate/templates/types';
import DOMPurify from 'dompurify';
@ -40,7 +40,7 @@ const NumericalQuestion: React.FC<Props> = (props) => {
{showAnswer ? (
<>
<div className="correct-answer-text mb-2">{correctAnswer}</div>
{globalFeedback && <div className="global-feedback mb-2">{globalFeedback}</div>}
{globalFeedback && <div className="global-feedback mb-2" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(formatLatex(globalFeedback))}}></div>}
</>
) : (
<>
@ -56,7 +56,7 @@ const NumericalQuestion: React.FC<Props> = (props) => {
/>
</div>
{globalFeedback && showAnswer && (
<div className="global-feedback mb-2">{globalFeedback}</div>
<div className="global-feedback mb-2" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(formatLatex(globalFeedback))}}></div>
)}
{handleOnSubmitAnswer && (
<Button

View file

@ -2,8 +2,8 @@
import React, { useState } from 'react';
import '../questionStyle.css';
import { Button, TextField } from '@mui/material';
import textType from '../../GiftTemplate/templates/TextType';
import { TextFormat } from '../../GiftTemplate/templates/types';
import textType, { formatLatex } from '../../GiftTemplate/templates/TextType';
import DOMPurify from 'dompurify';
type Choices = {
@ -40,7 +40,7 @@ const ShortAnswerQuestion: React.FC<Props> = (props) => {
</div>
))}
</div>
{globalFeedback && <div className="global-feedback mb-2">{globalFeedback}</div>}
{globalFeedback && <div className="global-feedback mb-2"dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(formatLatex(globalFeedback))}}></div>}
</>
) : (
<>

View file

@ -2,8 +2,8 @@
import React, { useState, useEffect } from 'react';
import '../questionStyle.css';
import { Button } from '@mui/material';
import textType from '../../GiftTemplate/templates/TextType';
import { TextFormat } from '../../GiftTemplate/templates/types';
import textType, { formatLatex } from '../../GiftTemplate/templates/TextType';
import DOMPurify from 'dompurify';
interface Props {
@ -51,7 +51,7 @@ const TrueFalseQuestion: React.FC<Props> = (props) => {
</Button>
</div>
{globalFeedback && showAnswer && (
<div className="global-feedback mb-2">{globalFeedback}</div>
<div className="global-feedback mb-2" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(formatLatex(globalFeedback))}}></div>
)}
{!showAnswer && handleOnSubmitAnswer && (
<Button