HTML5 GAMES

Rolling Panda

July 18, 2018

Your browser does not support iframes.> </p> </div> <footer> <div class="td-post-source-tags"> </div> <div class="td-post-sharing-bottom"><div id="td_uid_4_5b780bcecf390" class="td-post-sharing td-ps-bg td-ps-notext td-post-sharing-style1 "><div class="td-post-sharing-visible"><div class="td-social-sharing-button td-social-sharing-button-js td-social-handler td-social-share-text"> <div class="td-social-but-icon"><i class="td-icon-share"></i></div> <div class="td-social-but-text">Share</div> </div><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fjamo.vn%2Fhtml-5-games%2Frolling-panda%2F"> <div class="td-social-but-icon"><i class="td-icon-facebook"></i></div> <div class="td-social-but-text">Facebook</div> </a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-twitter" href="https://twitter.com/intent/tweet?text=Rolling+Panda&url=https%3A%2F%2Fjamo.vn%2Fhtml-5-games%2Frolling-panda%2F&via=Jamo.vn"> <div class="td-social-but-icon"><i class="td-icon-twitter"></i></div> <div class="td-social-but-text">Twitter</div> </a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-googleplus" href="https://plus.google.com/share?url=https://jamo.vn/html-5-games/rolling-panda/"> <div class="td-social-but-icon"><i class="td-icon-googleplus"></i></div> <div class="td-social-but-text">Google+</div> </a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-pinterest" href="https://pinterest.com/pin/create/button/?url=https://jamo.vn/html-5-games/rolling-panda/&media=https://jamo.vn/wp-content/uploads/2018/07/rolling-panda.jpg&description=Rolling+Panda"> <div class="td-social-but-icon"><i class="td-icon-pinterest"></i></div> <div class="td-social-but-text">Pinterest</div> </a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-whatsapp" href="whatsapp://send?text=Rolling Panda %0A%0A https://jamo.vn/html-5-games/rolling-panda/"> <div class="td-social-but-icon"><i class="td-icon-whatsapp"></i></div> <div class="td-social-but-text">WhatsApp</div> </a></div><div class="td-social-sharing-hidden"><ul class="td-pulldown-filter-list"></ul><a class="td-social-sharing-button td-social-handler td-social-expand-tabs" href="#" data-block-uid="td_uid_4_5b780bcecf390"> <div class="td-social-but-icon"><i class="td-icon-plus td-social-expand-tabs-icon"></i></div> </a></div></div></div> <div class="td-block-row td-post-next-prev"><div class="td-block-span6 td-post-prev-post"><div class="td-post-next-prev-content"><span>Previous article</span><a href="https://jamo.vn/html-5-games/dino-jump/">Dino Jump</a></div></div><div class="td-next-prev-separator"></div><div class="td-block-span6 td-post-next-post"><div class="td-post-next-prev-content"><span>Next article</span><a href="https://jamo.vn/html-5-games/knights-diamond/">Knights Diamond</a></div></div></div> <div class="author-box-wrap"><a href="https://jamo.vn/author/admin/"><img alt='' src='https://secure.gravatar.com/avatar/dc700de5f546886a3df68d17c1ec63c5?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/dc700de5f546886a3df68d17c1ec63c5?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo' height='96' width='96' /></a><div class="desc"><div class="td-author-name vcard author"><span class="fn"><a href="https://jamo.vn/author/admin/">admin</a></span></div><div class="td-author-description"></div><div class="td-author-social"></div><div class="clearfix"></div></div></div> <span class="td-page-meta" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="admin"></span><meta itemprop="datePublished" content="2018-07-18T09:37:15+00:00"><meta itemprop="dateModified" content="2018-07-18T09:39:44+00:00"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://jamo.vn/html-5-games/rolling-panda/"/><span class="td-page-meta" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span class="td-page-meta" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://jamo.vn/wp-content/uploads/2018/07/logo-jamo.png"></span><meta itemprop="name" content="Jamo.vn"></span><meta itemprop="headline " content="Rolling Panda"><span class="td-page-meta" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://jamo.vn/wp-content/uploads/2018/07/rolling-panda.jpg"><meta itemprop="width" content="427"><meta itemprop="height" content="631"></span> </footer> </article>  <div class="td_block_wrap td_block_related_posts td_uid_5_5b780bced302e_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_5_5b780bced302e" ><script>var block_td_uid_5_5b780bced302e = new tdBlock(); block_td_uid_5_5b780bced302e.id = "td_uid_5_5b780bced302e"; block_td_uid_5_5b780bced302e.atts = '{"limit":3,"ajax_pagination":"next_prev","live_filter":"cur_post_same_categories","td_ajax_filter_type":"td_custom_related","class":"td_uid_5_5b780bced302e_rand","td_column_number":3,"live_filter_cur_post_id":382,"live_filter_cur_post_author":"1","block_template_id":"","header_color":"","ajax_pagination_infinite_stop":"","offset":"","td_ajax_preloading":"","td_filter_default_txt":"","td_ajax_filter_ids":"","el_class":"","color_preset":"","border_top":"","css":"","tdc_css":"","tdc_css_class":"td_uid_5_5b780bced302e_rand","tdc_css_class_style":"td_uid_5_5b780bced302e_rand_style"}'; block_td_uid_5_5b780bced302e.td_column_number = "3"; block_td_uid_5_5b780bced302e.block_type = "td_block_related_posts"; block_td_uid_5_5b780bced302e.post_count = "3"; block_td_uid_5_5b780bced302e.found_posts = "9"; block_td_uid_5_5b780bced302e.header_color = ""; block_td_uid_5_5b780bced302e.ajax_pagination_infinite_stop = ""; block_td_uid_5_5b780bced302e.max_num_pages = "3"; tdBlocksArray.push(block_td_uid_5_5b780bced302e); </script><h4 class="td-related-title td-block-title"><a id="td_uid_6_5b780bced51f3" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_5_5b780bced302e" href="#">RELATED ARTICLES</a><a id="td_uid_7_5b780bced5244" class="td-related-right" data-td_filter_value="td_related_more_from_author" data-td_block_id="td_uid_5_5b780bced302e" href="#">MORE FROM AUTHOR</a></h4><div id=td_uid_5_5b780bced302e class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://jamo.vn/html-5-games/poop-it/" rel="bookmark" class="td-image-wrap" title="Poop It"><img width="218" height="150" class="entry-thumb" src="https://jamo.vn/wp-content/uploads/2018/07/Poop-It-218x150.jpg" srcset="https://jamo.vn/wp-content/uploads/2018/07/Poop-It-218x150.jpg 218w, https://jamo.vn/wp-content/uploads/2018/07/Poop-It-100x70.jpg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="" title="Poop It"/></a></div> <a href="https://jamo.vn/html-5-games/" class="td-post-category">HTML5 GAMES</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://jamo.vn/html-5-games/poop-it/" rel="bookmark" title="Poop It">Poop It</a></h3> </div> </div> </div>  <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://jamo.vn/html-5-games/avenging-soldiers/" rel="bookmark" class="td-image-wrap" title="Avenging Soldiers"><img width="218" height="150" class="entry-thumb" src="https://jamo.vn/wp-content/uploads/2018/07/Avenging-Soldiers-218x150.jpg" srcset="https://jamo.vn/wp-content/uploads/2018/07/Avenging-Soldiers-218x150.jpg 218w, https://jamo.vn/wp-content/uploads/2018/07/Avenging-Soldiers-100x70.jpg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="" title="Avenging Soldiers"/></a></div> <a href="https://jamo.vn/html-5-games/" class="td-post-category">HTML5 GAMES</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://jamo.vn/html-5-games/avenging-soldiers/" rel="bookmark" title="Avenging Soldiers">Avenging Soldiers</a></h3> </div> </div> </div>  <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://jamo.vn/html-5-games/ninja-action/" rel="bookmark" class="td-image-wrap" title="Ninja Action"><img width="218" height="150" class="entry-thumb" src="https://jamo.vn/wp-content/uploads/2018/07/Ninja-Action-218x150.jpg" srcset="https://jamo.vn/wp-content/uploads/2018/07/Ninja-Action-218x150.jpg 218w, https://jamo.vn/wp-content/uploads/2018/07/Ninja-Action-100x70.jpg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="" title="Ninja Action"/></a></div> <a href="https://jamo.vn/html-5-games/" class="td-post-category">HTML5 GAMES</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://jamo.vn/html-5-games/ninja-action/" rel="bookmark" title="Ninja Action">Ninja Action</a></h3> </div> </div> </div> </div></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" id="prev-page-td_uid_5_5b780bced302e" data-td_block_id="td_uid_5_5b780bced302e"><i class="td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page" id="next-page-td_uid_5_5b780bced302e" data-td_block_id="td_uid_5_5b780bced302e"><i class="td-icon-font td-icon-menu-right"></i></a></div></div>  <div class="comments" id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">LEAVE A REPLY <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-5-games/rolling-panda/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://jamo.vn/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate> <div class="clearfix"></div> <div class="comment-form-input-wrap td-form-comment"> <textarea placeholder="Comment:" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> <div class="td-warning-comment">Please enter your comment!</div> </div> <div class="comment-form-input-wrap td-form-author"> <input class="" id="author" name="author" placeholder="Name:*" type="text" value="" size="30" aria-required='true' /> <div class="td-warning-author">Please enter your name here</div> </div> <div class="comment-form-input-wrap td-form-email"> <input class="" id="email" name="email" placeholder="Email:*" type="text" value="" size="30" aria-required='true' /> <div class="td-warning-email-error">You have entered an incorrect email address!</div> <div class="td-warning-email">Please enter your email address here</div> </div> <div class="comment-form-input-wrap td-form-url"> <input class="" id="url" name="url" placeholder="Website:" type="text" value="" size="30" /> </div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='382' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div> </div>  </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="td_block_template_1 widget widget_ultimate_posts"><h4 class="block-title"><span>GAME HOT NHẤT</span></h4> <ul> <li class=""> <div class="upw-image"> <a href="https://jamo.vn/html-5-games/poop-it/" title="Poop It"> <img width="150" height="150" src="https://jamo.vn/wp-content/uploads/2018/07/Poop-It-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="upw-content"> <p class="post-title"> <a href="https://jamo.vn/html-5-games/poop-it/" title="Poop It"> Poop It </a> </p> </div> </li> <li class=""> <div class="upw-image"> <a href="https://jamo.vn/html-5-games/avenging-soldiers/" title="Avenging Soldiers"> <img width="150" height="150" src="https://jamo.vn/wp-content/uploads/2018/07/Avenging-Soldiers-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="upw-content"> <p class="post-title"> <a href="https://jamo.vn/html-5-games/avenging-soldiers/" title="Avenging Soldiers"> Avenging Soldiers </a> </p> </div> </li> <li class=""> <div class="upw-image"> <a href="https://jamo.vn/html-5-games/ninja-action/" title="Ninja Action"> <img width="150" height="150" src="https://jamo.vn/wp-content/uploads/2018/07/Ninja-Action-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="upw-content"> <p class="post-title"> <a href="https://jamo.vn/html-5-games/ninja-action/" title="Ninja Action"> Ninja Action </a> </p> </div> </li> <li class=""> <div class="upw-image"> <a href="https://jamo.vn/html-5-games/airplane-battle/" title="Airplane Battle"> <img width="150" height="150" src="https://jamo.vn/wp-content/uploads/2018/07/airplane-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="upw-content"> <p class="post-title"> <a href="https://jamo.vn/html-5-games/airplane-battle/" title="Airplane Battle"> Airplane Battle </a> </p> </div> </li> <li class=""> <div class="upw-image"> <a href="https://jamo.vn/html-5-games/knights-diamond/" title="Knights Diamond"> <img width="150" height="150" src="https://jamo.vn/wp-content/uploads/2018/07/diamon-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" /> </a> </div> <div class="upw-content"> <p class="post-title"> <a href="https://jamo.vn/html-5-games/knights-diamond/" title="Knights Diamond"> Knights Diamond </a> </p> </div> </li> </ul> </aside> </div> </div> </div>  </div>  </div>    <div class="td-footer-wrapper td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> </div> <div class="td-pb-span8"> </div> </div> </div> <div class="td-footer-bottom-full"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span3"><aside class="footer-logo-wrap"><a href="https://jamo.vn/"><img src="https://jamo.vn/wp-content/uploads/2018/07/layout1_logo.png" alt="" title=""/></a></aside></div><div class="td-pb-span5"><aside class="footer-text-wrap"><div class="block-title"><span>ABOUT US</span></div>Jamo.vn là một kho tổng hợp các trò chơi miễn phí. Chúng tôi luôn cố gắng mang đến những trò chơi mới nhất, tuyệt hảo nhất cho mọi người mỗi ngày. Bạn sẽ thực sự thấy vui vẻ và thư giãn với những trò chơi vui nhộn này.<div class="footer-email-wrap">Contact us: <a href="mailto:nhatanh.nguyen@aol.com">nhatanh.nguyen@aol.com</a></div></aside></div><div class="td-pb-span4"><aside class="footer-social-wrap td-social-style-2"><div class="block-title"><span>FOLLOW US</span></div> <span class="td-social-icon-wrap"> <a target="_blank" href="https://www.facebook.com/jamo.vn/" title="Facebook"> <i class="td-icon-font td-icon-facebook"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Twitter"> <i class="td-icon-font td-icon-twitter"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="Vimeo"> <i class="td-icon-font td-icon-vimeo"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="#" title="VKontakte"> <i class="td-icon-font td-icon-vk"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="https://www.youtube.com/channel/UC6MrDuvmUZ0BBBV03zyGx0g" title="Youtube"> <i class="td-icon-font td-icon-youtube"></i> </a> </span></aside></div> </div> </div> </div> </div>  <div class="td-sub-footer-container td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> </div> <div class="td-pb-span td-sub-footer-copy"> </div> </div> </div> </div> </div> <div class="td-more-articles-box"> <i class="td-icon-close td-close-more-articles-box"></i> <span class="td-more-articles-box-title">MORE STORIES</span> <div class="td-content-more-articles-box"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://jamo.vn/html-5-games/bounce-ball/" rel="bookmark" class="td-image-wrap" title="Bounce Ball"><img width="100" height="70" class="entry-thumb" src="https://jamo.vn/wp-content/uploads/2018/07/game-bounce-ball-100x70.jpg" srcset="https://jamo.vn/wp-content/uploads/2018/07/game-bounce-ball-100x70.jpg 100w, https://jamo.vn/wp-content/uploads/2018/07/game-bounce-ball-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Bounce Ball"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://jamo.vn/html-5-games/bounce-ball/" rel="bookmark" title="Bounce Ball">Bounce Ball</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-07-18T09:20:21+00:00" >July 18, 2018</time></span> </div> </div> </div> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://jamo.vn/html-5-games/airplane-battle/" rel="bookmark" class="td-image-wrap" title="Airplane Battle"><img width="100" height="70" class="entry-thumb" src="https://jamo.vn/wp-content/uploads/2018/07/airplane-100x70.jpg" srcset="https://jamo.vn/wp-content/uploads/2018/07/airplane-100x70.jpg 100w, https://jamo.vn/wp-content/uploads/2018/07/airplane-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Airplane Battle"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://jamo.vn/html-5-games/airplane-battle/" rel="bookmark" title="Airplane Battle">Airplane Battle</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-07-18T09:42:03+00:00" >July 18, 2018</time></span> </div> </div> </div> </div> </div>  <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/jamo.vn\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; /* ]]> */ </script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.3'></script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/social-share-buttons-popup/admin/js/jquery.fontselect.js?ver=1.0'></script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/social-share-buttons-popup/admin/js/default.js?ver=1.0'></script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/social-share-buttons-popup/admin/js/livetemplates.js?ver=1.0'></script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/social-share-buttons-popup/public/js/ssi_script.js?ver=1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = {"smooth_scroll":"1","visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type='text/javascript' src='https://jamo.vn/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://jamo.vn/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.7.2'></script> <script type='text/javascript' src='https://jamo.vn/wp-includes/js/comment-reply.min.js?ver=4.9.8'></script> <script type='text/javascript' src='https://jamo.vn/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script>  <script> // if the theme has tdBackstr support, it means this already uses it if ( 'undefined' !== typeof window.tdBackstr ) { (function(){ // the site background td-backstretch jquery object is dynamically added in DOM, and after any translation effects are applied over td-backstretch var wrapper_image_jquery_obj = jQuery( '<div class=\'backstretch\'></div>' ); var image_jquery_obj = jQuery( '<img class=\'td-backstretch not-parallax\' src=\'https://jamo.vn/wp-content/uploads/2018/07/Screenshot_4.jpg\'>' ); wrapper_image_jquery_obj.append( image_jquery_obj ); jQuery( 'body' ).prepend( wrapper_image_jquery_obj ); var td_backstr_item = new tdBackstr.item(); td_backstr_item.wrapper_image_jquery_obj = wrapper_image_jquery_obj; td_backstr_item.image_jquery_obj = image_jquery_obj; tdBackstr.add_item( td_backstr_item ); })(); } (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = 'https://jamo.vn/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = 'https://jamo.vn/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> <div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar"> <header> <a title="Editor" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">Edit with Live CSS</a> <div class="tdw-less-info" title="This will be red when errors are detected in your CSS and LESS"></div> </header> <div class="tdw-content"> <div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active"> <script> (function(jQuery, undefined) { jQuery(window).ready(function() { if ( 'undefined' !== typeof tdcAdminIFrameUI ) { var $liveIframe = tdcAdminIFrameUI.getLiveIframe(); if ( $liveIframe.length ) { $liveIframe.load(function() { $liveIframe.contents().find( 'body').append( '<textarea class="tdw-css-writer-editor" style="display: none"></textarea>' ); }); } } }); })(jQuery); </script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_5b780bcee5f59"></textarea> <div id="td_live_css_uid_1_5b780bcee5f59" class="td-code-editor"></div> <script> jQuery(window).load(function (){ if ( 'undefined' !== typeof tdLiveCssInject ) { tdLiveCssInject.init(); var editor_textarea = jQuery('.td_live_css_uid_1_5b780bcee5f59'); var languageTools = ace.require("ace/ext/language_tools"); var tdcCompleter = { getCompletions: function (editor, session, pos, prefix, callback) { if (prefix.length === 0) { callback(null, []); return } if ('undefined' !== typeof tdcAdminIFrameUI) { var data = { error: undefined, getShortcode: '' }; tdcIFrameData.getShortcodeFromData(data); if (!_.isUndefined(data.error)) { tdcDebug.log(data.error); } if (!_.isUndefined(data.getShortcode)) { var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g, results = data.getShortcode.match(regex); var elClasses = {}; for (var i = 0; i < results.length; i++) { var currentClasses = results[i] .replace('el_class="', '') .replace('"', '') .split(' '); for (var j = 0; j < currentClasses.length; j++) { if (_.isUndefined(elClasses[currentClasses[j]])) { elClasses[currentClasses[j]] = ''; } } } var arrElClasses = []; for (var prop in elClasses) { arrElClasses.push(prop); } callback(null, arrElClasses.map(function (item) { return { name: item, value: item, meta: 'in_page' } })); } } } }; languageTools.addCompleter(tdcCompleter); window.editor = ace.edit("td_live_css_uid_1_5b780bcee5f59"); // 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook) // We did it to reattach the existing compiled css to the new content received from server. window.editorChangeHandler = function () { //tdwState.lessWasEdited = true; window.onbeforeunload = function () { if (tdwState.lessWasEdited) { return "You have attempted to leave this page. Are you sure?"; } return false; }; var editorValue = editor.getSession().getValue(); editor_textarea.val(editorValue); if ('undefined' !== typeof tdcAdminIFrameUI) { tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue); // Mark the content as modified // This is important for showing info when composer closes tdcMain.setContentModified(); } tdLiveCssInject.less(); }; editor.getSession().setValue(editor_textarea.val()); editor.getSession().on('change', editorChangeHandler); editor.setTheme("ace/theme/textmate"); editor.setShowPrintMargin(false); editor.getSession().setMode("ace/mode/less"); editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: false }); } }); </script> </div> </div> <footer> <a href="#" class="tdw-save-css">Save</a> <div class="tdw-more-info-text">Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.</div> <div class="tdw-resize"></div> </footer> </div> <img style="display: none" src='https://whos.amung.us/widget/63h6wsmnwh.png' width='0' height='0' border='0'/> </body> </html>