<!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>
<title>无标题页</title>
</head>
<body><!--作为编辑区的iframe-->
<iframe style="width: 100%; height:100" marginwidth="0" marginheight="0" frameborder="1" id="MsgFrame" src="about:blank"></iframe>
<br /><input type="button" onclick="t('UnderLine')" value="下划线" />
<input type="button" onclick="t('bold')" value="粗体" id="Button1" />
<input type="button" onclick="t('JustifyLeft')" value="左对齐" />
<input type="button" onclick="t('JustifyCenter')" value="居中对齐" /> <input type="button" onclick="t('JustifyRight')" value="右对齐" /> <input type="button" onclick="t2()" value="增高" />
<input type="button" onclick="t3()" value="减少" />
<input type="button" onclick="ViewSource()" value="查看源代码" /> <script type="text/javascript" language="javascript"> //使iframe进入编辑状态。
var editor;
editor = document.getElementById("MsgFrame").contentWindow;
//window.frames["MsgFrame"].document.designMode="On"
editor.document.open();
editor.document.writeln('<html><head>');
editor.document.writeln("</head><body></body></html>");
editor.document.onclick = "alert()";
editor.document.close();
editor.document.designMode = 'On';
editor.document.contentEditable = true;
editor.document.charset="gb2312";
function t(s)
{
editor.document.execCommand(s,false,null);
} //增高
function t2(){
var obj=window.frames["MsgFrame"].frameElement;
var height = parseInt(obj.offsetHeight);//获取iframe的高度
if (height+100 >= 100){
obj.height = height+100;
}
}
//减低
function t3(){
var obj=window.frames["MsgFrame"].frameElement;
var height = parseInt(obj.offsetHeight);
if (height-100 >= 100){
obj.height = height-100;
}
}
function ViewSource(){
document.getElementById("textarea1").value = document.getElementById("MsgFrame").contentWindow.document.lastChild.outerHTML;
}
</script>
<br/>
<textarea name="textarea1" rows="20" cols="100"></textarea></body>
</html>给你个例子
解决方案 »
- jquery的treeview插件添加子节点的问题
- 点击button在另一个窗口显示日历?
- 求助:换肤功能,IE8下怎么换不了背景图片?
- document.write("<iframe .. 的问题,请教
- 矩形等比缩放问题
- 为何ie7 不采用js.net做客户端脚本
- 能不能在HTML里通过调用外部JS生成下面的样子!散分了,高手过来看看,在线等!!
- 各位同志帮我看看,关于document.execCommand('SaveAs')的问题
- 急问--关于下拉式菜单
- 怎样在点击一个链接是同时提交一个隐藏表单?
- Stack overflow at line: 0
- 如何判断一个字符串是合法IP地址段以下3种形式之一 a.b.c.d-e.f.g.h a.b.c.d/e.f.g.h and a.b.c.d/24
<head>
<title>无标题页</title>
</head>
<body>
<input type="button" onclick="add()" />
<textarea id="s1" cols="10" rows="10"></textarea>
<script>
function add(){
var a="[img]";
var obj=document.getElementById("s1");
obj.focus();
var workRange=document.selection.createRange();
document.getElementById("ss").innerHTML= "<font color='red'>"+workRange.text+"</font>";
}</script>
<div id="ss"></div>
</body>
</html>