Как осуществить отображение тегов как текста? Здравствуйте!
Как осуществить отображение картинки из базы данных в отчете FastReport?
Как осуществить вращение текста?
Как осуществить связь текста и счетчика?
Как осуществить поиск и замену сразу нескольких фрагментов текста
Если не ошибаюсь, вместо угловых скобок, использовать спецсимволы.
Сообщение было отмечено SeMiTr как решение
Решение если не ошибаюсь, то он выводит html как есть, не нужно ни каких извращений со спецсимволами
не уверен что именно хмр, просто попинать редко используемые теги
Для того, чтобы написать тэг в виде текста, обычно применяются спец символы. То же касается некоторых (как минимум) знаков — например таких как: / < >. » » пробел и др.
К примеру для отображения в качестве текста тега , нужно прописать код;
то что желтым — это текстовый вариант знаков и > соответственно.
Добавлено через 1 минуту upd2 еще раз подправил
sashok89
Сергей Юрьевич
С помощью < и > тоже получилось. Дурацкая ошибка была: вместо mess = mess.replace. Писал просто mess.replace.
ну не знаю. Наверное для того, чтобы ПСам было легче «понимать» код. Хотя вроде как они не плохо понимают невалидный код.
(шутка) Это как кушать манную кашу без сахара — можно, но с сахаром вкуснее
SeMiTr
С помощью < и > тоже получилось. Дурацкая ошибка была: вместо mess = mess.replace. Писал просто mess.replace.
Валидность — не обязатльное условие) Но когда идёт жесткая конкуренция за место в топе ПС, то чем Валиднее код и чем легче онпонятен ПСам, тем выше будет сайт в результатах. Хотя бывают исключения, но я говорю всё же при прочих равных условиях.)
Источник
Как вывести символы и теги html на странице сайта Браузеры интерпретируют html-теги в свой синтаксис. В итоге любой html-тег при написании его в виде не отображается на странице, так как мы видим его в коде. Рассмотрим все способы как можно выводить теги html на странице сайта так, как они написаны в коде.
Существует три способа. Каждый из них не идеален. Я пользуюсь первым.
Замена левой и правой скобки на коды
Чем характеризуется любой html-тег? Наличием открывающей и закрывающий скобки: < и >. Если мы будем писать эти скобки с помощью html-кодов, то добьемся как раз нужного нам результата, а точнее, что браузер поймет этот код, как простой текст.
Например, мы хотим вывести следующий html-код на странице сайта:
html> head> style> .primer1 < padding : 10px; margin : 10px; width : 200px; height : 100px; box-shadow : 0px 0px 15px 5px #a34b23; > /style> /head> body> div class css">primer1">Пример №1. Рамка с тенью /div> /body> /html> <html > <head > <style > .primer1 < padding : 10px; margin : 10px; width : 200px; height : 100px; box-shadow : 0px 0px 15px 5px #a34b23; > </style > </head > <body > <div class css">primer1">Пример №1. Рамка с тенью </div > </body > </html > Заменять каждую знак муторно и долго. Поэтому проще всего определиться сразу какой код нужно вывести, а потом массово сделать замену. Это делается с помощью любого блокнота (например, notepad++). Открыв код в блокноте, нажмите комбинацию «CTRL + H» (заменить). Заполните поля что заменить и чем. Таким образом, можно автоматом массово заменить все нужные символы на другие.
В интернете есть специальные онлайн генераторы для замены.
В целом я придерживаюсь этого метода, т.к. он кроссбраузерный и валидный (отвечает всем стандартам).
Используя теги и
В html есть специальные теги для отображения кода как есть:
<![CDATA[.]]> и
<![CDATA[.</plaintext> . Весь html-код нужно поместить как есть между открывающим и закрывающим тегами и все.</p> <p>В целом этот метод работает во всех браузерах. Однако этот код не проходит валидацию.</p> <p>Пользоваться этим методом или нет? Конечно, вряд ли это может как-то сказаться на позициях сайта и траста сайта со стороны поисковых систем, но лично я придерживаюсь к мнению, что если делать код, то сразу отвечающим всем стандартам. Сейчас это не важно, а завтра может быть это станет уже критично.</p> <pre><blockquote>xmp</font>> html</font>> head</font>> style</font>> .<font >primer1</font>< <font >padding</font>: <font >10px;</font> <font >margin</font>: <font >10px;</font> <font >width</font>: <font >200px;</font> <font >height</font>: <font >100px;</font> <font >box-shadow</font>: <font >0px 0px 15px 5px</font> <font >#a34b23;</font> > /style</font>> /head</font>> body</font>> div</font> <font >class</font> css">primer1</font>"><font >Пример №1. Рамка с тенью</font>/div</font>> /body</font>> /html</font>> /xmp</font>></blockquote></pre> <pre><blockquote>plaintext</font>> html</font>> head</font>> style</font>> .<font >primer1</font>< <font >padding</font>: <font >10px;</font> <font >margin</font>: <font >10px;</font> <font >width</font>: <font >200px;</font> <font >height</font>: <font >100px;</font> <font >box-shadow</font>: <font >0px 0px 15px 5px</font> <font >#a34b23;</font> > /style</font>> /head</font>> body</font>> div</font> <font >class</font> css">primer1</font>"><font >Пример №1. Рамка с тенью</font>/div</font>> /body</font>> /html</font>> /plaintext</font>></blockquote></pre> <p>Из этих двух тегов, советую выбирать , т.к. он более новый и есть шансы пройти валидность кода.</p> <p><a href="https://zarabotat-na-sajte.ru/uroki-html/kak-vyvesti-simvoly-html-na-stranice.html">Источник</a></p> <h2 id="html-bazovye-tegi">HTML Базовые теги</h2> <p><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="images/beget/beget-top.jpg"/><noscript><img decoding="async" src="images/beget/beget-top.jpg"/></noscript></p> <p>В языке HTML всё, что вы напишите в HTML-документе, будет выведено на экран браузера сплошным текстом, то есть браузер игнорирует переводы строк, а также несколько набранных вами подряд пробелов заменяются одним.</p> <p>Теги — это управляющие команды, которые были придуманы для того, чтобы отформатировать текст, т.е. теги говорят браузеру о том, как именно нужно вывести на экран часть текста, заключенную в теги. Для создания тега между угловыми скобками вводится HTML-код, который предназначен только для браузеров. Посетители сайта не видят теги.</p> <p>Как уже отмечалось выше, все теги начинаются с угловой скобки < и заканчиваются угловой скобкой >. После открывающей угловой скобки следует имя тега (команды).</p> <p>Например, тег предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием. Когда браузер обнаруживает этот тег, он переключается на форматирование курсивным шрифтом текста, следующего за тегом.</p> <pre>Этот текст обычный. <em> <em>Этот текст курсивный.</em> </pre> <p>Тег называют начальным или открывающим тегом, что означает включение браузером определенной команды (в данном случае написание курсивным шрифтом). У большинства тегов есть пара в виде закрывающего тега, который отключает команду.</p> <p>Закрывающий тег выглядит так же, как начальный, но начинается с слэша. Итак, конечный тег для выделения курсивным шрифтом —</strong> .</p> <pre>Этот текст обычный. <em> <em>Внимание! Курсив.</em> </em> Это снова обычный шрифт.</pre> <p>Как вы успели заметить, браузер последовательно анализирует HTML – документ в поисках команд (тегов) и применяет или отключает разные параметры форматирования текста. Браузер отформатированный текст (все, что не является тегом) отображает в своем окне.</p> <table > <tr> <td>Процесс вставки тегов в обычный неформатированный текст называется разметкой HTML-документа, а теги — знаками разметки. При написании тегов не учитывается регистр букв, тег может быть прописан как строчными, так и прописными буквами, но всё же рекомендуется применение прописных букв.</td> </tr> </table> <p>Ниже приведены примеры основных тегов HTML, с объяснением их использования, а также примеры их применения в HTML-документе.</p> <h2 id="zagolovki">Заголовки</h2> <p>Существует специальный тег для указания заголовков в HTML. Есть 6 уровней заголовков в HTML, начиная от для наиболее важных объявлений, до для наименее важных.</p> <h3 id="primer-html">Пример HTML:</h3> <pre><code><h2>Заголовок 1</h2> <h2>Заголовок 2</h2> <h3>Заголовок 3</h3> <h4>Заголовок 4</h4> <h5>Заголовок 5</h5> <h6>Заголовок 6</h6> </code></pre> <h2 id="html-abzatsy">HTML абзацы</h2> <p>С помощью HTML тэга Вы можете определить абзац.</p> <p>Абзацы используются для логической группировки текста. Перед и после текста абзаца браузер автоматически отступает одну строчку.</p> <h3 id="primer-html-2">Пример HTML:</h3> <pre><code><p>Это абзац</p> <p>Это другой абзац</p> <p>Это третий абзац</p> </code></pre> <h2 id="html-ssylki">HTML ссылки</h2> <p>С помощью HTML тэга создаются ссылки.</p> <p>Ссылки используются для связывания HTML документов друг с другом. Нажав на ссылку пользователь будет перемещен на другой HTML документ, url которого указан в атрибуте href.</p> <h3 id="primer-html-3">Пример HTML:</h3> <p>Атрибут href задает адрес документа, на который следует перейти.</p> <p>Атрибуты используются для предоставления дополнительной информации о HTML-элементах.</p> <h2 id="vstavka-izobrazheniy">Вставка изображений</h2> <p>С помощью HTML тэга Вы можете вставить в HTML документ произвольное изображение.</p> <p>Ширина и высота картинки может задаваться с помощью атрибутов width и height.</p> <h3 id="primer-html-4">Пример HTML:</h3> <p><a href="https://www.wm-school.ru/html/html_base.html">Источник</a></p> <div class="fpm_end"></div><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://indeksstroy.ru/komandnaya-stroka-vydaet-python/" target="_blank" rel="dofollow" class="uf225c5c81a43a34d969b4bb8fc44761a"><!-- INLINE RELATED POSTS 1/3 //--><style> .uf225c5c81a43a34d969b4bb8fc44761a { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .uf225c5c81a43a34d969b4bb8fc44761a:active, .uf225c5c81a43a34d969b4bb8fc44761a:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .uf225c5c81a43a34d969b4bb8fc44761a { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .uf225c5c81a43a34d969b4bb8fc44761a .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .uf225c5c81a43a34d969b4bb8fc44761a .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .uf225c5c81a43a34d969b4bb8fc44761a:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Читайте также:</span> <span class="postTitle">Командная строка выдает python</span></div></a></div> </div><!-- .entry-content --> </article> <div class="rating-box"> <div class="rating-box__header">Оцените статью</div> <div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="98775" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div> </div> <div class="entry-social"> <div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--facebook" data-social="facebook"></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span></div> </div> <meta itemprop="author" content="admin"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://indeksstroy.ru/html-kak-vyvesti-tegi/" content="Html как вывести тэги"> <meta itemprop="dateModified" content="2023-08-25"> <meta itemprop="datePublished" content="2023-08-26T18:51:55+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><meta itemprop="name" content="Программирование"><meta itemprop="telephone" content="Программирование"><meta itemprop="address" content="https://indeksstroy.ru"></div> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div class="sticky-sidebar js-sticky-sidebar"> <div id="block-2" class="widget widget_block"><div class="flatPM_sidebar" data-top="70"> <div id="Q_sidebar"></div> </div></div> </div> </aside><!-- #secondary --> <div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Вам также может понравиться</div><div class="post-cards post-cards--vertical"> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://indeksstroy.ru/yaschiki-s-usami-python/">Ящики с усами python</a></div><div class="post-card__description">pandas.plotting.boxplot# Make a box-and-whisker plot</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://indeksstroy.ru/primer-ispolzovaniya-svoystva-css-table-layout-74/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">table-layout¶ Свойство table-layout определяет, как</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://indeksstroy.ru/primer-ispolzovaniya-svoystva-css-table-layout-73/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">HTML Размеры таблицы HTML таблицы могут иметь разные</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://indeksstroy.ru/primer-ispolzovaniya-svoystva-css-table-layout-72/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">table-layout¶ Свойство table-layout определяет, как</div> </div> </div></div> </div><!--.site-content-inner--> </div><!--.site-content--> <div class="site-footer-container "> <div class="footer-navigation fixed" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="main-navigation-inner full"> <div class="menu-tehnicheskoe-menyu-container"><ul id="footer_menu" class="menu"><li id="menu-item-12637" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12637"><a href="https://indeksstroy.ru/pravoobladatelyam/">Правообладателям</a></li> <li id="menu-item-12638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12638"><a href="https://indeksstroy.ru/politika-konfidentsialnosti/">Политика конфиденциальности</a></li> <li id="menu-item-12639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12639"><a href="https://indeksstroy.ru/kontakty/">Контакты</a></li> </ul></div> </div> </div><!--footer-navigation--> <footer id="colophon" class="site-footer site-footer--style-gray full"> <div class="site-footer-inner fixed"> <div class="footer-bottom"> <div class="footer-info"> © 2024 Программирование </div> <div class="footer-counters"><!-- Yandex.Metrika counter --> <script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(98905868, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script> <noscript><div><img src="https://mc.yandex.ru/watch/98905868" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --></div></div> </div> </footer><!--.site-footer--> </div> <button type="button" class="scrolltop js-scrolltop"></button> </div><!-- #page --> <script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script type="text/javascript" id="reboot-scripts-js-extra">
/* <![CDATA[ */
var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"};
var wps_ajax = {"url":"https:\/\/indeksstroy.ru\/wp-admin\/admin-ajax.php","nonce":"db6dfa3284"};
/* ]]]]><![CDATA[> */
</script> <script type="text/javascript" src="https://indeksstroy.ru/wp-content/themes/reboot/assets/js/scripts.min.js" id="reboot-scripts-js"></script> <script>window.lazyLoadOptions = [{
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}},{
elements_selector: ".rocket-lazyload",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
}];
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (var i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
continue;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
continue;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://indeksstroy.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img loading="lazy" src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360">',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>]]></plaintext></div></div> 
Сообщение от sashok89 