Facing Issue while creating a programming quiz

could you please add an screenshot and point out whats not working ?

Many thanks for quick response. Please check the link in which I have attached the image. You can also click on start quiz to check the issue, https://aticleworld.com/plugin-test-for-quiz/

Code should be vissible like this,

#include <iostream>
using namespace std;
//class
class Test
{
    //member variable
    int m;
public:
    //non-static member function
    void value(int m)
    {
        // The 'this' pointer is used to
        //retrieve the object's m
        this->m = m;
    }
    void print()
    {
        cout << "m = " << m << endl;
    }
};
int main()
{
    Test testObj;
    testObj.value(6);
    testObj.print();
    return 0;
}

i can only see a codeblock without linebreaks in your linked quiz.

it seems to be caused by the quiz plugin (all linebreaks are removed before the highlighting is applied)

They have sugested me to use below CSS,

.ays-quiz-container .ays_quiz_question .enlighter span {
white-space: break-spaces;
}

But still, it did not work for me. Could you please suggest what I need to do?

it doesn’t look like a css issue: the whitespaces are removed within the html -> this might caused by the quiz plugin or another optimization plugin

This issue is not related to Enlighter nor EnlighterJS…it’s the php code of another plugin