Type Here to Get Search Results !

Welcome To FreeSiteTools

Source Code Formatter Tool Code

 <div class="post-header">

<div class="post-header-line-1"></div>

</div>

<div class="post-body entry-content" id="post-body-5363022783728631482">

<script type="text/javascript">

Formatter = {

 format : function(input, indent, ftColor, bgColor) {

  var output = '<pre style="white-space:pre-wrap; font-family: monospace; color: #'

    + ftColor

    + '; background-color: #'

    + bgColor

    + ';font-size: 11pt; border: 1px dashed #999999; line-height: 14pt; padding: 5px; overflow: auto; width: 100%"><code>';

  var tab = '';

  for (var i = 0; i < indent; i++) {

   tab += ' ';

  }


  var verticalPipeFound = false;


  for (var i = 0; i < input.length; i++) {

   var code = input.charCodeAt(i);

   switch (code) {

    case 9 : // TAB

     output += tab;

     break;

    case 10 : // LF

    case 13 : // CR

     output += "\n";

     if (code == 13 && i + 1 < input.length

       && input.charCodeAt(i + 1) == 10) {

      i++;

     }

     break;

    case 34 :

     output += "&quot;";

     break;

    case 38 :

     output += "&amp;";

     break;

    case 60 :

     output += "&lt;";

     break;

    case 62 :

     output += "&gt;";

     break;

    case 124 : // vertical pipe

     output += "&#124;";

     verticalPipeFound = true;

     break;

    default :

     if (code >= 32 && code <= 127) {

      output += input.charAt(i);

     } else {

      output += "&#" + code + ";";

     }

     break;

   }

  }

  output += "\n</code></pre>";

  return output;

 },


 execute : function(inputArea, outputArea, previewDIV, ftColor, bgColor) {

  var code = inputArea.value;

  var fcode = this.format(code, 4, ftColor, bgColor);

  outputArea.value = fcode;

  outputArea.focus();

  outputArea.select();

  previewDIV.innerHTML = fcode;

 },


 clear : function(inputArea, outputArea, previewDIV) {

  inputArea.value = "";

  outputArea.value = "";

  previewDIV.innerHTML = "";

 }


}

</script>

<script src="http://jscolor.com/jscolor/jscolor.js" type="text/javascript">

</script>


<form name="CFForm">

<h3>


Source code(Paste your source code below then click Format button):</h3>

<textarea cols="60" name="inputArea" rows="6" style="height: 137px; width: 100%;"></textarea><br />

<b>Font Colour:</b><input class="color" id="ftColor" name="ftColor" value="000000" />&nbsp;&nbsp;<b>Background Colour:</b><input class="color" id="bgColor" name="bgColor" value="BDD3EF" /><br />

<input name="Format" onclick="Formatter.execute(document.CFForm.inputArea,document.CFForm.outputArea,document.getElementById('outputPreview'), document.getElementById('ftColor').value, document.getElementById('bgColor').value);" type="button" value="Format" /><input name="Clear" onclick="Formatter.clear(document.CFForm.inputArea,document.CFForm.outputArea,document.getElementById('outputPreview'));" type="button" value="Clear" /><br />

<h3>


Formatted Code:</h3>

<textarea cols="60" name="outputArea" rows="6" style="height: 137px; width: 100%;"></textarea><br />

<h3>


Preview:</h3>

<div id="outputPreview">

</div>

</form></div>


<br/>

<p>&nbsp;</p><p><br /></p><p><br /></p><h2 style="text-align: left;">Online Source Code Formatter For Blogger</h2><p>Source code is a computer language that is used to create a program. The source code written in a programming language is converted into machine readable instructions by a compiler or interpreter. Source code written in one programming language can be converted to another programming language so it can be run on another system. Source code is made up of lines of text that are written in a formal computer language, and it must follow strict rules and conventions.</p><p>When you write a blog post and hit “publish,” your words don’t just magically show up on the internet. Behind the scenes, there is a process called “posting” that takes place to accomplish this. Behind every blog is source code that tells the computer exactly what to do with your words and how to format them.</p><p>A source code, also called a source file, is a file containing a list of computer instructions that can be used to create a computer program. The term is commonly used in the context of a physical "source code" being provided to a compiler or interpreter in order to create an executable program. In this process, the source code is often converted from a human-readable form to a binary form for easier and faster execution.</p><p>Source code is the first step of the programming process. It is the first draft of a program that is written in a human-readable language called “pseudocode.” This pseudocode is then converted into computer code, which can be read by machines, by using a compiler or interpreter.</p><p>In the world of programming, code formatter tools are a lifesaver. These tools allow you to format your code for readability and cleanliness purposes. While some code editors have built-in formatter features, sometimes you need a more advanced tool that can format your code automatically. In this article, we’ll show you how to use a free online formatter tool called Source Code Formatter to make your code look clean and neat.</p><p>This is a web-based formatter for source code that can be used to format your own source code for use in HTML, CSS, and JavaScript. It can even be used to reformat code from pastes from other sites. This tool is free and easy to use.</p><p>By default, your blog posts are formatted in a simple paragraph style. However, if you’re familiar with HTML, you can use source code formatting to create different styles for your blog posts. This is done by enclosing the text you wish to format in “pre” tags.</p><p>To make your blog readable and easier to navigate, it is important to use proper formatting. If you want to make your source code easier for others to understand and edit, it is necessary to properly format the code. An online source code formatter can help you do this. A tool like this can save you time and effort that would otherwise be spent manually formatting the code.</p><div><br /></div>



How To Use These Code ?

Just copy these above following code and paste in your blogger or wordpress website post in HTML view.


S.NO All SEO And Other Tools Name Download Buttons Demo Buttons
1. Instagram Hashtag Finder Tool
2. Fancy Text Generator Tool
3. Logo & Favicon Maker Tool
4. iFrame Generator Tool
5. Age Calculator Tool
6. Hex Color Picker Tool
7. Youtube Video Downloader Tool
8. Meta Tag Generator Tool
9. QR Code Maker Tool
10. Privacy & Policy Generator Tool
11. Terms & Conditions Generator Tool
12. About Us Page Generator Tool
13. Youtube Thumbnail Downloader Tool
14. HTML To XML Converter Tool
15. Gradient Color Code Picker Tool

Click Here To Get More Tools