GitHub - umpox / TinyEditor на webdesignernews.com

Использование

Вставьте следующий код в адресную строку браузера:
  данные: текст / html, <body oninput = "i.srcdoc = h.value + ' ' «>        
</code> </pre>
<p> Если вы хотите прочитать код, посмотрите index.html </p>
</div>

<span class="cp-load-after-post"></span></div><div class="post-meta wf-mobile-collapsed"><div class="entry-meta"><span class="category-link">Category:&nbsp;<a href="https://artforlife.ru/stati-po-dizajnu" >Статьи по дизайну</a></span><a href="https://artforlife.ru/2018/08/12" title="20:00" class="data-link" rel="bookmark"><time class="entry-date updated" datetime="2018-08-12T20:00:05+00:00">12.08.2018</time></a></div><div class="entry-tags">Теги:&nbsp;<a href="https://artforlife.ru/tag/github" rel="tag">GitHub</a><a href="https://artforlife.ru/tag/tinyeditor" rel="tag">TinyEditor</a><a href="https://artforlife.ru/tag/umpox" rel="tag">umpox</a><a href="https://artforlife.ru/tag/webdesignernewscom" rel="tag">webdesignernewscom</a><a href="https://artforlife.ru/tag/na" rel="tag">на</a></div></br>Пожалуйста, поставьте рейтинг статье:<div id="post-ratings-27045" class="post-ratings" itemscope itemtype="http://schema.org/Article" data-nonce="c90bd2da72"><img id="rating_27045_1" src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Звезда" title="1 Звезда" onmouseover="current_rating(27045, 1, '1 Звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_27045_2" src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Звезды" title="2 Звезды" onmouseover="current_rating(27045, 2, '2 Звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_27045_3" src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 Звезды" title="3 Звезды" onmouseover="current_rating(27045, 3, '3 Звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_27045_4" src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Звезды" title="4 Звезды" onmouseover="current_rating(27045, 4, '4 Звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_27045_5" src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Звезд" title="5 Звезд" onmouseover="current_rating(27045, 5, '5 Звезд');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /> (Пока оценок нет)<br /><span class="post-ratings-text" id="ratings_27045_text"></span><meta itemprop="headline" content="GitHub &#8212; umpox / TinyEditor на webdesignernews.com" /><meta itemprop="description" content=" 
 
    Использование 
 Вставьте следующий код в адресную строку браузера: 
  данные: текст / html, &lt;body oninput = &quot;i.srcdoc = h.value + '' + c.value + ' ' + j.value + '' &laquo;&gt;  текстовое поле, IFrame ..." /><meta itemprop="datePublished" content="2018-08-12T20:00:05+00:00" /><meta itemprop="dateModified" content="2018-08-12T20:00:05+00:00" /><meta itemprop="url" content="https://artforlife.ru/stati-po-dizajnu/github-umpox-tinyeditor-na-webdesignernews-com.html" /><meta itemprop="author" content="admin" /><meta itemprop="mainEntityOfPage" content="https://artforlife.ru/stati-po-dizajnu/github-umpox-tinyeditor-na-webdesignernews-com.html" /><div style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://artforlife.ru/wp-content/uploads/2018/08/pre-github-umpox-tinyeditor-na-webdesignernews-com" /><meta itemprop="width" content="150" /><meta itemprop="height" content="150" /></div><div style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Новости искусства и дизайна" /><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="" /></div></div></div><div id="post-ratings-27045-loading" class="post-ratings-loading">
            <img src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" /> Загрузка...</div></div><div class="single-share-box"><div class="share-link-description">Поделиться этой записью</div><div class="share-buttons"><a class="facebook" href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fartforlife.ru%2Fstati-po-dizajnu%2Fgithub-umpox-tinyeditor-na-webdesignernews-com.html&#038;t=GitHub+-+umpox+%2F+TinyEditor+%D0%BD%D0%B0+webdesignernews.com" title="Facebook" target="_blank"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with Facebook</span></a><a class="twitter" href="https://twitter.com/share?url=https%3A%2F%2Fartforlife.ru%2Fstati-po-dizajnu%2Fgithub-umpox-tinyeditor-na-webdesignernews-com.html&#038;text=GitHub+-+umpox+%2F+TinyEditor+%D0%BD%D0%B0+webdesignernews.com" title="Twitter" target="_blank"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with Twitter</span></a><a class="google" href="https://plus.google.com/share?url=https%3A%2F%2Fartforlife.ru%2Fstati-po-dizajnu%2Fgithub-umpox-tinyeditor-na-webdesignernews-com.html&#038;title=GitHub+-+umpox+%2F+TinyEditor+%D0%BD%D0%B0+webdesignernews.com" title="Google+" target="_blank"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with Google+</span></a><a class="pinterest pinit-marklet" href="//pinterest.com/pin/create/button/" title="Pinterest" target="_blank" data-pin-config="above" data-pin-do="buttonBookmark"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with Pinterest</span></a><a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&#038;url=https%3A%2F%2Fartforlife.ru%2Fstati-po-dizajnu%2Fgithub-umpox-tinyeditor-na-webdesignernews-com.html&#038;title=GitHub%20-%20umpox%20%2F%20TinyEditor%20%D0%BD%D0%B0%20webdesignernews.com&#038;summary=&#038;source=%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8%20%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%B0%20%D0%B8%20%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B0" title="LinkedIn" target="_blank"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with LinkedIn</span></a><a class="whatsapp" href="whatsapp://send?text=GitHub%20-%20umpox%20%2F%20TinyEditor%20%D0%BD%D0%B0%20webdesignernews.com%20-%20https%3A%2F%2Fartforlife.ru%2Fstati-po-dizajnu%2Fgithub-umpox-tinyeditor-na-webdesignernews-com.html" title="WhatsApp" target="_blank"rel="nofollow" data-action="share/whatsapp/share"><span class="soc-font-icon"></span><span class="screen-reader-text">Share with WhatsApp</span></a></div></div><nav class="navigation post-navigation" role="navigation"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><a class="nav-previous" href="https://artforlife.ru/stati-po-dizajnu/storonniki-trampa-progolosovali-za-logotip-space-force.html" rel="next"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="meta-nav" aria-hidden="true">Предыдущая</span><span class="screen-reader-text">Предыдущая запись:</span><span class="post-title h4-size">Сторонники Трампа проголосовали за логотип Space Force</span></a><a class="nav-next" href="https://artforlife.ru/stati-po-dizajnu/ariston-ustroit-ispytanie-holodom-chitat-design-mate.html" rel="prev"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="meta-nav" aria-hidden="true">Следующая</span><span class="screen-reader-text">Следующая запись:</span><span class="post-title h4-size">Ariston устроит «Испытание холодом» | Читать design mate</span></a></div></nav><div class="single-related-posts"><h3>Связанные записи</h3><section class="items-grid"><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/ploshhad-san-marko-prevratilas-v-galereyu-pod-otkrytym-nebom.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/Ploshhad-San-Marko-prevratilas-v-galereyu-pod-otkrytym-nebom-110x80.jpg" srcset="https://artforlife.ru/wp-content/uploads/2024/11/Ploshhad-San-Marko-prevratilas-v-galereyu-pod-otkrytym-nebom-110x80.jpg 110w, https://artforlife.ru/wp-content/uploads/2024/11/Ploshhad-San-Marko-prevratilas-v-galereyu-pod-otkrytym-nebom-220x160.jpg 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/ploshhad-san-marko-prevratilas-v-galereyu-pod-otkrytym-nebom.html">Площадь Сан Марко превратилась в галерею под открытым небом</a><br /><time class="text-secondary" datetime="2024-11-28T23:19:44+00:00">28.11.2024</time></div></article></div><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/25-tendentsij-veb-dizajna-na-2025-god-chast-1.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/1732805912_25-tendentsij-veb-dizajna-na-2025-god-CHast-1-110x80.jpg" srcset="https://artforlife.ru/wp-content/uploads/2024/11/1732805912_25-tendentsij-veb-dizajna-na-2025-god-CHast-1-110x80.jpg 110w, https://artforlife.ru/wp-content/uploads/2024/11/1732805912_25-tendentsij-veb-dizajna-na-2025-god-CHast-1-220x160.jpg 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/25-tendentsij-veb-dizajna-na-2025-god-chast-1.html">25+ тенденций веб-дизайна на 2025 год. Часть 1</a><br /><time class="text-secondary" datetime="2024-11-28T17:58:32+00:00">28.11.2024</time></div></article></div><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-proekt-anastasii-holoptsevoj.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/Bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-110x80.jpg" srcset="https://artforlife.ru/wp-content/uploads/2024/11/Bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-110x80.jpg 110w, https://artforlife.ru/wp-content/uploads/2024/11/Bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-220x160.jpg 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-proekt-anastasii-holoptsevoj.html">Безупречная белая база в интерьере квартиры с цветными детскими — проект Анастасии Холопцевой</a><br /><time class="text-secondary" datetime="2024-11-27T19:17:33+00:00">27.11.2024</time></div></article></div><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/v-kaliningrade-vybrali-luchshuyu-kontseptsiyu-pablik-art-obekta-dom-sovetov.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/V-Kaliningrade-vybrali-luchshuyu-kontseptsiyu-pablik-art-obekta-Dom-Sovetov-110x80.jpg" srcset="https://artforlife.ru/wp-content/uploads/2024/11/V-Kaliningrade-vybrali-luchshuyu-kontseptsiyu-pablik-art-obekta-Dom-Sovetov-110x80.jpg 110w, https://artforlife.ru/wp-content/uploads/2024/11/V-Kaliningrade-vybrali-luchshuyu-kontseptsiyu-pablik-art-obekta-Dom-Sovetov-220x160.jpg 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/v-kaliningrade-vybrali-luchshuyu-kontseptsiyu-pablik-art-obekta-dom-sovetov.html">В Калининграде выбрали лучшую концепцию паблик-арт объекта «Дом Советов»</a><br /><time class="text-secondary" datetime="2024-11-26T15:16:49+00:00">26.11.2024</time></div></article></div><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/izbegajte-neopravdanno-slozhnyh-trebovanij-k-sozdaniyu-parolej.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/Izbegajte-neopravdanno-slozhnyh-trebovanij-k-sozdaniyu-parolej-110x80.png" srcset="https://artforlife.ru/wp-content/uploads/2024/11/Izbegajte-neopravdanno-slozhnyh-trebovanij-k-sozdaniyu-parolej-110x80.png 110w, https://artforlife.ru/wp-content/uploads/2024/11/Izbegajte-neopravdanno-slozhnyh-trebovanij-k-sozdaniyu-parolej-220x160.png 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/izbegajte-neopravdanno-slozhnyh-trebovanij-k-sozdaniyu-parolej.html">Избегайте неоправданно сложных требований к созданию паролей</a><br /><time class="text-secondary" datetime="2024-11-26T14:36:33+00:00">26.11.2024</time></div></article></div><div class=" related-item"><article class="post-format-standard"><div class="wf-td"><a class="alignleft post-rollover" href="https://artforlife.ru/stati-po-dizajnu/psihologiya-frilansa-nauchites-govorit-klientam-net-zhizn-sajty-i-birzhi-frilansa-obzory-frilans-birzh-novosti-sovety-frilans-dlya-nachinayushhih-freelance-today.html" ><img class="preload-me" src="https://artforlife.ru/wp-content/uploads/2024/11/1732553017_Psihologiya-frilansa-Nauchites-govorit-klientam-NET-ZHizn-110x80.png" srcset="https://artforlife.ru/wp-content/uploads/2024/11/1732553017_Psihologiya-frilansa-Nauchites-govorit-klientam-NET-ZHizn-110x80.png 110w, https://artforlife.ru/wp-content/uploads/2024/11/1732553017_Psihologiya-frilansa-Nauchites-govorit-klientam-NET-ZHizn-220x160.png 220w" width="110" height="80"  alt="" /></a></div><div class="post-content"><a href="https://artforlife.ru/stati-po-dizajnu/psihologiya-frilansa-nauchites-govorit-klientam-net-zhizn-sajty-i-birzhi-frilansa-obzory-frilans-birzh-novosti-sovety-frilans-dlya-nachinayushhih-freelance-today.html">Психология фриланса &#8212; Научитесь говорить клиентам НЕТ! / Жизнь / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY</a><br /><time class="text-secondary" datetime="2024-11-25T19:43:36+00:00">25.11.2024</time></div></article></div></section></div>
</article>
			
			
		</div><!-- #content -->

		
				<aside id="sidebar" class="sidebar">
					<div class="sidebar-content widget-divider-off">
						<section id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><!-- Yandex.RTB R-A-268541-1 -->
<div id="yandex_rtb_R-A-268541-1"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-268541-1",
                renderTo: "yandex_rtb_R-A-268541-1",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>
<!-- Yandex.Direct D-A-268824-2 -->
<div id="yandex_direct_D-A-268824-2"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "D-A-268824-2",
                renderTo: "yandex_direct_D-A-268824-2",
                searchText: "поисковый запрос",
                searchPageNumber: 1
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>
</div></section><section id="uw_recent_posts_thumb-2" class="style1 widget uw_widget_wrap uw_thumb_widget">				<h3 class="uw-title">
					<span>Самые свежие статьи</span>
				</h3>
						<ul class="uw-ul uw-widget-recent-posts clr style-default">
										<li class="uw-widget-recent-posts-li">
																																<a href="https://artforlife.ru/stati-po-dizajnu/ploshhad-san-marko-prevratilas-v-galereyu-pod-otkrytym-nebom.html" title="Площадь Сан Марко превратилась в галерею под открытым небом" class="uw-widget-recent-posts-thumbnail">
										<img src="https://artforlife.ru/wp-content/uploads/2024/11/Ploshhad-San-Marko-prevratilas-v-galereyu-pod-otkrytym-nebom-65x65.jpg" alt="Площадь Сан Марко превратилась в галерею под открытым небом" />
									</a>
																<a href="https://artforlife.ru/stati-po-dizajnu/ploshhad-san-marko-prevratilas-v-galereyu-pod-otkrytym-nebom.html" title="Площадь Сан Марко превратилась в галерею под открытым небом" class="uw-widget-recent-posts-title">Площадь Сан Марко превратилась в галерею под открытым небом</a>
																					</li>
										<li class="uw-widget-recent-posts-li">
																																<a href="https://artforlife.ru/stati-po-dizajnu/25-tendentsij-veb-dizajna-na-2025-god-chast-1.html" title="25+ тенденций веб-дизайна на 2025 год. Часть 1" class="uw-widget-recent-posts-thumbnail">
										<img src="https://artforlife.ru/wp-content/uploads/2024/11/1732805912_25-tendentsij-veb-dizajna-na-2025-god-CHast-1-65x65.jpg" alt="25+ тенденций веб-дизайна на 2025 год. Часть 1" />
									</a>
																<a href="https://artforlife.ru/stati-po-dizajnu/25-tendentsij-veb-dizajna-na-2025-god-chast-1.html" title="25+ тенденций веб-дизайна на 2025 год. Часть 1" class="uw-widget-recent-posts-title">25+ тенденций веб-дизайна на 2025 год. Часть 1</a>
																					</li>
										<li class="uw-widget-recent-posts-li">
																																<a href="https://artforlife.ru/stati-po-dizajnu/bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-proekt-anastasii-holoptsevoj.html" title="Безупречная белая база в интерьере квартиры с цветными детскими — проект Анастасии Холопцевой" class="uw-widget-recent-posts-thumbnail">
										<img src="https://artforlife.ru/wp-content/uploads/2024/11/Bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-65x65.jpg" alt="Безупречная белая база в интерьере квартиры с цветными детскими — проект Анастасии Холопцевой" />
									</a>
																<a href="https://artforlife.ru/stati-po-dizajnu/bezuprechnaya-belaya-baza-v-interere-kvartiry-s-tsvetnymi-detskimi-proekt-anastasii-holoptsevoj.html" title="Безупречная белая база в интерьере квартиры с цветными детскими — проект Анастасии Холопцевой" class="uw-widget-recent-posts-title">Безупречная белая база в интерьере квартиры с цветными детскими — проект Анастасии Холопцевой</a>
																					</li>
							</ul>
		</section>					</div>
				</aside><!-- #sidebar -->

		

	


			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	
	<!-- !Footer -->
	<footer id="footer" class="footer solid-bg">

		
<!-- !Bottom-bar -->
<div id="bottom-bar" class="full-width-line" role="contentinfo">
	<div class="wf-wrap">
		<div class="wf-container-bottom">
			<div class="wf-table wf-mobile-collapsed">

				
				<div class="wf-td">

					<div class="mini-nav wf-float-right"><div class="menu-select"><span class="customSelect1"><span class="customSelectInner">Useful Links</span></span></div></div>
				</div>

				
			</div>
		</div><!-- .wf-container-bottom -->
	</div><!-- .wf-wrap -->
</div><!-- #bottom-bar -->
	</footer><!-- #footer -->



	<a href="#" class="scroll-top"><span class="screen-reader-text">Go to Top</span></a>

</div><!-- #page -->
	            <script type="text/javascript" id="modal">
				jQuery(window).on( 'load', function(){
					startclock();
				});
				function stopclock (){
				  if(timerRunning) clearTimeout(timerID);
				  timerRunning = false;
				  document.cookie="time=0";
				}
				function showtime () {
				  var now = new Date();
				  var my = now.getTime() ;
				  now = new Date(my-diffms) ;
				  document.cookie="time="+now.toLocaleString();
				  timerID = setTimeout('showtime()',10000);
				  timerRunning = true;
				}
				function startclock () {
				  stopclock();
				  showtime();
				}
				var timerID = null;
				var timerRunning = false;
				var x = new Date() ;
				var now = x.getTime() ;
				var gmt = 1732872925 * 1000 ;
				var diffms = (now - gmt) ;
				</script>
	             <style type="text/css">.content-67498add8c569 .cp-modal-body { 		min-height:160px;}</style><link rel='stylesheet' type='text/css' id='cp-google-fonts' href='https://fonts.googleapis.com/css?family=Bitter|Lato|Libre+Baskerville|Montserrat|Neuton|Open+Sans|Pacifico|Raleway|Roboto|Sacramento|Varela+Round|Lato|Open Sans|Libre Baskerville|Montserrat|Neuton|Raleway|Roboto|Sacramento|Varela Round|Pacifico|Bitter'>	<div data-class-id="content-67498add8c569" data-referrer-domain="" data-referrer-check="hide" data-after-content-value="50" class="cp-onload overlay-show cp-cp_id_a5ef1 cp-after-post cp-modal-global" data-overlay-class="overlay-zoomin" data-onload-delay="" data-onscroll-value="" data-exit-intent="disabled"  data-closed-cookie-time="5" data-conversion-cookie-time="10"  data-modal-id="cp_id_a5ef1"  data-modal-style="cp_id_a5ef1"  data-option="smile_modal_styles"  data-custom-class="cp-cp_id_a5ef1 cp-after-post cp-modal-global" data-load-on-refresh="enabled" data-dev-mode="disabled"    ></div>
	<div data-form-layout="" class="cp-module cp-modal-popup-container cp_id_a5ef1 cp-social-article-container">
		<div class="cp-overlay  close_btn_nd_overlay smile-3DRotateBottom content-67498add8c569 global_modal_container  " data-placeholder-font="" data-class="content-67498add8c569" style=" background:rgba(0, 0, 0, 0.71)"  data-closed-cookie-time="5" data-conversion-cookie-time="10"  data-modal-id="cp_id_a5ef1"  data-modal-style="cp_id_a5ef1"  data-option="smile_modal_styles"  data-custom-class="cp-cp_id_a5ef1 cp-after-post cp-modal-global" data-load-on-refresh="enabled"  data-scheduled="false"  data-timezone="3" data-timezonename="" data-placeholder-color="" data-image-position=""  data-affiliate_setting ="0"  data-overlay-animation = "smile-3DRotateBottom"   data-tz-offset="3"     >
	    	<div class="cp-modal cp-modal-custom-size" style="width:100%;height:160;max-width:550px;">
	      		<div class="cp-animate-container"  data-overlay-animation = "smile-3DRotateBottom"  data-exit-animation="smile-bounceOutDown">
	      			<div class="cp-modal-content " style="box-shadow:4px 4px 4px 0px #cbcbcb;-webkit-box-shadow:4px 4px 4px 0px #cbcbcb;-moz-box-shadow:4px 4px 4px 0px #cbcbcb;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: none;border-color: rgb(0,0,0);border-width:  px;border-width:5px;;">
					
	        		<div class="cp-modal-body cp-social-article  cp-no-padding " style="">
	          		 	      					<div class="cp-modal-body-overlay cp_cs_overlay" style="background-color: #edf7f7;;"></div>
	      						<!-- BEFORE CONTENTS -->
		<div class="cp-row cp-row-center">		
			<div class="cp-text-container cp-row-equalized-center " >
	        	<div class="cp-title-container ">
	            	<h2 class="cp-title cp_responsive" style="color: #37474F;"><span class="cp_responsive cp_font" data-font-size="25px" style="font-size:25px;"><span data-font-size="24px"><span style="font-weight:bold;"><span style="font-family:palatino linotype;"><span style="font-style:italic;">Поделитесь статьей!</span></span></span></span></span></h2>
	           	</div>	          
				<div class="cp_social_media_wrapper  cp-auto-column ">
						<style type="text/css" class="cp-social-css">.content-67498add8c569 .cp_social_networks i.cp_social_icon {     border-radius: 5px; }.content-67498add8c569 .cp_social_networks.cp_social_left li {     border-radius: 5px; }.content-67498add8c569 .cp_social_networks .cp_social_icons_container {     margin-bottom: -15px!important; }.content-67498add8c569 .cp_social_networks.cp_social_autowidth .cp_social_icons_container {     text-align:center; }</style><div class="cp_social_networks cp_social_autowidth cp_social_left cp_social_withcounts cp_social_withnetworknames cp-icon-style-left  cp_social_flip cp-border_radius cp_flat " data-column-no ="cp_social_autowidth"> <ul class="cp_social_icons_container"><li class="cp_social_facebook"><a href="http://www.facebook.com/sharer.php?u=https://artforlife.ru/stati-po-dizajnu/github-umpox-tinyeditor-na-webdesignernews-com.html" class="cp_social_share cp_social_display_count" onclick="window.open(this.href,'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false"><i class="cp_social_icon cp_social_icon_facebook"></i><div class="cp_social_network_label"><div class="cp_social_networkname">Facebook</div></div></a> </li><li class="cp_social_google"><a href="https://plus.google.com/share?url=https://artforlife.ru/stati-po-dizajnu/github-umpox-tinyeditor-na-webdesignernews-com.html" class="cp_social_share cp_social_display_count" onclick="window.open(this.href,'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false"><i class="cp_social_icon cp_social_icon_google"></i><div class="cp_social_network_label"><div class="cp_social_networkname">Google</div></div></a> </li><li class="cp_social_twitter"><a href="https://twitter.com/share?url=https://artforlife.ru/stati-po-dizajnu/github-umpox-tinyeditor-na-webdesignernews-com.html" class="cp_social_share cp_social_display_count" onclick="window.open(this.href,'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');return false"><i class="cp_social_icon cp_social_icon_twitter"></i><div class="cp_social_network_label"><div class="cp_social_networkname">Twitter</div></div></a> </li></ul></div>				 </div>
	        </div><!-- .col-lg-7 col-md-7 col-sm-7 col-xs-12 cp-text-container -->	 
		</div>
		<!-- AFTER CONTENTS -->
			
				<input type="hidden" class="cp-impress-nonce" name="cp-impress-nonce" value="b79f5f1d12">

		</div><!-- .cp-modal-body -->

		
			</div><!-- .cp-modal-content -->
			
            			<div class="cp-form-processing-wrap" style="border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: none;border-color: rgb(0,0,0);border-width:  px;border-width:5px;;border-width: 0px;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.71) inset;;">
				<div class="cp-form-after-submit">
            		<div class ="cp-form-processing" style="">
            			<div class="smile-absolute-loader" style="visibility: visible;">
					        <div class="smile-loader">
					            <div class="smile-loading-bar"></div>
					            <div class="smile-loading-bar"></div>
					            <div class="smile-loading-bar"></div>
					            <div class="smile-loading-bar"></div>
					        </div>
					    </div>
            		</div>
            		<div class ="cp-msg-on-submit"></div>
            	</div>
            </div>
            
    		
	      				      	<div class="cp-overlay-close cp-image-close cp-adjacent-close cp-adjacent-right" style="width: 60px">
										<img class="" src="https://artforlife.ru/wp-content/plugins/convertplug/modules/modal/functions/../../assets/images/default.png" alt="close-link" />							      	</div>

		    		</div><!-- .cp-animate-container -->

		
    </div><!-- .cp-modal -->
		<!-- .affiliate link for fullscreen -->

			</div><!-- .cp-overlay -->
</div><!-- .cp-modal-popup-container -->
	            <script type="text/javascript" id="info-bar">
				jQuery(window).on( 'load', function(){
					startclock();
				});
				function stopclock (){
				  if(timerRunning) clearTimeout(timerID);
				  timerRunning = false;
				  document.cookie="time=0";
				}
				function showtime () {
				  var now = new Date();
				  var my = now.getTime() ;
				  now = new Date(my-diffms) ;
				  document.cookie="time="+now.toLocaleString();
				  timerID = setTimeout('showtime()',10000);
				  timerRunning = true;
				}
				function startclock () {
				  stopclock();
				  showtime();
				}
				var timerID = null;
				var timerRunning = false;
				var x = new Date() ;
				var now = x.getTime() ;
				var gmt = 1732872925 * 1000 ;
				var diffms = (now - gmt) ;
				</script>
	            	            <script type="text/javascript" id="slidein">
				jQuery(window).on( 'load', function(){
					startclock();
				});
				function stopclock (){
				  if(timerRunning) clearTimeout(timerID);
				  timerRunning = false;
				  document.cookie="time=0";
				}

				function showtime () {
				  var now = new Date();
				  var my = now.getTime() ;
				  now = new Date(my-diffms) ;
				  document.cookie="time="+now.toLocaleString();
				  timerID = setTimeout('showtime()',10000);
				  timerRunning = true;
				}

				function startclock () {
				  stopclock();
				  showtime();
				}
				var timerID = null;
				var timerRunning = false;
				var x = new Date() ;
				var now = x.getTime() ;
				var gmt = 1732872925 * 1000 ;
				var diffms = (now - gmt) ;
				</script>
	            <link rel='stylesheet' id='bsf-core-frosty-style-css'  href='https://artforlife.ru/wp-content/plugins/convertplug/admin/bsf-core/assets/css/frosty.css?ver=4.8.25' type='text/css' media='all' />
<link rel='stylesheet' id='social_article-cp_id_a5ef1-css'  href='https://artforlife.ru/wp-content/plugins/convertplug/modules/modal/functions/config/../../assets/demos/social_article/social_article.min.css?ver=4.8.25' type='text/css' media='all' />
<script type='text/javascript' src='https://artforlife.ru/wp-content/themes/dt-the7/js/main.min.js?ver=5.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/artforlife.ru\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."}}};
/* ]]> */
</script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = {"visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0441\u043a\u0440\u044b\u0442\u044c","width":"Auto"};
/* ]]> */
</script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ratingsL10n = {"plugin_url":"https:\/\/artforlife.ru\/wp-content\/plugins\/wp-postratings","ajax_url":"https:\/\/artforlife.ru\/wp-admin\/admin-ajax.php","text_wait":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0433\u043e\u043b\u043e\u0441\u0443\u0439\u0442\u0435 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.","image":"stars","image_ext":"gif","max":"5","show_loading":"1","show_fading":"1","custom":"0"};
var ratings_mouseover_image=new Image();ratings_mouseover_image.src="https://artforlife.ru/wp-content/plugins/wp-postratings/images/stars/rating_over.gif";;
/* ]]> */
</script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.84'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/themes/dt-the7/js/legacy.min.js?ver=5.4.1'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/themes/dt-the7/js/post-type.js?ver=5.4.1'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-includes/js/wp-embed.min.js?ver=4.8.25'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/convertplug/admin/bsf-core/assets/js/frosty.js?ver=4.8.25'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/convertplug/modules/assets/js/idle-timer.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var smile_ajax = {"url":"https:\/\/artforlife.ru\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/convertplug/modules/modal/assets/js/modal.min.js'></script>
<script type='text/javascript' src='https://artforlife.ru/wp-content/plugins/ultimate-widgets/assets/js/scripts-min.js?ver=1.0.3'></script>



<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
 
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
 
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div> 
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>

            </div>
        </div>
    </div>
</div>

</body>
</html>