[tag log] please input tag 意思：【标签日记】请输入标签。注：这是一些智能手机弹窗出现的bug。解决办法：可以去设置-》应用程序管理，找到 tag log，点击停止，或者点击取消试试，实在不行就刷机。也有说找到并删除文件datadialog就可以了。
一、反向代理：Web服务器的“经纪人”1.1 反向代理初印象
反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器。
Nginx搭建反向代理服务器过程详解
从上图可以看出：反向代理服务器位于网站机房，代理网站Web服务器接收Http请求，对请求进行转发。
1.2 反向代理的作用
①保护网站安全：任何来自Internet的请求都必须先经过代理服务器；Nginx搭建反向代理服务器过程详解
②通过配置缓存功能加速Web请求：可以缓存真实Web服务器上的某些静态资源，减轻真实Web服务器的负载压力；Nginx搭建反向代理服务器过程详解
③实现负载均衡：充当负载均衡服务器均衡地分发请求，平衡集群中各个服务器的负载压力；Nginx搭建反向代理服务器过程详解
二、初识Nginx：简单却不平凡
2.1 Nginx是神马？
Nginx搭建反向代理服务器过程详解
Nginx是一款轻量级的网页服务器、反向代理器以及电子邮件代理服务器。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。
Source：Nginx（发音同engine x），它是由俄罗斯程序员Igor Sysoev所开发的。起初是供俄国大型的门户网站及搜索引擎Rambler（俄语：Рамблер）使用。此软件BSD-like协议下发行，可以在UNIX、GNU/Linux、BSD、Mac OS X、Solaris，以及Microsoft Windows等操作系统中运行。
说到Web服务器，Apache服务器和IIS服务器是两大巨头；但是运行速度更快、更灵活的对手：Nginx 正在迎头赶上。
2.2 Nginx的应用现状
Nginx 已经在俄罗斯最大的门户网站── Rambler Media（www.rambler.ru）上运行了3年时间，同时俄罗斯超过20%的虚拟主机平台采用Nginx作为反向代理服务器。
Nginx搭建反向代理服务器过程详解Nginx搭建反向代理服务器过程详解Nginx搭建反向代理服务器过程详解Nginx搭建反向代理服务器过程详解Nginx搭建反向代理服务器过程详解在国内，已经有 淘宝、新浪博客、新浪播客、网易新闻、六间房、56.com、Discuz!、水木社区、豆瓣、YUPOO、海内、迅雷在线 等多家网站使用 Nginx 作为Web服务器或反向代理服务器。
2.3 Nginx的核心特点
（1）跨平台：Nginx 可以在大多数 Unix like OS编译运行，而且也有Windows的移植版本；（2）配置异常简单：非常容易上手。配置风格跟程序开发一样，神一般的配置；（3）非阻塞、高并发连接：数据复制时，磁盘I/O的第一阶段是非阻塞的。官方测试能够支撑5万并发连接，在实际生产环境中跑到2～3万并发连接数。（这得益于Nginx使用了最新的epoll模型）；PS：对于一个Web服务器来说，首先看一个请求的基本过程：建立连接—接收数据—发送数据，在系统底层看来 ：上述过程（建立连接—接收数据—发送数据）在系统底层就是读写事件。
①如果采用阻塞调用的方式，当读写事件没有准备好时，必然不能够进行读写事件，那么久只好等待，等事件准备好了，才能进行读写事件，那么请求就会被耽搁 。
②既然没有准备好阻塞调用不行，那么采用非阻塞调用方式。非阻塞就是：事件马上返回，告诉你事件还没准备好呢，你慌什么，过会再来吧。好吧，你过一会，再来检查一下事件，直到事件准备好了为止，在这期间，你就可以先去做其它事情，然后再来看看事件好了没。虽然不阻塞了，但你得不时地过来检查一下事件的状态，你可以做更多的事情了，但带来的开销也是不小的。
（4）事件驱动：通信机制采用epoll模型，支持更大的并发连接。
①非阻塞通过不断检查事件的状态来判断是否进行读写操作，这样带来的开销很大，因此就有了异步非阻塞的事件处理机制。这种机制让你可以同时监控多个事件，调用他们是阻塞的，但可以设置超时时间，在超时时间之内，如果有事件准备好了，就返回。这种机制解决了上面阻塞调用与非阻塞调用的两个问题。
②以epoll模型为例：当事件没有准备好时，就放入epoll(队列)里面。如果有事件准备好了，那么就去处 理；如果事件返回的是EAGAIN，那么继续将其放入epoll里面。从而，只要有事件准备好了，我们就去处理它，只有当所有事件都没有准备好时，才在 epoll里面等着。这样，我们就可以并发处理大量的并发了，当然，这里的并发请求，是指未处理完的请求，线程只有一个，所以同时能处理的请求当然只有一 个了，只是在请求间进行不断地切换而已，切换也是因为异步事件未准备好，而主动让出的。这里的切换是没有任何代价，你可以理解为循环处理多个准备好的事 件，事实上就是这样的。
③与多线程方式相比，这种事件处理方式是有很大的优势的，不需要创建线程，每个请求占用的内存也很少，没有上下文切换， 事件处理非常的轻量级，并发数再多也不会导致无谓的资源浪费（上下文切换）。对于IIS服务器，每个请求会独占一个工作线程，当并发数上到几千时，就同时 有几千的线程在处理请求了。这对操作系统来说，是个不小的挑战：因为线程带来的内存占用非常大，线程的上下文切换带来的cpu开销很大，自然性能就上不 去，从而导致在高并发场景下性能下降严重。
总结：通过异步非阻塞的事件处理机制，Nginx实现由进程循环处理多个准备好的事件，从而实现高并发和轻量级。
（5）Master/Worker结构：一个master进程，生成一个或多个worker进程。
Nginx搭建反向代理服务器过程详解
PS：Master-Worker设计模式核心思想是将原来串行的逻辑并行化， 并将逻辑拆分成很多独立模块并行执行。其中主要包含两个主要组件Master和Worker，Master主要将逻辑进行拆分，拆分为互相独立的部分，同 时维护了Worker队列，将每个独立部分下发到多个Worker并行执行，Worker主要进行实际逻辑计算，并将结果返回给Master。
问：nginx采用这种进程模型有什么好处？
答：采用独立的进程，可以让互相之间不会影响，一个进程退出后，其它进程还在工作，服务不会中断，Master 进程则很快重新启动新的Worker进程。当然，Worker进程的异常退出，肯定是程序有bug了，异常退出，会导致当前Worker上的所有请求失 败，不过不会影响到所有请求，所以降低了风险。
（6）内存消耗小：处理大并发的请求内存消耗非常小。在3万并发连接下，开启的10个Nginx 进程才消耗150M内存（15M*10=150M）。
（7）内置的健康检查功能：如果 Nginx 代理的后端的某台 Web 服务器宕机了，不会影响前端访问。
（8）节省带宽：支持 GZIP 压缩，可以添加浏览器本地缓存的 Header 头。
（9）稳定性高：用于反向代理，宕机的概率微乎其微。
三、构建实战：Nginx+IIS构筑Web服务器集群的负载均衡这里我们主要在Windows环境下，通过将同一个Web网站部署到不同服务器的IIS上，再通过一个统一的Nginx反响代理服务器对外提供统一访问接入，实现一个最简化的反向代理和负载均衡服务。但是，受限于实验条件， 我们这里主要在一台计算机上进行反向代理、IIS集群的模拟，具体的实验环境如下图所示：我们将nginx服务和web网站都部署在一台计算机 上，nginx监听http80端口，而web网站分别以不同的端口号（这里是8050及8060）部署在同一个IIS服务器上，用户访问 localhost时，nginx作为反向代理将请求均衡地转发给两个IIS中不同端口的Web应用程序进行处理。虽然实验环境很简单而且有限，但是对于 一个简单的负载均衡效果而言，本文是可以达到并且展示的。
Nginx搭建反向代理服务器过程详解
3.1 准备一个ASP.NET网站部署到IIS服务器集群中（1）在VS中新建一个ASP.NET Web应用程序，但是为了在一台计算机上展示效果，我们将这个Web程序复制一份，并修改两个Web程序的Default.aspx，让其的首页显示不同 的一点信息。这里Web1展示的是“The First Web：”，而Web2展示的则是“The Second Web”。
Nginx搭建反向代理服务器过程详解
（2）调试运行，看看两个网站的效果如何？
①Web1的展示效果：
Nginx搭建反向代理服务器过程详解
②Web2的展示效果：
Nginx搭建反向代理服务器过程详解
③部署到IIS中，分配不同的端口号：这里我选择了Web1:8050，Web2:8060Nginx搭建反向代理服务器过程详解
（3）总结：在真实环境中，构建Web应用服务器集群的实现是将同一个Web应用程序部署到Web服务器集群中的多个Web服务器上。
3.2 下载Nginx并部署到服务器中作为自启动的Windows服务（1）到Nginx官网下载Nginx的Windows版本：http://nginx.org/en/download.html（这里我们使用nginx/Windows-1.4.7版本进行实验，本文底部有下载地址）（2）解压到磁盘任意目录，例如这里我解压到了：D:\Servers\nginx-1.4.7（3）启动、停止和重新加载服务：通过cmd以守护进程方式启动nginx.exe：start nginx.exe，停止服务：nginx -s stop，重新加载配置：nginx -s reload；Nginx搭建反向代理服务器过程详解
（4）每次以cmd方式启动Nginx服务不符合实际要求，于是我们想到将其注册为Windows服务，并设置为自动启动模式。这里，我们使用一个 不错的小程序：“Windows Service Wrapper”，将nginx.exe注册为Windows服务，具体的步凑如下：
①下载最新版的 Windows Service Wrapper 程序，比如我下载的名称是 “winsw-1.8-bin.exe”（本文底部有下载地址），然后把它命名成你想要的名字（比如: “nginx-service.exe”，当然，你也可以不改名）②将重命名后的 nginx-service.exe 复制到 nginx 的安装目录（比如，我这里是 “D:\Servers\nginx-1.4.7″）③在同一个目录下创建一个Windows Service Wrapper 的XML配置文件，名称必须与第一步重命名时使用的名称一致（比如我这里是 “nginx-service.xml”, 如果，你没有重命名，则应该是 “winsw-1.8-bin.xml”），这个XML的内容如下：
<?xml version="1.0" encoding="UTF-8" ?>
<service>
<id>nginx</id>
<name>Nginx Service</name>
<description>High Performance Nginx Service</description>
<executable>D:\Servers\nginx-1.4.7\nginx.exe</executable>
<logpath>D:\Servers\nginx-1.4.7\</logpath>
<logmode>roll</logmode>
<depend></depend>
<startargument>-p D:\Servers\nginx-1.4.7</startargument>
<stopargument>-p D:\Servers\nginx-1.4.7 -s stop</stopargument>
</service>
④在命令行下执行以下命令，以便将其注册成Windows服务：nginx-service.exe installNginx搭建反向代理服务器过程详解
⑤接下来就可以在Windows服务列表看到Nginx服务了，这里我们可以将其设置为自动启动了：
Nginx搭建反向代理服务器过程详解
（5）总结：在Windows环境中，要对外提供的Windows服务一般都要将其启动类型设置为自动。
3.3 修改Nginx核心配置文件nginx.conf
（1）进程数与每个进程的最大连接数：
?nginx进程数，建议设置为等于CPU总核心数
?单个进程最大连接数，那么该服务器的最大连接数=连接数*进程数Nginx搭建反向代理服务器过程详解
（2）Nginx的基本配置：
?监听端口一般都为http端口：80
?域名可以有多个，用空格隔开：例如 server_name www.ha97.com ha97.comNginx搭建反向代理服务器过程详解
（3）负载均衡列表基本配置：
?location / {}：对aspx后缀的进行负载均衡请求，假如我们要对所有的aspx后缀的文件进行负载均衡时，可以这样写：location ~ .*\.aspx$ {}
?proxy_pass：请求转向自定义的服务器列表，这里我们将请求都转向标识为http://cuitccol.com的负载均衡服务器列表；Nginx搭建反向代理服务器过程详解
?在负载均衡服务器列表的配置中，weight是权重，可以根据机器配置定义权重（如果某台服务器的硬件配置十分好，可以处理更多的请求，那么可以 为其设置一个比较高的weight；而有一台的服务器的硬件配置比较差，那么可以将前一台的weight配置为weight=2，后一台差的配置为 weight=1）。weigth参数表示权值，权值越高被分配到的几率越大；Nginx搭建反向代理服务器过程详解
（4）总结：最基本的Nginx配置差不多就是上面这些内容，当然仅仅是最基础的配置。（详细的配置内容请下载底部的nginx-1.4.7详细查看）3.4 添加Nginx对于静态文件的缓存配置
为了提高响应速度，减轻真实服务器的负载，对于静态资源我们可以在反向代理服务器中进行缓存，这也是反向代理服务器的一个重要的作用。
（1）缓存静态资源之图片文件
root /nginx-1.4.7/staticresources/image：对于配置中提到的jpg/png等文件均定为到/nginx-1.4.7/staticresources/image文件夹中进行寻找匹配并将文件返回；expires 7d：过期时效为7天，静态文件不怎么更新，过期时效可以设大一点，如果频繁更新，则可以设置得小一点；TIPS：下面的样式、脚本缓存配置同这里一样，只是定位的文件夹不一样而已，不再赘述。
Nginx搭建反向代理服务器过程详解
（2）缓存静态资源之样式文件
Nginx搭建反向代理服务器过程详解
（3）缓存静态资源之脚本文件
Nginx搭建反向代理服务器过程详解
（4）在nginx服务文件夹中创建静态资源文件夹，并要缓存的静态文件拷贝进去：这里我主要将Web程序中用到的image、css以及js文件拷贝了进去；Nginx搭建反向代理服务器过程详解
（5）总结：通过配置静态文件的缓存设置，对于这些静态文件的请求可以直接从反向代理服务器中直接返回，而无需再将这些静态资源请求转发到具体的Web服务器进行处理了，可以提高响应速度，减轻真实Web服务器的负载压力。
3.5 简单测试Nginx反向代理实现负载均衡效果（1）第一次访问http://localhost/Default.aspx时从127.0.0.1:8050处理响应返回结果（2）第二次访问http://localhost/Default.aspx时从127.0.0.1:8060处理响应返回结果（3）多次访问http://localhost/Default.aspx时的截屏：
Nginx搭建反向代理服务器过程详解
学习小结
在本文中，借助了Nginx这个神器简单地在Windows环境下搭建了一个反向代理服务，并模拟了一个IIS服务器集群的负载均衡效果。从这个 DEMO中，我们可以简单地感受到反向代理为我们所做的事情，并体会负载均衡是怎么一回事。但是，在目前大多数的应用中，都会将Nginx部署在 Linux服务器中，并且会做一些针对负载均衡的优化配置，这里我们所做的仅仅就是一个小小的使用而已（just修改一下配置文件）。不过，万丈高楼平地 起，前期的小小体会，也会帮助我们向后期的深入学习奠定一点点的基础。
突然在QQ空间里看到了朋友送的礼物，猛然发现今天居然是我的阳历生日，好吧，我祝我自己生日快乐，希望自己在未来的日子中能够做更多的实践，分享更多的内容。当然，如果你觉得本文还可以，那也麻烦点个赞，不要吝啬你的鼠标左键哟。
1、开始--程序--附件--系统工具--字符映射表
字体选Arial
往下拉到1/2左右的位置，会看到一些扭来扭去的文字，下面提示“阿拉伯文字”
如果要求更高，高到要制作网页，就接着看下边，呵呵
2、怎样制作中阿拉伯文网页
方法一、如果网页的浏览者以阿拉伯国人居多，并且汉字较少，可以采用阿拉伯语编码，因为这种编码阿拉伯国人最常用。如果用dreamwever编辑，先在记事本上编辑好中文，然后粘贴。这时由于很多中文字符在阿拉伯文字符集没有，所以会转换成符号，形如：*****，浏览器在显示时会将它转换成汉字。
方法二、如果网页的浏览者以中国人居多，可以采用GB2312编码，由于GB2312编码没有阿拉伯语字符，这些会转换成*****形式，所以中文和阿拉伯文都会在编辑页面正常显示。
方法三、如果网页的浏览者哪个国家的人都有，或者中阿拉伯文比例相当，或除了中阿拉伯文，还有其他语言，那么最好采用Unicode编码，它包含了全世界所有的语言，并广为人知。可以包含从右向左排的文字，每种语言会默认采用各自的默认字体显示。也便于编辑。
在FrontPage的“普通”编辑界面单机鼠标右键，在右键菜单上选择“网页属性”，找到“语言”选项卡，将“网页语言”标记为“阿拉伯语”，为网页存档编码设定为“阿拉伯语（具体一种编码）”。这样就可以制作纯正的阿拉伯文网页了。
这里以Internet Explorer为例介绍一下浏览阿拉伯文网页时的编码设置。
一般情况下，网页的代码中标示了所使用的编码，如：<META http-equiv=Content-Type content="text/htmlcharset= ks_c_5601-1987 ">，这样浏览器就能自动设置编码。但是，也有个别网页没有标示，那么浏览器就很有可能采用Windows系统的默认语言编码GB2312显示，造成乱码。
如果遇到这种情况，单机鼠标右键，选择“编码”->阿拉伯文，即可正确显示。
如果你的浏览器不支持阿拉伯语，那么即使网页作了标示，也无法显示，但你人工选择阿拉伯文编码时，会提示你下载阿拉伯语支持。
Windows XP 阿拉伯文用户界面语言包简介
1. 必须安装在Windows XP 英文版上，安装前新建一个用户，这样以这个用户登陆就变成相应的语言版本了，一个操作系统上可以装任意多的语言包。
2.Windows XP 不仅是改变了界面，同时也加入了特定语言版本的独特组件，得到的和真正的外文版是一样的。
3.安装语言包比安装阿语版Windows好，毕竟我们在大多数情况下需要中文版，而且一台机器上只能安装一种Windows XP，而且可以同时安装多种语言包，从而在一台机器上实现多种语言版本。
何如在中文系统中玩阿拉伯文游戏等非Unicode编码程序？
www.langsky.com 2003-4-14 外语时空
有很多外文版（除英文版）游戏很好玩，但在中文系统上往往都是乱码，其实很好解决。
WindowsXP系统：
WindowsXP虽然不太适合玩游戏，但也有他的独到之处，WindowsXP内核是Unicode编码，支持多语种，对于Unicode编码的应用程序会正常显示原文，但是，游戏程序几乎都不是Unicode编码。WindowsXP系统可以指定以特定的编码运行非Unicode编码编码程序，中文版WindowsXP默认的是“简体中文GB2312”。你只需在控制面板--〉区域和语言选项--〉高级--〉为非Unicode程序的语言选择“阿拉伯语”，即可正确运行阿拉伯文版的游戏等程序。其实WindowsXP是非常好的，尤其是在多语种支持上，要知道指责它的人大多数只用中文和英文，如果你使用阿拉伯语、俄语、法语等其他语言，你就知道WindowsXP有多好了，你可以在任何应用程序上，包括记事本上使用任何语言，而且可以多语种混排（也可以包含从右向左排的语言，如阿拉伯语）。微软的FrontPage在编辑多语种的网页时，要比dreamweaver强百倍。
Windows9x/Me上就只能安装内码转换程序了。
怎样在Windows中添加阿拉伯语输入法？
www.langsky.com 2003-4-14 外语时空
怎样在Windows9x/Me中添加阿拉伯语输入法？
Windows9x/Me的默认安装并没有阿拉伯文输入法，需要单独安装，安装文件可以在阿拉伯语版IE的安装光盘上找到，
微软的输入法不错，又免费，但是阿拉伯文编码页和中文大量重叠，所以它不能广泛应用于以GB2312为默认系统编码的Windows应用程序，只能用于基于Unicode编码的应用程序（如：Office），或可以自动进行编码转换的的应用程序（如：基于Internet Explorer平台的IE，Outlook，Outlook Explorer）。
此外还可以采用第三方解决方案（含有内码转换，可以用于任何程序的输入）。
怎样在Windows2000/XP中添加阿拉伯语输入法？
由于Windows2000/XP的核心代码是Unicode编码，所以可以容纳任何一种语言，而且默认安装就包含了3种阿拉伯语输入法，可以用于任何程序，包括记事本。
Windows2000/XP自带的IME无需安装，只要调出即可。调出方法是：先在控制面板的区域和语言选项中选中阿拉伯语，确定。右击“输入法状态栏”，在右键菜单中选择“设置”，点击“添加”按钮，“输入语言”选择阿拉伯语，“键盘布局/输入法”选择一种阿拉伯语输入法，然后确定。这样，阿拉伯语输入法就出来了。安装输入法的同时，几种常用阿拉伯文字体也同时安装 。win2000与xp对于处理英语和汉语之外的语言非常好，因为这2个系统继承了网络专用的nt内核，系统内码采用unicode编码，unicode编码支持全球所有语言。采用win2000与xp中自带阿拉伯文输入法可以在任何程序中使用，这一点是独一无二的。
Windows2000/XP自带的IME可以完全满足要求了。
Office XP阿拉伯文用户界面语言包简介
www.langsky.com 2003-4-14 外语时空
1.Office XP语言包的用处比Windows XP语言包的用处更大。因为Office XP是最常用的软件；
2.Windows XP上不能同时安装2个语言版本的Office XP；不同语言版本的Office XP都有自己的特色工具和向导、字体、模版（如中文版中的简繁体转换，汉语拼音标注，中文简历、网页向导和模版，汉英-英汉词典等）；
3.Office XP语言包就是解决上述问题的，Office XP语言包可以安装在任何语言版本的Office XP上，而且可以安装多个，等于你同时拥有了多个版本的Office XP。
如何在Office中实现阿拉伯语拼读和语法检查？
www.langsky.com 2003-4-14 外语时空
如果我们编辑阿拉伯文能象编辑中文或英文那样，拼读和语法错误会自动划出红线和绿线提示那有多方便啊！有的朋友为此安装了阿拉伯文版的Office，可是编辑中文又不方便了。其实很简单，请网下看：
1. 可以将阿拉伯文版中的proofing tools文件提取出来，复制到中文系统中，这样就可以实现了；
2. 这种方法最省事，就是直接安装Office 阿拉伯语语言包，这样选择阿拉伯语界面，和真正的阿拉伯文版完全一样，同时可利用阿拉伯文特色的模板和向导。
如何正确显示阿拉伯文编码的txt文件？
www.langsky.com 2003-4-14 外语时空
用Internet Explorer打开，打开后一般自动识别编码，如果不能正确显示，可以象浏览网页一样选择编码；而且用IE阅读，既可复制内容到其他编辑软件，也可以直接另存为任何一种编码的TXT或HTML类型，这同时也是一种转换编码的方法。
如何正确接收和发送阿拉伯文E-mail？
www.langsky.com 2003-4-14 外语时空
我们的中文邮件服务器接收阿拉伯文E-mail后，如果我们用基于web的方式收邮件会发生乱码现象（全部或部分乱码），而我们发出的邮件，对方接受后也是乱码，所以这种方式不适合接收和发送除中文和英文以外的邮件。
必须采用客户端软件来接收和发送，如Outlook 或Outlook Express等。在Outlook Express的账户设定中设定号SMTP服务器和POP3服务器，如果邮件服务器需要发送密码，也要设定好。这样接收的邮件一般会自动识别编码，如果没有自动识别，就手工选择，和IE的方法类似；撰写邮件时，也要先选择好阿拉伯文编码然后在发送。这样你就可以轻松接收和发送任何一种语言和编码的邮件了。
《OfficeXP阿拉伯语词典》
www.langsky.com 2003-4-14 外语时空
你可以想象一下中文版Office XP中的英汉-汉英词典，词条较多，更重要的是，大多数情况下，你用word编辑阿拉伯文，而它正好是word的一个组件，需要翻译什么词，只需选中后单机鼠标右键就完成了。
那么怎样在中文版Office XP中得到这个本是阿拉伯文版Office XP的阿拉伯语词典功能呢？很简单，安装Office XP阿拉伯语用户界面语言包，然后在“Microsoft Office XP 语言设置”中选择“阿拉伯语”。再次运行Office XP时就是阿拉伯文版了。
另，阿拉伯文的网页阅读习惯是从右至左，可以通过html和CSS控制，代码如下：
方法1：
<style>
#test,#test2{ direction: rtlunicode-bidi: bidi-override}
</style>
<textarea rows="1" id="test2" >abcd</textarea>
方法2：
<style>
#test,#test2{ direction: rtlunicode-bidi: bidi-overrideborder:1px solid #ccc}
</style>
<div id="test" contenteditable>abcd</div>
好运
