`
xieye
  • 浏览: 837751 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

xy的跨浏览器在线编辑器超级简易版

    博客分类:
  • PHP
阅读更多
<!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>xy的简易编辑器震撼登场,兼容firefox 和 IE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
    <script type="text/javascript">
    function init_edit(){
        //使iframe进入编辑状态。
        var 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)
    {  var editor = document.getElementById("MsgFrame").contentWindow;
        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.innerHTML;
    }

    window.onload = init_edit;
    </script>
</head>




<body>

<!-- 作为编辑区的iframe -->
<iframe style="width: 100%; height:100" marginwidth="0" marginheight="0" 
        frameborder="1" name="MsgFrame" 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="查看源代码" /> 
<br/>

<!-- 用于查看输出 -->
<textarea name="textarea1" id="textarea1" rows="20" cols="100"></textarea>

</body>
</html>
 
分享到:
评论

相关推荐

    超级xy曲线控件使用

    ### 超级XY曲线控件使用详解 #### 功能概述 超级XY曲线控件是VC ActiveX控件的一种,广泛应用于工业自动化领域,能够满足工业现场对数据可视化的需求。与传统的X-Y轴曲线相比,它具有更强的功能性和灵活性。超级XY...

    xyui是一套使用原生WebComponents规范开发的跨框架UI组件库

    ** xyui:基于Web Components的跨框架UI组件库** xyui 是一个强大的UI组件库,其核心特性在于它遵循了原生的Web Components规范。Web Components是HTML5中的一组技术,旨在让开发者能够创建可复用、自包含且封装...

    经纬度与XY坐标转换实用工具

    本文将详细讲解经纬度坐标系统与XY平面直角坐标系统的转换,并结合提供的“经纬度与XY转换.exe”实用工具,探讨如何进行这种转换。 首先,我们来了解两种坐标系统的基本概念: 1. 经纬度坐标系统:这是地球上最...

    WinCC应用组态王XY曲线实现近红外在线分析.pdf

    本文将深入探讨如何在WinCC V6.0中使用组态王的超级XY曲线控件来实现近红外在线分析功能,旨在满足中药提取过程中实时监控的需求。 WinCC(Windows Control Center)是一款由西门子公司和微软合作开发的工业级人机...

    简单的js文本编辑器代码

    根据提供的文件信息,我们可以深入解析并提取出与“简单的js文本编辑器代码”相关的知识点。 ### 1. JavaScript函数定义及使用 #### 函数定义 在JavaScript中,可以通过`function`关键字来定义一个函数。例如,在...

    xy2_100-master_teensy_XY2-100_XY2_100_galvo_

    总之,"xy2_100-master_teensy_XY2-100_XY2_100_galvo_"这个项目展示了如何利用Teensy的微控制器能力,结合XY2设备的创新控制方式,以及Galvo的电气隔离特性,创建出一个高度定制的音乐控制器。对于电子音乐爱好者和...

    corexy-marlin-master_corexymarlin下载_marlin开启corexy_corexy_corexy

    标题中的"corexy-marlin-master_corexymarlin下载_marlin开启corexy_corexy_corexy"提到了几个关键概念:CoreXY、Marlin以及Marlin的CoreXY支持。这些是3D打印机领域的核心技术。 CoreXY是一种创新的机械设计,常...

    XY2_100.rar_XY2-100_XY2100协议_advice9zj_xy2—100_振镜 XY2-100

    XY2-100协议是专为激光振镜系统设计的一种通信协议,它在VHDL(Very High Speed Integrated Circuit Hardware Description Language)中实现,这是一种广泛使用的硬件描述语言,用于描述数字系统的逻辑功能和行为。...

    XY图实时显示,xy的图像,LabView

    在本实例中,我们将深入探讨如何在LabVIEW中实现XY图的实时显示。 XY图是一种常见的数据可视化方式,它以X轴表示一个变量,Y轴表示另一个变量,用于展示两个变量之间的关系。在LabVIEW中,XY图通常用于实时监测和...

    小娱路由XY-R1编程器固件

    小娱路由XY-R1编程器固件

    XY2-100.rar_XY-100协议_XY2-100_XY2-100协议_xy2-100fpga控制_振镜

    振镜控制 XY2-100 协议文档,包含波形图和各bit含义。

    经纬度转换为xy,xy转换为经纬度

    在地理信息系统(GIS)中,我们经常需要在不同的坐标系之间进行转换,其中包括将经纬度坐标转换为XY坐标,以及反过来将XY坐标转换为经纬度。这种转换在地图制图、定位服务、导航系统等领域非常常见。下面我们将详细...

    基于XY2-100协议的振镜控制转换板的设计与实现.zip_XY2-100_XY2协议_xy2_100协议_振镜 XY2-10

    基于XY2-100协议的振镜控制转换板的设计与实现

    xy8103_xy8106_fusblink2

    "冠派量产工具 xy8103_xy8106_fusblink28"是一款针对冠派品牌存储设备的专业固件升级和批量处理工具。在IT行业中,这类工具主要用于更新和修复USB闪存盘、移动硬盘等设备的固件,确保它们能够与最新的操作系统兼容,...

    DIY写字机GRBL0.9 CoreXY结构伺服版

    标题中的“DIY写字机GRBL0.9 CoreXY结构伺服版”指的是一项自制的3D打印设备,主要用于在各种材料上写字或绘图。这个写字机采用的是GRBL 0.9版本的固件,它是一款开源的、基于微控制器的G代码接收器,专门用于控制...

    CAD作图经纬度与XY坐标转换小软件

    在CAD(计算机辅助设计)领域,经常需要处理各种坐标系统,包括地理坐标(如经纬度)和笛卡尔坐标(如XY坐标)。这个“CAD作图经纬度与XY坐标转换小软件”就是为了方便用户在这两种坐标系统之间进行快速、准确的转换...

    ARCGIS XY TO SHP

    "ARCGIS XY TO SHP"是指使用ARCGIS将含有X、Y坐标的数据转换为Shapefile(SHP)格式的过程。Shapefile是GIS领域中常用的一种矢量数据存储格式,它可以包含点、线和多边形等空间对象。 1. **坐标系统**: 在ARCGIS...

    经纬度坐标和xy坐标转换程序.rar

    比如,当我们从GPS接收器获取经纬度坐标后,可能需要将其转换为UTM坐标以便在平面地图上准确标绘;反之,如果我们已经有了平面坐标,也可能需要反向转换为经纬度,以获取地球上的实际地理位置。 总之,"经纬度坐标...

Global site tag (gtag.js) - Google Analytics