Ad Code

HTML Code Editor for blogger blog Post - Blogspot, Wordpress

July 23, 2016
Advertisements
Guys, In this post share HTML Code editor code for blogger and website post. Fol owing the instraction below . [ How To Add JS-Kit Rating To Your Blogger blog ]

How To Create Online HTML Editor ? 
  • Goto Blogger blog
  • Click on New post option
  • Select HTML mode then paste the below code

HTML Code Editor

CODE:

<html>
  <head>
    <!-- Load jQuery from Google's CDN -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <!-- Source our javascript file with the jQUERY code -->
    <script src="script.js"></script>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1></h1>
    <div id="main">
      <textarea id="txt1" style="width: 400px; height: 330px;">Client Side HTML Editor</textarea>
      <br>
      <input id="button1" onclick="var html = $('#txt1').val(); $('#htmlDiv').html(html);" value="preview" type="submit">
      <input id="boldButton" onclick="if(getSelectedText() != '') { $('#htmlDiv').html($('#htmlDiv').html().replace(getSelectedText(), '<b>' + getSelectedText() + '</b>')); $('#txt1').val($('#htmlDiv').html()); } else { replaceIt($('#txt1')[0], '<b>' + getSel() + '</b>'); $('#htmlDiv').html($('#txt1').val()); }" value="bold" type="submit">
      <br>
      <br>
      <div id="htmlDiv">Client Side HTML Editor</div>
    </div>
  </body>
</html>

Download Link
Advertisements