Lớp Sư phạm Cử nhân tin học khóa 1
Chào mừng bạn trở lại diễn đàn.

Chương trình soạn thảo văn bản đơn giản

Go down

Chương trình soạn thảo văn bản đơn giản

Bài gửi by Admin on 19/3/2008, 8:39 pm

Một chương trình soạn thảo văn bản đơn giản mới sưu tầm được, giói thiệu để các bạn nghiên cứu phát triển thêm
Code:
<!PVN>
<html>

<head>
  <title>Soan thao van ban</title>
</head>
<body>

<h1>Chuong trinh Soan thao van ban</h1>
    <table border="0" cellpadding="0" cellspacing="1" bgcolor="#C0C0C0> /*thay đổi mã màu cho phù hợp*/

        <tr height="20">
            <td>
            &nbsp;
            <img src="http://localhost/editor/bold.gif" title="Bold" onclick="doFormat('bold');">
            <img src="italic.gif" title="Italic" onclick="doFormat('italic');">
            <img src="underline.gif" title="Underline" onclick="doFormat('underline');">
    <img src="image.gif" title="Insert Image" onclick="insertImage();">
         <img src="link.gif" title="Hyperlink" onclick="addLink();">
         <img src="removeformatting.gif" title="Remove Formatting" onclick="unformat();">
            </td>

        </tr>
        <tr>
            <td align="center" bgcolor="#ffffff"> /*thay đổi mã màu cho phù hợp*/
    <iframe id="textArea" style="width:500px;height:240px;overflow:auto;"></iframe>
            </td>
        </tr>
    </table>
    <script type="text/javascript">
    var editor = document.getElementById('textArea').contentWindow.document;
        editor.designMode='On';
      editor.open();
      editor.write('<html><head></head><body></body></html>');
      editor.close();
function doFormat(a,b){
  if(editor.queryCommandEnabled(a)){
    if(!b){b=null;}
        editor.execCommand(a,false,b);
  }
}
 function addLink(){
  var aLink=prompt('Enter or paste a link :', '');
   if(aLink){
      doFormat('CreateLink',  aLink);
   }
}
function insertImage(){
 document.getElementById('textArea').contentWindow.focus();
  var aLink=prompt('Enter or paste a URL :', '');
   if(aLink){
      doFormat('InsertImage',  aLink);
   }
}
function unformat(){
   doFormat('removeformat');
   doFormat('unlink');
}
  </script>
</body>
<p><marquee><h5>* &copy;pvn *</h5></marquee>
</html>
Bạn có thể tải về mã nguồn cùng với các icon của chương trình trong http://cnthk1.tk hay tải trực tiếp tại đây.
Tham khảo bản đầy đủ tính năng tại:http://sacroyant.googlepages.com/r_editor.htm
avatar
Admin
Admin

Tổng số bài gửi : 148
Registration date : 17/12/2007

Xem lý lịch thành viên http://cnthk1.tk

Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết