Back To Top

Learn easy Webdesign with HTML,HTML5,PHP,ASP,XML,SGML,Computer Programming,And many More...

HTML Code Editor for blogger blog Post - Blogspot, Wordpress

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


    <!-- Load jQuery from Google's CDN -->
    <script src="//"></script>
    <!-- Source our javascript file with the jQUERY code -->
    <script src="script.js"></script>
    <link rel="stylesheet" href="styles.css" />
    <div id="main">
      <textarea id="txt1" style="width: 400px; height: 330px;">Client Side HTML Editor</textarea>
      <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">
      <div id="htmlDiv">Client Side HTML Editor</div>

Popular Posts