|
|
| Line 1: |
Line 1: |
| − | <!DOCTYPE html> | + | <!-- ####### YAY, I AM THE SOURCE EDITOR! #########--> |
| − | <html class="nojs html css_verticalspacer" lang="es-ES"> | + | <h1 style="color: #5e9ca0;">You can edit <span style="color: #2b2301;">this demo</span> text!</h1> |
| − | <head>
| + | <h2 style="color: #2e6c80;">How to use the editor:</h2> |
| − | | + | <p>Paste your documents in the visual editor on the left or your HTML code in the source editor in the right. <br />Edit any of the two areas and see the other changing in real time. </p> |
| − | <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
| + | <p>Click the <span style="background-color: #2b2301; color: #fff; display: inline-block; padding: 3px 10px; font-weight: bold; border-radius: 5px;">Clean</span> button to clean your source code.</p> |
| − | <meta name="generator" content="2017.0.4.363"/>
| + | <h2 style="color: #2e6c80;">Some useful features:</h2> |
| − |
| + | <ol style="list-style: none; font-size: 14px; line-height: 32px; font-weight: bold;"> |
| − | <script type="text/javascript">
| + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/01-interactive-connection.png" alt="interactive connection" width="45" /> Interactive source editor</li> |
| − | // Update the 'nojs'/'js' class on the html node
| + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/02-html-clean.png" alt="html cleaner" width="45" /> HTML Cleaning</li> |
| − | document.documentElement.className = document.documentElement.className.replace(/\bnojs\b/g, 'js');
| + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/03-docs-to-html.png" alt="Word to html" width="45" /> Word to HTML conversion</li> |
| − | | + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/04-replace.png" alt="replace text" width="45" /> Find and Replace</li> |
| − | // Check that all required assets are uploaded and up-to-date
| + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/05-gibberish.png" alt="gibberish" width="45" /> Lorem-Ipsum generator</li> |
| − | if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["museutils.js", "museconfig.js", "jquery.watch.js", "jquery.scrolleffects.js", "require.js", "index.css"], "outOfDate":[]};
| + | <li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/6-table-div-html.png" alt="html table div" width="45" /> Table to DIV conversion</li> |
| − | </script> | + | </ol> |
| − |
| + | <p> </p> |
| − | <title>Inicio</title>
| + | <h2 style="color: #2e6c80;">Cleaning options:</h2> |
| − | <!-- CSS -->
| + | <table class="editorDemoTable"> |
| − | <style> | + | <thead> |
| − | html{min-height:100%;min-width:100%;-ms-text-size-adjust:none;}body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:transparent;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;background-repeat:no-repeat;}button.submit-btn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.transition{-webkit-transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;}.transition *{-webkit-transition:inherit;transition:inherit;}table{border-collapse:collapse;border-spacing:0px;}fieldset,img{border:0px;border-style:solid;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.form-grp input,.form-grp textarea{-webkit-appearance:none;-webkit-border-radius:0;}body{font-family:Arial, Helvetica Neue, Helvetica, sans-serif;text-align:left;font-size:14px;line-height:17px;word-wrap:break-word;text-rendering:optimizeLegibility;-moz-font-feature-settings:'liga';-ms-font-feature-settings:'liga';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';}a:link{color:#0000FF;text-decoration:underline;}a:visited{color:#800080;text-decoration:underline;}a:hover{color:#0000FF;text-decoration:underline;}a:active{color:#EE0000;text-decoration:underline;}a.nontext{color:black;text-decoration:none;font-style:normal;font-weight:normal;}.normal_text{color:#000000;direction:ltr;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;letter-spacing:0px;line-height:17px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;vertical-align:0px;padding:0px;}.list0 li:before{position:absolute;right:100%;letter-spacing:0px;text-decoration:none;font-weight:normal;font-style:normal;}.rtl-list li:before{right:auto;left:100%;}.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before{margin-right:6px;content:'•';}.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before{margin-right:6px;content:'○';}.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8{padding-left:34px;}.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list{padding-left:0px;padding-right:34px;}.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before{margin-right:6px;content:'-';}.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before{margin-right:0px;margin-left:6px;}.TabbedPanelsTab{white-space:nowrap;}.MenuBar .MenuBarView,.MenuBar .SubMenuView{display:block;list-style:none;}.MenuBar .SubMenu{display:none;position:absolute;}.NoWrap{white-space:nowrap;word-wrap:normal;}.rootelem{margin-left:auto;margin-right:auto;}.colelem{display:inline;float:left;clear:both;}.clearfix:after{content:"\0020";visibility:hidden;display:block;height:0px;clear:both;}*:first-child+html .clearfix{zoom:1;}.clip_frame{overflow:hidden;}.popup_anchor{position:relative;width:0px;height:0px;}.popup_element{z-index:100000;}.svg{display:block;vertical-align:top;}span.wrap{content:'';clear:left;display:block;}span.actAsInlineDiv{display:inline-block;}.position_content,.excludeFromNormalFlow{float:left;}.preload_images{position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px;}.preload{height:1px;width:1px;}.animateStates{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}[data-whatinput="mouse"] *:focus,[data-whatinput="touch"] *:focus,input:focus,textarea:focus{outline:none;}textarea{resize:none;overflow:auto;}.fld-prompt{pointer-events:none;}.wrapped-input{position:absolute;top:0px;left:0px;background:transparent;border:none;}.submit-btn{z-index:50000;cursor:pointer;}.anchor_item{width:22px;height:18px;}.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block{display:block;}.widget_invisible,.js .invi,.js .mse_pre_init{visibility:hidden;}.ose_ei{visibility:hidden;z-index:0;}.no_vert_scroll{overflow-y:hidden;}.always_vert_scroll{overflow-y:scroll;}.always_horz_scroll{overflow-x:scroll;}.fullscreen{overflow:hidden;left:0px;top:0px;position:fixed;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.fullwidth{position:absolute;}.borderbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.scroll_wrapper{position:absolute;overflow:auto;left:0px;right:0px;top:0px;bottom:0px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.browser_width > *{position:absolute;left:0px;right:0px;}.grpelem,.accordion_wrapper{display:inline;float:left;}.fld-checkbox input[type=checkbox],.fld-radiobutton input[type=radio]{position:absolute;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);height:1px;width:1px;margin:-1px;padding:0px;border:0px;}.fld-checkbox input[type=checkbox] + label,.fld-radiobutton input[type=radio] + label{display:inline-block;background-repeat:no-repeat;cursor:pointer;float:left;width:100%;height:100%;}.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help{cursor:pointer;}p,h1,h2,h3,h4,h5,h6,ol,ul,span.actAsPara{max-height:1000000px;}.superscript{vertical-align:super;font-size:66%;line-height:0px;}.subscript{vertical-align:sub;font-size:66%;line-height:0px;}.horizontalSlideShow{-ms-touch-action:pan-y;touch-action:pan-y;}.verticalSlideShow{-ms-touch-action:pan-x;touch-action:pan-x;}.colelem100,.verticalspacer{clear:both;}.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img,.css_verticalspacer .verticalspacer{position:relative;}.popup_element.Inactive,.js .disn,.js .an_invi,.hidden,.breakpoint{display:none;}#muse_css_mq{position:absolute;display:none;background-color:#FFFFFE;}.fluid_height_spacer{width:0.01px;}.muse_check_css{display:none;position:fixed;}@media screen and (-webkit-min-device-pixel-ratio:0){body{text-rendering:auto;}}
| + | <tr> |
| − | | + | <td>Name of the feature</td> |
| − | | + | <td>Example</td> |
| − | .version.index{color:#00001B;background-color:#24EE87;}#page{z-index:1;width:960px;min-height:6262px;background-image:none;border-width:0px;border-color:#000000;background-color:transparent;margin-left:auto;margin-right:auto;}#page_position_content{padding-bottom:1044px;width:0.01px;}#pu127{z-index:22;width:0.01px;padding-bottom:101px;margin-left:-100px;}#u127{z-index:22;height:101px;background-color:#FFDAD2;position:fixed;top:0px;}#u127-bw{z-index:22;}#u133{z-index:24;width:16px;height:16px;border-style:solid;border-width:4px;border-color:#FFFFFF;background-color:transparent;border-radius:50%;position:fixed;top:44px;left:541px;}#u133:active{background-color:#FBB03B;width:16px;height:16px;min-height:0px;margin:0px;}#u133.MuseLinkActive{background-color:#00A99D;width:16px;height:16px;min-height:0px;margin:0px;}#u142{z-index:26;width:16px;height:16px;border-style:solid;border-width:4px;border-color:#FFFFFF;background-color:transparent;border-radius:50%;position:fixed;top:44px;left:576px;}#u142:active{background-color:#FBB03B;width:16px;height:16px;min-height:0px;margin:0px;}#u145{z-index:27;width:16px;height:16px;border-style:solid;border-width:4px;border-color:#FFFFFF;background-color:transparent;border-radius:50%;position:fixed;top:44px;left:611px;}#u142.MuseLinkActive,#u145:active{background-color:#FBB03B;width:16px;height:16px;min-height:0px;margin:0px;}#u145.MuseLinkActive{background-color:#D4145A;width:16px;height:16px;min-height:0px;margin:0px;}#u146{z-index:28;width:16px;height:16px;border-style:solid;border-width:4px;border-color:#FFFFFF;background-color:transparent;border-radius:50%;position:fixed;top:44px;left:646px;}#u146:active{background-color:transparent;width:16px;height:16px;min-height:0px;margin:0px;}#u146.MuseLinkActive{background-color:#22B573;width:16px;height:16px;min-height:0px;margin:0px;}#u151{z-index:29;width:16px;height:16px;border-style:solid;border-width:4px;border-color:#FFFFFF;background-color:transparent;border-radius:50%;position:fixed;top:44px;left:681px;}#u151:active{background-color:transparent;width:16px;height:16px;min-height:0px;margin:0px;}#u151.MuseLinkActive{background-color:#C1272D;width:16px;height:16px;min-height:0px;margin:0px;}#u154{z-index:30;width:114px;background-color:transparent;margin-left:34px;top:-92px;margin-bottom:-86px;position:relative;}#pu200{z-index:5;width:0.01px;margin-left:-100px;}#u200{z-index:5;height:844px;background-color:#D9E021;}.js body{visibility:hidden;}.js body.initialized{visibility:visible;}#u200-bw{z-index:5;margin-top:3099px;height:844px;}#u167{z-index:9;height:1174px;background-color:#D4145A;}#u167-bw{z-index:9;margin-top:1925px;height:1174px;}#u164{z-index:12;height:844px;background-color:#FBB03B;}#u164-bw{z-index:12;margin-top:1081px;height:844px;}#u114{z-index:15;min-height:18px;background-color:#00A99D;padding-bottom:1063px;}#u114-bw{z-index:15;min-height:18px;}#b{position:relative;margin-right:-10000px;width:22px;margin-top:1072px;}#c{position:relative;margin-right:-10000px;width:22px;margin-top:1916px;left:2px;}#d{position:relative;margin-right:-10000px;width:22px;margin-top:3090px;}#pu201{z-index:6;width:0.01px;padding-bottom:3346px;margin-left:413px;margin-top:-3620px;}#u201{z-index:6;width:133px;background-color:transparent;position:fixed;top:3622px;left:416px;}#u202{z-index:7;display:block;}#u188{z-index:10;width:133px;background-color:transparent;position:fixed;top:2516px;left:422px;}#u189{z-index:11;display:block;}#u179{z-index:13;width:133px;background-color:transparent;position:fixed;top:1604px;left:420px;}#u180{z-index:14;display:block;}#u96{z-index:16;width:133px;background-color:transparent;position:fixed;top:424px;left:413px;}#u94{z-index:17;display:block;}#u106{z-index:18;width:133px;background-color:transparent;position:fixed;top:600px;left:420px;}#u104{z-index:19;display:block;}#u119{z-index:20;width:133px;background-color:transparent;position:fixed;top:826px;left:420px;}#u117{z-index:21;display:block;}#u197{z-index:2;min-height:18px;background-color:#C1272D;padding-bottom:1156px;}#u114_align_to_page,#u197_align_to_page{margin-left:auto;margin-right:auto;position:relative;width:960px;left:-100px;}#a,#e{position:relative;margin-right:-10000px;width:22px;}#u197-bw{z-index:2;min-height:18px;}#u198{z-index:3;width:133px;background-color:transparent;position:fixed;top:4534px;left:418px;}#u199{z-index:4;display:block;}.css_verticalspacer .verticalspacer{height:calc(100vh - 6412px);}#muse_css_mq,.html{background-color:#FFFFFF;}body{position:relative;min-width:960px;padding-bottom:150px;}
| + | <td>Default</td> |
| − | </style>
| + | </tr> |
| − | </head>
| + | </thead> |
| − | <body>
| + | <tbody> |
| − | | + | <tr> |
| − | <div class="clearfix" id="page"><!-- column -->
| + | <td>Remove tag attributes</td> |
| − | <div class="position_content" id="page_position_content">
| + | < td><img style=" margin: 1px 15px;" src="images/ smiley.png" alt=" laughing" width=" 40" height=" 16" /> (except <strong>img</ strong> -< em> src< /em> and < strong>a</strong>- <em>href</em>)</td> |
| − | <div class="clearfix colelem" id="pu127"><!-- group -->
| + | <td> </td> |
| − | <div class="browser_width" id="u127-bw">
| + | </tr> |
| − | <div id="u127"><!-- simple frame --></div>
| + | <tr> |
| − | </div>
| + | <td>Remove inline styles</td> |
| − | <a class="nonblock nontext anim_swing rounded-corners" id="u133" href="index.html#a"><!-- simple frame --></a>
| + | <td><span style="color: green; font-size: 13px;">You <strong style="color: blue; text-decoration: underline;">should never</strong> use inline styles!</span></td> |
| − | <a class="nonblock nontext anim_swing rounded-corners" id="u142" href="index.html#b"><!-- simple frame --></a>
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <a class="nonblock nontext anim_swing rounded-corners" id="u145" href="index.html#c"><!-- simple frame --></a>
| + | </tr> |
| − | <a class="nonblock nontext anim_swing rounded-corners" id="u146" href="index.html#d"><!-- simple frame --></a>
| + | <tr> |
| − | <a class="nonblock nontext anim_swing rounded-corners" id="u151" href="index.html#e"><!-- simple frame --></a>
| + | <td>Remove classes and IDs</td> |
| − | </div>
| + | <td><span id="demoId">Use classes to <strong class="demoClass">style everything</strong>.</span></td> |
| − | <div class="clip_frame colelem" id="u154"><!-- image -->
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <img class=" block" id="u154_img" src="images/ chatter2.png ?crc=3962656946" alt="" width=" 114" height=" 86"/> | + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="clearfix colelem" id="pu200"><!-- group -->
| + | <td>Remove all tags</td> |
| − | <div class="browser_width grpelem" id="u200-bw">
| + | < td>This leaves <strong style=" color: blue;"> only the plain< /strong> < em> text< /em> . <img style=" margin: 1px;" src="images/ smiley. png" alt= "laughing" width=" 16" height=" 16" / ></ td> |
| − | <div id="u200"><!-- simple frame --></div>
| + | <td> </td> |
| − | </div>
| + | </tr> |
| − | <div class="browser_width grpelem" id="u167-bw">
| + | <tr> |
| − | <div id="u167"><!-- simple frame --></div>
| + | <td>Remove successive &nbsp;s</td> |
| − | </div>
| + | <td>Never use non-breaking spaces to set margins.</td> |
| − | <div class="browser_width grpelem" id="u164-bw">
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <div id="u164"><!-- simple frame --></div>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="browser_width grpelem" id="u114-bw">
| + | <td>Remove empty tags</td> |
| − | <div id="u114"><!-- group -->
| + | <td>Empty tags should go!</td> |
| − | <div class="clearfix" id="u114_align_to_page">
| + | <td> </td> |
| − | <a class="anchor_item grpelem" id="a"></a>
| + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Remove tags with one &nbsp;</td> |
| − | </div>
| + | <td>This makes no sense!</td> |
| − | <a class="anchor_item grpelem" id="b"></a>
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <a class="anchor_item grpelem" id="c"></a>
| + | </tr> |
| − | <a class="anchor_item grpelem" id="d"></a>
| + | <tr> |
| − | </div>
| + | <td>Remove span tags</td> |
| − | <div class="clearfix colelem" id="pu201"><!-- group -->
| + | <td>Span tags with <span style="color: green; font-size: 13px;">all styles</span></td> |
| − | <div class="clip_frame mse_pre_init" id="u201"><!-- svg -->
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <img class=" svg" id="u202" src="images/ svg-pegado-3645x405. svg?crc= 3773865041" width=" 133" height=" 148" alt="" data-mu-svgfallback="images/ svg%20pegado%203645x405_poster_.png?crc=370523168"/> | + | </tr> |
| − | </div>
| + | <tr> |
| − | <div class="clip_frame mse_pre_init" id="u188"><!-- svg -->
| + | <td>Remove images</td> |
| − | <img class="svg" id="u189" src="images/svg-pegado-275863x492.svg?crc=321342961" width="133" height="245" alt="" data-mu-svgfallback="images/svg%20pegado%20275863x492_poster_.png?crc=3772268039"/>
| + | <td>I am an image: <img src="images/ smiley. png" alt=" laughing" / ></ td> |
| − | </div>
| + | <td> </td> |
| − | <div class="clip_frame mse_pre_init" id="u179"><!-- svg -->
| + | </tr> |
| − | <img class="svg" id="u180" src="images/svg-pegado-3645x405.svg?crc=3773865041" width="133" height="148" alt="" data-mu-svgfallback="images/svg%20pegado%203645x405_poster_.png?crc=370523168"/>
| + | <tr> |
| − | </div>
| + | <td>Remove links</td> |
| − | <div class="clip_frame mse_pre_init" id="u96"><!-- svg -->
| + | < td><a href=" https://html-online.com"> This is</a> a link.</ td> |
| − | <img class="svg" id="u94" src="images/svg-pegado-3645x405.svg?crc=3773865041" width="133" height="148" alt="" data-mu-svgfallback="images/svg%20pegado%203645x405_poster_.png?crc=370523168"/>
| + | <td> </td> |
| − | </div>
| + | </tr> |
| − | <div class="clip_frame mse_pre_init" id="u106"><!-- svg -->
| + | <tr> |
| − | <img class="svg" id="u104" src="images/svg-pegado-331814x423.svg?crc=4048187987" width="133" height="198" alt="" data-mu-svgfallback="images/svg%20pegado%20331814x423_poster_.png?crc=439588430"/>
| + | <td>Remove tables</td> |
| − | </div>
| + | <td>Takes everything out of the table.</td> |
| − | <div class="clip_frame mse_pre_init" id="u119"><!-- svg -->
| + | <td> </td> |
| − | <img class="svg" id="u117" src="images/ svg-pegado-275863x492. svg?crc=321342961" width="133" height="245" alt="" data-mu-svgfallback="images/ svg%20pegado%20275863x492_poster_.png?crc=3772268039"/> | + | </tr> |
| − | </div>
| + | <tr> |
| − | </div>
| + | <td>Replace table tags with structured divs</td> |
| − | <div class="browser_width colelem" id="u197-bw">
| + | <td>This text is inside a table.</td> |
| − | <div id="u197"><!-- group -->
| + | <td> </td> |
| − | <div class="clearfix" id="u197_align_to_page">
| + | </tr> |
| − | <a class=" anchor_item grpelem" id="e"></a> | + | <tr> |
| − | </div>
| + | <td>Remove comments</td> |
| − | </div>
| + | <td>This is only visible in the source editor <!-- HELLO! --></td> |
| − | </div>
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | <div class="clip_frame mse_pre_init" id="u198"><!-- svg -->
| + | </tr> |
| − | <img class="svg" id="u199" src="images/svg-pegado-275863x492.svg?crc=321342961" width="133" height="245" alt="" data-mu-svgfallback="images/svg%20pegado%20275863x492_poster_.png?crc=3772268039"/>
| + | <tr> |
| − | </div>
| + | <td>Encode special characters</td> |
| − | <div class="verticalspacer" data-offset-top="5218" data-content-above-spacer="5218" data-content-below-spacer="1194"></div>
| + | <td><span style="color: red; font-size: 17px;">♥</span> <strong style="font-size: 20px;">☺ ★</strong> ><</td> |
| − | </div>
| + | <td><strong style="font-size: 17px; color: #2b2301;">x</strong></td> |
| − | </div>
| + | </tr> |
| − | <!-- Other scripts -->
| + | <tr> |
| − | <script type="text/javascript">
| + | <td>Set new lines and text indents</td> |
| − | // Decide weather to suppress missing file error or not based on preference setting
| + | <td>Organize the tags in a nice tree view.</td> |
| − | var suppressMissingFileError = false
| + | <td> </td> |
| − | </script> | + | </tr> |
| − | <script type="text/javascript">
| + | </tbody> |
| − | window.Muse.assets.check=function(d){if(!window.Muse.assets.checked){window.Muse.assets.checked=!0;var b={},c=function(a,b){if(window.getComputedStyle){var c=window.getComputedStyle(a,null);return c&&c.getPropertyValue(b)||c&&c[b]||""}if(document.documentElement.currentStyle)return(c=a.currentStyle)&&c[b]||a.style&&a.style[b]||"";return""},a=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),
| + | </table> |
| − | 16);return 0},g=function(g){for(var f=document.getElementsByTagName("link"),h=0;h<f.length;h++)if("text/css"==f[h].type){var i=(f[h].href||"").match(/\/?css\/([\w\-]+\.css)\?crc=(\d+)/);if(!i||!i[1]||!i[2])break;b[i[1]]=i[2]}f=document.createElement("div");f.className="version";f.style.cssText="display:none; width:1px; height:1px;";document.getElementsByTagName("body")[0].appendChild(f);for(h=0;h<Muse.assets.required.length;){var i=Muse.assets.required[h],l=i.match(/([\w\-\.]+)\.(\w+)$/),k=l&&l[1]?
| + | <p><strong> </strong></p> |
| − | l[1]:null,l=l&&l[2]?l[2]:null;switch(l.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");f.className+=" "+k;k=a(c(f,"color"));l=a(c(f,"backgroundColor"));k!=0||l!=0?(Muse.assets.required.splice(h,1),"undefined"!=typeof b[i]&&(k!=b[i]>>>24||l!=(b[i]&16777215))&&Muse.assets.outOfDate.push(i)):h++;f.className="version";break;case "js":h++;break;default:throw Error("Unsupported file type: "+l);}}d?d().jquery!="1.8.3"&&Muse.assets.outOfDate.push("jquery-1.8.3.min.js"):Muse.assets.required.push("jquery-1.8.3.min.js");
| + | <p><strong>Save this link into your bookmarks and share it with your friends. It is all FREE! </strong><br /><strong>Enjoy!</strong></p> |
| − | f.parentNode.removeChild(f);if(Muse.assets.outOfDate.length||Muse.assets.required.length)f="Puede que determinados archivos falten en el servidor o sean incorrectos. Limpie la cache del navegador e inténtelo de nuevo. Si el problema persiste, póngase en contacto con el administrador del sitio web.",g&&Muse.assets.outOfDate.length&&(f+="\nOut of date: "+Muse.assets.outOfDate.join(",")),g&&Muse.assets.required.length&&(f+="\nMissing: "+Muse.assets.required.join(",")),suppressMissingFileError?(f+="\nUse SuppressMissingFileError key in AppPrefs.xml to show missing file error pop up.",console.log(f)):alert(f)};location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi)?
| + | <p><strong> </strong></p> |
| − | setTimeout(function(){g(!0)},5E3):g()}};
| + | |
| − | var muse_init=function(){require.config({baseUrl:""});require(["jquery","museutils","whatinput","jquery.watch","jquery.scrolleffects"],function(d){var $ = d;$(document).ready(function(){try{
| + | |
| − | window.Muse.assets.check($);/* body */
| + | |
| − | Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
| + | |
| − | Muse.Utils.prepHyperlinks(true);/* body */
| + | |
| − | Muse.Utils.resizeHeight('.browser_width');/* resize height */
| + | |
| − | Muse.Utils.requestAnimationFrame(function() { $('body').addClass('initialized'); });/* mark body as initialized */
| + | |
| − | Muse.Utils.fullPage('#page');/* 100% height page */
| + | |
| − | $('#u201').registerPositionScrollEffect([{"in":[-Infinity,3200],"speed":[6,0]},{"in":[3200,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u188').registerPositionScrollEffect([{"in":[-Infinity,2026],"speed":[6,0]},{"in":[2026,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u179').registerPositionScrollEffect([{"in":[-Infinity,1182],"speed":[6,0]},{"in":[1182,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u96').registerPositionScrollEffect([{"in":[-Infinity,121.9],"speed":[6,0]},{"in":[121.9,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u106').registerPositionScrollEffect([{"in":[-Infinity,194],"speed":[-6,0]},{"in":[194,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u119').registerPositionScrollEffect([{"in":[-Infinity,322],"speed":[6,0]},{"in":[322,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | $('#u198').registerPositionScrollEffect([{"in":[-Infinity,4044],"speed":[6,0]},{"in":[4044,Infinity],"speed":[0,1]}]);/* scroll effect */
| + | |
| − | Muse.Utils.showWidgetsWhenReady();/* body */
| + | |
| − | Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
| + | |
| − | }catch(b){if(b&&"function"==typeof b.notify?b.notify():Muse.Assert.fail("Error calling selector function: "+b),false)throw b;}})})};
| + | |
| − | | + | |
| − | </script> | + | |
| − | <!-- RequireJS script -->
| + | |
| − | <script src="scripts/require.js?crc=3951022091" type="text/javascript" async data-main="scripts/museconfig.js?crc=4177022356" onload="if (requirejs) requirejs.onError = function(requireType, requireModule) { if (requireType && requireType.toString && requireType.toString().indexOf && 0 <= requireType.toString().indexOf('#scripterror')) window.Muse.assets.check(); }" onerror="window.Muse.assets.check();"></script>
| + | |
| − | </body>
| + | |
| − | </html> | + | |
Paste your documents in the visual editor on the left or your HTML code in the source editor in the right.
Edit any of the two areas and see the other changing in real time.
" alt="interactive connection" width="45" /> Interactive source editor
" alt="html cleaner" width="45" /> HTML Cleaning
" alt="Word to html" width="45" /> Word to HTML conversion
" alt="replace text" width="45" /> Find and Replace
" alt="gibberish" width="45" /> Lorem-Ipsum generator
" alt="html table div" width="45" /> Table to DIV conversion