• 富文本编辑器


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript">
    function doBold(){
    doc.execCommand('Bold');
    Editor.focus();
    }
    function doItalic(){
    doc.execCommand('Italic');
    Editor.focus();
    }
    function doUnderline(){
    doc.execCommand('Underline');
    Editor.focus();
    }
    function doStrikeThrough(){
    doc.execCommand('StrikeThrough');
    Editor.focus();
    }
    function doCut(){
    doc.execCommand('Cut');
    Editor.focus();
    }
    function doCopy(){
    doc.execCommand('Copy');
    Editor.focus();
    }
    function doPaste(){
    doc.execCommand('Paste');
    Editor.focus();
    }
    function doUndo(){
    doc.execCommand('Undo');
    Editor.focus();
    }
    function doPrint(){
    doc.execCommand('Print');
    Editor.focus();
    }

    function doSubscript(){
    doc.execCommand('Subscript');
    Editor.focus();
    }
    function doSuperscript(){
    doc.execCommand('Superscript');
    Editor.focus();
    }

    function SeePreview(){
    doc.body.innerHTML=form1.Preview.value;
    return false;
    }

    function EditResource(){
    form1.Preview.value=doc.body.innerHTML;
    return false;
    }
    </script>
    </head>
    <body>
    富文本编辑器<p>
    <a href="javascript:doUndo();">复原</a>&nbsp;<a href="javascript:doPrint();">打印</a>       
    &nbsp;<a href="javascript:doCut();">剪切</a>&nbsp;<a href="javascript:doCopy();">复制</a>&nbsp;                         
    <a href="javascript:doPaste();">粘贴</a>&nbsp;                                                                   
                                                
    <br>                  
    <a href="javascript:doBold();">粗</a>&nbsp; <a href="javascript:doItalic();">斜</a>&nbsp;<a href="javascript:doUnderline();"><u>下划</u> </a>&nbsp;                  
    <a href="javascript:doSuperscript();"><u>上标</u> </a>&nbsp;<a href="javascript:doSubscript();"><u>下标</u> </a>&nbsp;                               
    <a href="javascript:doStrikeThrough();"> <strike>中划</strike></a>&nbsp;                                                                         
    居左 居中 居右 缩进 缩出 图片 插入连接                                                               
    <br>                              
                      
    <form id=form1 method="POST" action="edit-m.htm?val='javascript:docv;'">                                                                        
    <IFRAME id=Editor style="WIDTH: 100%; HEIGHT: 150px;                                                                
    src="about:blank"></IFRAME>                                                   
    <BUTTON id=mxh onclick=EditResource();Preview.focus();>编辑源代码</BUTTON>              
    <BUTTON class="function" onclick=SeePreview();Preview.focus();>结果预览</BUTTON>                      
    <br>        
    <TEXTAREA id=Preview style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 150px; </TEXTAREA>                                                               
        
    <input type="submit" value="提交" name="B1">&nbsp;              
                                                                   
    <input type="reset" value="全部重写" name="B2">                                                                       
    </form>        
                
    <br>              
                                                                       
    <script language="javascript">                                                           
    var doc;                                                          
    doc=document.frames.Editor.document;                                                  
    doc.designMode = "On";                                                           
    window.setTimeout('Editor.focus()',100);                                                            
    </script>                                                           
    </body>                                                                        
    </html>   

  • 相关阅读:
    centos7下查看端口是否被占用
    centos7通过yum安装redis
    centos7下mysql远程连接
    centos7通过yum安装JDK1.8
    Jwt系列2:使用
    Jwt系列1:简介
    Python基础语法
    排序
    利用MultipartFile来进行文件上传
    服务器端跳转和客户端跳转
  • 原文地址:https://www.cnblogs.com/superws/p/5639398.html
Copyright © 2020-2023  润新知