Есть ли способ получить разметку для встроенного блока <style>, используя jQuery или Javascipt, для включения с разметкой для печати? - PullRequest
0 голосов
/ 06 ноября 2019

У меня есть HTML-форма, которую я хочу распечатать после ее завершения. Я мог бы немного обработать его, чтобы преобразовать элементы формы (input, textarea, переключатель и т. Д.) В span, div и значения). Тем не менее, я хочу включить блок стиля для формы в HTML, используемый для печати. Если я не включаю блок стилей, форма не печатается как отформатированная на HTML-странице.

Что касается изменений тэга, то что-то подобное работает для входных данных, если таблица стилей настроена так, чтобы она выгляделаприемлемо для печати. То же самое для других элементов формы делает его довольно печатным.

$ ("# previewform"). On ("click", function (e) {$ (".inputtospan") .each (function (index) {$ (this) .replaceWith ('' + $ (this) .val () + '');});});

Есть ли способ получить блок стиля, например

<style>
. . . .
. . . .
</style>

с использованием jQuery или Javascript для прикрепления блока к HTML, переданному для печати. Может ли это также работать для электронной почты, в которой используются клиенты, поддерживающие таблицы стилей?

В качестве примера использования iFrame, похоже, что-то подобное возвращает содержимое блока стиля:

$("#viewerframe").contents().find("#mriform").prev().html()

хотя то же самое должно работать с родительской страницей. В этом случае блок стиля помещается непосредственно перед формой, поэтому он является предыдущим братом.

style = $("#mriform").prev()[0].outerHTML;

работает, чтобы получить код для блока стиля, и, похоже, он отображается при печатипока я передаю style + ("#mriform"). html () для печати.

Просто интересно, существует ли простой способ JS или другой способ управления этим типом проблемы. Я попытался включить идентификатор или другой атрибут в объявление стиля, и это не работает, хотя с помощью prev () или next (), когда блок стиля находится непосредственно перед или после работы формы. Я бы предпочел не ограничиваться включением блока в доступную позицию относительно формы.

Есть еще один вопрос SO, в некоторой степени решающий эту проблему:

SO Post

Можно использовать jQuery, JS для обработки и преобразования формы в косметически презентабельную форму, хотя мне нравится идея создания сценария для выполнения той же серверной стороны. Простое преобразование тегов входных элементов в промежутки, текстовые области в div, метки в промежутки и т. Д. С соответствующим оформлением эффективно и может выполняться динамически.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...