Skip to main content

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

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>

Popular posts from this blog

পি এইচ পি কি? এর প্রয়োজনীয়তা !!!!!

পি এইচ পি কি?
পি এইচ পি (PHP) কে বলা হয় হাইপারটেক্সট প্রিপ্রসেসর (Hypertext Preprocessor) । পি এইচ পি একটি প্রোগ্রামিং ল্যাঙ্গুয়েজ। ইহা সার্ভার সাইড স্ক্রিপ্টিং ল্যাঙ্গুয়েজ হিসেবেও অধিক পরিচিত। ডাইনামিক এবং ইন্ট্রাকটিভ ওয়েব সাইট তৈরির ক্ষেত্রে পি এইচ পি একটা শক্তিশালি ল্যাঙ্গুয়েজ। ইহা ওপেন সোর্স জেনারেল পারপোজ স্ক্রিপ্টিং ল্যঙ্গুয়েজ হওয়ায় ওয়েব প্রোগ্রামারদের কাছে অধিক জনপ্রিয়। এছাড়া পি এইচপি ওয়েবে তথ্য সংরক্ষণের ক্ষেত্রে সর্বোচ্চ নিরাপত্তা প্রদান করে। পি এইচ পি কে এইচ টি এম এল (HTML) এর সাথেও ব্যবহার করা যায়। ওয়ার্ডপ্রেস জুমলা সহ বেশ কিছু এডভান্সড ওপেনসোর্স কনটেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) পি এইচ পি দ্বারা তৈরি। পি এইচ পি ব্যবহার করে কাস্টম কনটেন্ট ম্যানেজমেন্ট সিস্টেম তৈরি করা যায়। এছাড়া ই-কমার্স, ম্যানেজমেন্ট, অনলাইন ব্যাংকিং সফটওয়্যার ইত্যাদি তৈরিতেও পি এইচ পি ব্যাপকভাবে ব্যবহুত হচ্ছে।  বাংলায় কম্পিউটার শিখতে চান তো ... এখানে ক্লিক করুন .....

পি এইচ পি কেন প্রয়োজন? (Why PHP is required?)এইচ টি এম এল (HTML) এবং সি এস এস (CSS) ব্যবহার করে স…

Mail To Contact Form For your Website & Blogger With Code

Project -Mail To Contact Form For your Website & Blogger With Code.
<html>
<head>
<title>Html Contact Form</title>
</head>
<h1>Contact Form Poject</h1>
<form name="htmlform" method="post" action="mailto:malinsarkar@yahoo.in"enctype="text/plain">
<table width="450px">
</tr>
<tr>
 <td valign="top">
  <label for="first_name">First Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="first_name" maxlength="50" size="30">
 </td>
</tr>

<tr>
 <td valign="top"">
  <label for="last_name">Last Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="last_name" maxlength="50" size="30">
 </td>
</tr>
<tr>
 <td valign="…

Show Today's Date & Current Time As Simple Text On Your Blog

Here’s a simple JavaScript to show the current date anywhere in the blog. You can place this code either in any HTML/JavaScript widget, or anywhere else in the template as per you wish. The output will be like this:
Today is Wednesday, August 2.
And the required code, to be added is this:

<script language=”Javascript”>
<!–
var dayName = new Array (“Sunday”, “Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”, “Saturday”)
var monName = new Array (“January”, “February”, “March”, “April”, “May”, “June”, “July”, “August”, “September”, “October”, “November”, “December”)
var now = new Date
document.write(“Today is ” + dayName[now.getDay()] + “, ” + monName[now.getMonth()] + ” “+now.getDate() +”.”)
//–>
</script> There’s an even simpler code, to display date(like this):
2/7/117
Here’s the code for that:
<script language=”Javascript”>
<!–
var now = new Date
document.write(now.getDate() + “/” + now.getMonth() + “/” + now.getYear())
//–>
</script>