2012-05-04 4 views
8

प्रदर्शित करने के लिए गूगल सँवारना ठीक से एचटीएमएल कोड नमूना प्रदर्शित करने के लिए के लिए गूगल सँवारना का उपयोग करके आप &lt; के साथ सभी < और &gt; के साथ सभी > प्रतिस्थापित करना चाहिए।एचटीएमएल

आप केवल जावास्क्रिप्ट का उपयोग करके उस प्रक्रिया को स्वचालित कैसे करते हैं?

उत्तर

20

आप एक <xmp> तत्व के अंदर अपना कोड डाल, तो आप के रूप में tests

<h1>HTML using XMP</h1> 
<xmp class="prettyprint" id="htmlXmp" 
><html> 
    <head> 
    <title>Fibonacci number</title> 
    </head> 
    <body> 
    <noscript> 
     <dl> 
     <dt>Fibonacci numbers</dt> 
     <dd>1</dd> 
     <dd>1</dd> 
     <dd>2</dd> 
     <dd>3</dd> 
     <dd>5</dd> 
     <dd>8</dd> 
     &hellip; 
     </dl> 
    </noscript> 

    <script type="text/javascript"><!-- 
function fib(n) { 
    var a = 1, b = 1; 
    var tmp; 
    while (--n >= 0) { 
    tmp = a; 
    a += b; 
    b = tmp; 
    } 
    return a; 
} 

document.writeln(fib(10)); 
// --> 
    </script> 
    </body> 
</html> 
</xmp> 
+0

@ ब्रेट, यह तब तक काम करेगा जब तक आप जिस HTML को सुंदर बना रहे हैं उसमें स्ट्रिंग '"

+0

मुझे यह भी पता नहीं था कि टैग मौजूद है ओओ –

+0

समस्या: xmp अप्रचलित है, और ऊर्ध्वाधर अतिरिक्त स्थान प्रकट होता है। – jlguenego

1

आप RegEx का उपयोग कर सामग्री में वैश्विक प्रतिस्थापन कर सकते हैं।

var regex = new RegExp("<", "g"); 
console.log(content.replace(regex, "&lt;")); 
+0

आप ठीक से और साथ ही ऐम्परसेंड से बचने के लिए की जरूरत में दिखाया गया एचटीएमएल विशेष वर्ण से बचें की जरूरत नहीं है । –