Hello, all I have something great here for Quiz/MCQ Questions please anyone make the markdown version of it see here is the demo.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
.scp-quizzes-data{padding:2px;margin-top:15px}pre{border:2px solid #f5f5f5;padding:10px;overflow-x:scroll}input[type=radio]{display:none}input[type=radio]+label{display:inline-block;width:95%;padding:10px;border:1px solid #ddd;margin-bottom:10px;cursor:pointer}input[type=radio]+label:hover{border:1px solid #000}input[type=radio]:checked+label{background-image:none;background-color:#0c0;color:#fff;border:1px solid #0c0!important;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.worngans{background-color:#ff0000;color:#fff;border:1px solid #f36!important;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
</style><script>$(document).ready(function() { $('label').click(function() {$('label').removeClass('worngans');$(this).addClass('worngans'); });});</script>
<div class="scp-quizzes-main">
<div class="scp-quizzes-data">
<h4>1. Is Flarum great?</h4>
<input name="unique-name" type="radio" />
<label>1. Nope</label><br />
<input id="unique-id" name="unique-name" type="radio" />
<label for="unique-id">2. Flarum is Super Ultra Great</label><br />
<input name="unique-name" type="radio" />
<label>3. No Discourse is great</label> <br />
<input name="unique-name" type="radio" />
<label>4. Flarum is Great</label>
</div>
</div>
Now I want that @Justoverclock , @Ralkage , @askvortsov anyone please make an extension for this in markdown editor and If you can make script plain (I have jQuery in it to show answer plain java will be good) it will be also good.
I want that
1. Question here
[option]1st[/option]
[option=correct]1st[/option]
[option]1st[/option]
[option]1st[/option]
and in correct one I can add correct
PLEASE make the extension for it as I am using flarum as free Education Forum in production.