富文本编辑器代码

<!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>

时间: 2024-10-15 12:57:03

富文本编辑器代码的相关文章

富文本编辑器代码编辑实时高亮

最近想做一个富文本编辑器添加代码并且产生高亮的效果.首先寻找富文本编辑器插件,有如UEditor.kindeditor.xhEdito等等插件.网上有挺多介绍的博客,在这就不详细介绍这些了.这几款编辑器我都试过了,UEditor适用SyntaxHighlighter高亮插件,而kindeditor与xhEdito适用prettyprint.当然,这些插件都是开源的可以自己修改.我在这几款插件中换了又换,其中的代码编辑都不理想. UEditor: kindeditor: xhEdito: 尝试修改

TinyMCE(富文本编辑器)

[转]TinyMCE(富文本编辑器)在Asp.Net中的使用方法 官网演示以及示例代码:https://www.tinymce.com/docs/demo/image-tools/ 转自:http://www.cnblogs.com/hahacjh/archive/2010/07/24/1784268.html TinyMCE 在Asp.Net中的使用方法其实挺简单的,从官方网站下载TinyMCE),然后将里面的jscripts目录拷到你的网站目录 假设你的aspx页面中某一个地方需要用到编辑器

Android富文本编辑器RichEditor的使用

以前有个项目做一个笔记本类似的东西,觉得写的不太好,最近重新写,就发现了这个富文本编辑器他的效果是这样的 感觉有点厉害啊 废话不多说开始撸码 1先添加依赖 dependencies { compile 'jp.wasabeef:richeditor-android:1.2.0' } 2写布局 <jp.wasabeef.richeditor.RichEditor android:id="@+id/editor" android:layout_width="match_pa

商城项目整理(四)JDBC+富文本编辑器实现商品增加,样式设置,和修改

UEditor富文本编辑器:http://ueditor.baidu.com/website/ 相应页面展示: 商品添加: 商品修改: 前台商品展示: 商品表建表语句: 1 create table TEST.GOODS_TABLE 2 ( 3 gid NUMBER not null, 4 gname VARCHAR2(90), 5 gdetails CLOB, 6 gpicture VARCHAR2(100), 7 gprice NUMBER, 8 gleixing NUMBER, 9 gpi

关于富文本编辑器UEditor

2017.1.18,星期三?     关于富文本编辑器:     富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器. 富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息.比较好的文本编辑器有kindeditor,fckeditor等. 关于UEditor:官网                           UEditor文档,我们的说明书

使用wangEditor富文本编辑器

wangEditor官网地址:http://wangeditor.github.io/ 今天忽然想起来搞一下富文本编辑器的使用,本来想用百度的ueditor,但是貌似校园网给墙了.然后从知乎上发现了这个编辑器,优点是界面简洁,文档比较清楚.缺点也显而易见,比较简陋,要求不是很高的话,还是可以的 :) 下载解压完成之后,用到的只有dist这个文件. 作者在看云上发布的手册地址: http://www.kancloud.cn/wangfupeng/wangeditor2/113994 前台页面代码:

富文本编辑器

1. https://github.com/xing/wysihtml5 2. https://github.com/neilj/Squire 3.可以试试这个wangEditor - 轻量级web富文本编辑器 生成表格还是会有一些样式,不过比百度的要少一些.以下是官方介绍: 与国产编辑器 百度ueditor和 kindeditor相比,它轻量.易用.UI设计精致漂亮. 与国外编辑器 bootstrap-wysiwyg和 simditor相比,它文档易读.交流方便,更接地气. 它还会根据使用者的

MVC富文本编辑器CKEditor配置CKFinder

富文本编辑器CKEditor的使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin:

PHP接入umeditor(百度富文本编辑器)

2015年6月28日 23:08:49 星期日 效果: 开搞;) 首先: 百度官网上下载 umeditor 简版的富文本编辑器(这里) 然后: 解压放到自己的项目中, 配置服务器, 保证能在浏览器端加载到js,css,image... 最后: 准备好上传图片的程序, 我这里是用PHP直接上传到了七牛上 html (在第24~32行, 初始化一些配置, 不用去修改umeditor.config.js了) 1 <!DOCTYPE HTML> 2 <html> 3 <head>