富文本编辑器

原创 2005年05月30日 09:30:00

<html>
<head>
<title>RichEdit</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; BACKGROUND-COLOR: white" marginWidth=1                                                               
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; BACKGROUND-COLOR: #ffffff" rows="1" cols="20"></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>                                                                       

富文本编辑器kinds

  • 2016年11月01日 17:16
  • 782KB
  • 下载

Android富文本编辑器RichEditor的使用

以前有个项目做一个笔记本类似的东西,觉得写的不太好,最近重新写,就发现了这个富文本编辑器他的效果是这样的 感觉有点厉害啊 废话不多说开始撸码 1先添加依赖 dependencies { ...

文本编辑器 富文本框

  • 2015年09月07日 10:35
  • 620KB
  • 下载

Ubuntu下几种常用的文本编辑器

常见的基于控制台的文本编辑器有以下几种: emacs           综合性的GNU emacs 编辑环境 nano              一个类似于经典的pico的文本编辑器,内置了一...

富文本编辑器ckeditor使用手册

  • 2012年12月08日 15:33
  • 9KB
  • 下载

富文本编辑器源代码

  • 2012年04月28日 08:56
  • 2.39MB
  • 下载

kindeditor富文本编辑器初步使用教程

下载kindeditor 可以选择去官网下载(http://kindeditor.net/down.php),不过要翻墙;或者直接CSDNhttp://download.csdn.net/downl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:富文本编辑器
举报原因:
原因补充:

(最多只允许输入30个字)