所见即所得编辑器(js版)

转载 2013年12月03日 10:13:35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <title>Untitled Document</title>
       <script type="text/javascript">
         function init()
         {
            var contentObj = document.getElementById("content"); 
            
            //取得 iframe 内的窗口对象。firefox 可以直接用 contentObj.document;
            var contentDocObj = contentObj.contentWindow.document;
            
            contentDocObj.designMode = "on";
         }
         
         function makeBlob()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand("Bold",false,null);
         }
         
         function makeItalic()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand("Italic",false,null);             
         }
         
         function changeColor()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand('ForeColor',false,'#BBDDCC');          
         }
       </script>
</head>
<body _disibledevent=>        <p><button _disibledevent=>        <button _disibledevent=>        <button _disibledevent=>        </p>
       <iframe id="content" width="400px" height="200px" style="border:1px solid"></iframe>
</body>
</html>

相关文章推荐

js简单的文本编辑器(所见即所得)

项目页面需要一个简单的文本编辑器,网上的那些富文本编辑器功能都很强大,很多东西用不到,所以自己用js写了一个简单的文本编辑器。 代码如下: 简单文本编辑器 <div styl...

22个所见即所得编辑器

  • 2014-07-09 22:41
  • 362KB
  • 下载

可编辑iframe高度自适应(编辑器所见即所得模式) ----- JQUERY特效模板

之前做过高度自适应,但是始终效果不理想,后来看到一个比较好的办法,实现了之后,特保留一份模板,方便以后类似应用。           主要思路是这样的:     &#...

MUILIB所见即所得的可视化界面设计编辑器

MUILIB界面开发库是一个使用C++开发的面向Windows平台的高级界面开发库,完全采用XML进行界面的布局配置管理, 虽然XML具有易理解和维护等显著特点,但是面对多种多样的标签及其属性,要想...

kineditor所见即所得编辑器

  • 2013-10-23 19:21
  • 176KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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