Clicking the "Save changes" button leads to script instead of a graph

[IlanAdivi]

Hello,

On the question edit screen,
After clicking the "Save changes" button, we get a long script instead of a graph.
Version: 1.12.0, Moodle 4.5

Before

After

[andreas-web]

Hi,

What exactly do you mean by “before” and “after”? After what? Did you do an update? Was anything else changed?

It looks very much like the question was not created with the plain text editor, but with rich text, and the <jsxgraph> tag was filtered out by the editor before saving.

See here.

Best regards,
Andreas

[IlanAdivi]

Hi,

Before - before clicking the "Save changes" button
After - after clicking the "Save changes" button

[andreas-web]

Hello!

This is a little confusing, because the board shouldn't be displayed at all in edit mode... Instead, you only have the <jsxgraph> tag to enter there.

Would it be possible for you to upload the Moodle XML of a minimal example (preferably in English) so that we can reproduce the error?

Thank you very much!

[IlanAdivi]

questions-קורס בדיקות אילן משוחזר-יולי וכפיר חיתוך בין שני ישרים.....-20260211-1157.xml

[andreas-web]

Unfortunately, I can't speak or read Hebrew or Arabic. But if you look at the “Question text” under “Main question,” something has been messed up by the multilang plugin:

<div class="atto_bsgrid container-fluid">
    <div class="row row-fluid">
        <div class="col-md-6 span6">
            <p><span class="multilang" lang="he">{girlh} ו{boyh} משחקים משחק</span> <span class="multilang" lang="ar"> يلعب {girla} و {boya} لعبة </span>: <br><span class="multilang" lang="he">הם מגרילים מספר חיובי כלשהו.</span> <span
                    class="multilang" lang="ar">يُجرون سحب عشوائيّ لعدد موجب معيّن.</span> <br><span class="multilang" lang="he">{girlh} מכפילה את המספר שמתקבל פי </span> <span class="multilang" lang="ar">{girla} تضرب العدد الذي حصلت عليه بـ</span>
                <span style="direction: ltr;">\(3\)</span>. <br><span class="multilang" lang="he"> {boyh} מוסיף למספר שהתקבל </span> <span class="multilang" lang="ar"> {boya} يُضيف للعدد الناتج</span> <span style="direction: ltr;">\({b}\)</span>.
                <br><span class="multilang" lang="he">תוצאת החישוב הן מספר הנקודות שצובר כל אחד מהילדים בסיבוב.</span> <span class="multilang" lang="ar">نتيجة الحساب هي عدد النقاط التي يُجمعها كلّ واحد من الأشخاص في الدّورة</span> <br><br><span
                        class="multilang" lang="he">המנצח בסיבוב, הוא הילד שקיבל את מספר הנקודות הגבוה יותר.</span> <span class="multilang" lang="ar">الفائز في الدّورة، هو الشخص الذي يحصل على عدد النقاط الأعلى.</span><br><span class="multilang"
                                                                                                                                                                                                                                   lang="he">אם התקבלה תוצאה זהה, הסיבוב מסתיים ב"תיקו".</span>
                <span class="multilang" lang="ar">" إذا تم الحصول على نفس النتيجة، تنتهي الدّورة بـ"التعادل"</span> <br><br><span class="multilang" lang="he">במערכת הצירים משורטטים הגרפים של הישרים המתארים את תוצאות המשחק של {girlh} ו{boyh}:</span>
                <span class="multilang" lang="ar">مرسوم في هيئة المحاور الخطان البيانيان للمستقيمين اللذين يصفان نتائج اللعبة لـ {girla} ו{boya}: </span></p>
        </div>
        <div class="col-md-6 span6">
            <p></p>
            <div dir="ltr">
                <jsxgraph height="400" width="400" box="{MB}"> (function () { JXG.Options.axis.ticks.insertTicks = false; JXG.Options.axis.ticks.ticksDistance = 1000; JXG.Options.point.showInfobox = false; const bh= {bh} board =
                    JXG.JSXGraph.initBoard('{MB}', {boundingbox: [-1, bh, bh, -1], axis: true, grid:true, showCopyright:false, showNavigation:false, pan: {needShift: true, needTwoFingers: true, enabled: true }, defaultAxes: { x : {name:
                </jsxgraph>
                <span class="multilang" lang="he">'{LblXh}'</span>
<!-- empty tag ... -->
                <jsxgraph height="400" width="400" box="{MB}"></jsxgraph>
                <span class="multilang" lang="ar">'{LbLXa}'</span>
<!-- tag with invalid code ... -->
                <jsxgraph height="400" width="400" box="{MB}"> , withLabel:true, straightFirst :false, ticks:{visible:false}, label: {position: 'rt', offset: [-20, 10]} }, y : {name:</jsxgraph>
                <span class="multilang" lang="he">'{LblYh}'</span>
<!-- empty tag ... -->
                <jsxgraph height="400" width="400" box="{MB}"></jsxgraph>
                <span class="multilang" lang="ar">'{LbLYa}'</span>
<!-- tag with invalid code ... -->
                <jsxgraph height="400" width="400" box="{MB}"> , withLabel:true, straightFirst :false, ticks:{visible:false}, label: {position: 'rt', offset: [10, 0]}} }}); let curve; ; fn = function (x) { return(3*x); } gn = function (x) {
                    return(x+{b}); } curve = board.create('functiongraph', [gn, 0, bh], {name:'',strokeColor:'green',size:4, withLabel:true, dash:2}); curve = board.create('functiongraph', [fn, 0, bh], {name:'',strokeColor:'blue',size:1.5,
                    withLabel:true}); board.create('point', [{xp}, {yp}],{size:1, name:'A', size:0.5, fixed:true, label: {offset: [-12, -10]}}); board.update(); })();
                </jsxgraph>
            </div>
        </div>
    </div>
</div>
<p>{#1}{#2}{#3}</p>

JSXGraph can't do anything about this, as the code between the <jsxgraph> tags is not valid JavaScript.

I think the problem comes from the Multilang plugin or from the user input. However, the content of the field (which comes from the database) is stored incorrectly, so JSXGraph can no longer process anything.

Unfortunately, we have nothing to do with this and cannot influence it.