简单迷你文本编辑啊器

最新推荐文章于 2021-06-19 08:53:08 发布

mngzilin

最新推荐文章于 2021-06-19 08:53:08 发布

阅读量784

点赞数

分类专栏： ASP.NET HTML/DIV+CSS/JS 文章标签：文本编辑 button input function iframe xhtml

本文链接：https://blog.csdn.net/mngzilin/article/details/5576625

版权

ASP.NET 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

HTML/DIV+CSS/JS

5 篇文章 0 订阅

订阅专栏

<!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 style="width: 100%; height:100" marginwidth="0" marginheight="0" frameborder="1" id="MsgFrame" src="about:blank"></iframe>
<br />

    //使iframe进入编辑状态。
    var editor;
    editor = document.getElementById("MsgFrame").contentWindow;
     //window.frames["MsgFrame"].document.designMod
     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.body.innerHTML;
        }

</script>
<br/>

</body>
</html>

mngzilin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单迷你文本编辑啊器

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > 无标题页 //使iframe进入编辑状态。 var editor; editor = do
复制链接

扫一扫