html4.0 div,DIV可编辑属性.htm

DIV可编辑属性

DIV可编辑属性

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto"><div

contentEditable="true">此处可编辑</div>;

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

 

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

color=#ff0000>整个页面是否可编辑：

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

color=#ff0000>document.designMode = "on/off"

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

color=#ff0000>只能通过脚本来调用。IE8不可用

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

color=#ff0000>火狐下IFRAME是不能获取焦点的。只有IFRAME下的Body可以获取。

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">可编辑IFRAME:

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto"><iframe

id="edit" name="edit"></iframe>

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

size=3>var editIframe =

document.getElementById("edit").contentWindow.document;

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

face=Simsun>

size=3>editIframe.getElementsByTagName("body")[0].setAttribute(

face=Simsun>"

face=Arial>contentEditable","true");

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

size=3>jq写法：

style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; FLOAT: none; COLOR: rgb(0,0,0); FONT: 14px/24px arial, 宋体, sans-serif; DISPLAY: inline !important; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 30px; -webkit-text-stroke-width: 0px; -webkit-text-size-adjust: auto">

size=3>$("#edit").contents().find("body").attr("contentEditable","true");

一键复制

编辑

Web IDE

原始数据

按行查看

历史