В Qualtrics, что я могу сделать, чтобы сделать свой с javasectipt встроенным HTML -текстом точно так же, как текст по ум ⇐ Javascript

[Anonymous]

Я стараюсь увидеть таблицу для нескольких вопросов на нескольких страницах Qualtrics один за другим. Я следовал рекомендациям здесь: https://community.qualtrics.com/custom- ... ions-13191 /> Это мой javaScript по вопросу < /p>


< Pre Class = "Snippet-Code-JS Lang-Js PrettyPrint-Override">

Код: Выделить всё

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/

var base_element = document.querySelector(".QuestionOuter");
base_element.insertAdjacentHTML('afterbegin', '');

var new_element = document.querySelector("#sticky_vid");

// Change the text below to add the element of your choice
new_element.innerHTML = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 




Some text
 Project A
Project B (some more info)




More text
Lorem ipsum dolor sit amet, consectetur adipiscing elit
ELorem ipsum dolor sit amet, consectetur


Lorep 1
Lorem ipsum dolor sit amet, consectetur
orem ipsum dolor sit amet, consectetur


Even more text 
Required behavioral

adoption
Encroaching on the land and rights of local communities, labour right violations


Some numbers
32
32




We now ask you several questions on these proposed projects.

 `
;

// This is important, otherwise, the element you add will be at the back
base_element.style.zIndex = 1;
new_element.style.zIndex = 10;

});< /code>
< /div>
< /div>
< /p>
Однако размер и форматирование текста, добавленного через JS так же, как текст в вопросе Qualtrics. Я показываю это, добавив тот же текст ниже без перерыва на странице, чтобы показать, что я хотел бы, а не то, что я получил: < /p>
 
[b] есть идея, как это исправить? [/b] 
Изменить: Нет, я попробовал это без этого пользовательского CSS (см. Ниже), и у меня действительно такая же проблема, см. Эта картина: < /p>
 
может быть индивидуальным CSS (в взгляде и ощущении):


.Skin .QuestionBody {
min-width: 1300px!important;
}

.Skin .QuestionText {
min-width: 1300px!important;
}

.Skin .SkinInner {
min-width: 1400px!important;
}

@media only screen and (max-width: 768px) {
.Skin .QuestionBody {
min-width: auto !important;
}
.Skin .QuestionText {
min-width: auto !important;
}
.Skin .SkinInner {
min-width: auto !important;
}
}

Подробнее здесь: https://stackoverflow.com/questions/794 ... text-exact