gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Amélioration avec interaction

Browse source
This commit is contained in:
JubaAzul 2025-01-14 16:21:32 -05:00
parent ce6d9f9a2e
commit 69b5d3f2f9
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/src/components/GIFTCheatSheet/GiftCheatSheet.tsx
View file

@ -153,7 +153,7 @@ const GiftCheatSheet: React.FC = () => {
</pre>
</div>
<div className="question-type">
<div className="question-type" id="images-section">
<h4> 9. Images </h4>
<p>Pour insérer une image dans une question ou dans une réponse, vous devez utiliser la syntaxe suivante:</p>
<pre>
@ -179,8 +179,7 @@ const GiftCheatSheet: React.FC = () => {
Attention: l&apos;ancienne fonctionnalité avec les balises <code>{'<img>'}</code> n&apos;est plus
supportée.
</p>
</div>
</div>
<div className="question-type">
<h4> 10. Informations supplémentaires </h4>
<p>

16
client/src/pages/Teacher/EditorQuiz/EditorQuiz.tsx
View file

@ -41,6 +41,14 @@ const QuizForm: React.FC = () => {
const fileInputRef = useRef<HTMLInputElement>(null);
const [dialogOpen, setDialogOpen] = useState(false);
const scrollToImagesSection = (event: { preventDefault: () => void; }) => {
event.preventDefault();
const section = document.getElementById('images-section');
if (section) {
section.scrollIntoView({ behavior: 'smooth' });
}
};
useEffect(() => {
const fetchData = async () => {
const userFolders = await ApiService.getUserFolders();
@ -258,11 +266,13 @@ const QuizForm: React.FC = () => {
</div>
<h4>Mes images :</h4>
<div>
<div>
<div style={{ display: "inline" }}>(Voir section ci-dessous : </div>
<h4 style={{ display: "inline" }}> 9. Images </h4>
<div style={{ display: "inline" }}>(Voir section </div>
<a href="#images-section"style={{ textDecoration: "none" }} onClick={scrollToImagesSection}>
<u><em><h4 style={{ display: "inline" }}> 9. Images </h4></em></u>
</a>
<div style={{ display: "inline" }}> ci-dessous</div>
<div style={{ display: "inline" }}>)</div>
<br />
<em> - Cliquez sur un lien pour le copier</em>