Question T4346
Visible to All Users

CKEditor in SurveyCreator and markdown support in runtime

created 5 years ago (modified 5 years ago)

[Ticket cloned from T4330: Can CKEDITOR be embedded in surveys.io site online designer]

Okie

I tried embedding Survey Creator and also CKEditor in designer was able to add link in question by doing changes in survey-creator.js as given in this example https://surveyjs.io/Examples/Survey-Creator/?id=ckeditorpropertyeditor&theme=bootstrap#content-js

But will checking in Test Survey it is displaying properly, but in Run i,e while loading for Response it is not

What changes do i need to do in Survey.js
Clipboard-File-2.png
Clipboard-File-3.png
Clipboard-File-4.png

Can you please help here

Sign in to comment on this post

Answers approved by surveyjs Support

created 5 years ago

Hello,
Sure, you have to apply the same code for your running survey:

JavaScript
//Create showdown mardown converter
var converter = new showdown.Converter();
function doMarkdown(survey, options) {
    //convert the mardown text to html
    var str = converter.makeHtml(options.text);
    if (str.indexOf("<p>") == 0) {
        //remove root paragraphs<p></p>
        str = str.substring(3);
        str = str.substring(0, str.length - 4);
    }
    //set html
    options.html = str;
}

survey.onTextMarkdown.add(doMarkdown);

Please, make sure to include showdown script:

JavaScript
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.6.4/showdown.min.js"></script>

Thank you,
Andrew
SurveyJS Team

    Sign in to comment on this post