让iframe可编辑
生活随笔
收集整理的這篇文章主要介紹了
让iframe可编辑
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
function EnableEdit()
{var editor;editor = document.getElementById("HtmlEdit").contentWindow;// 針對IE瀏覽器, make it editableeditor.document.designMode = 'On';editor.document.contentEditable = true;// For compatible with FireFox, it should open and write something to make it work
editor.document.open();editor.document.writeln('<html><head>');editor.document.writeln('<style>body {background: white;font-size:9pt;margin: 2px; padding: 0px;}</style>');editor.document.writeln('</head><body></body></html>');editor.document.close();
}<iframe ID="HtmlEdit" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="312">
</iframe>
?
<iframe src="" name="editor" id="editor" style="border: 1px solid rgb(204, 204, 204);" frameborder="0" height="200" width="400"></iframe><div><input type="button" οnclick="insert(1)" value="insert image"><input type="button" οnclick="insert(2)" value="insert text"> </div><script>_win=$('#editor')[0].contentWindow; // 我們用 _win 變量代替 iframe window _doc=_win.document; // 用 _doc 變量代替 iframe的document _doc.designMode = 'On';if( $.browser.msie ){_doc.write('<img src="pet_store_api.png">');}else{_doc.open();_doc.write('<img src="pet_store_api.png">');_doc.close();}function insertHTML( sHtml ){_win.focus(); if( $.browser.msie ){_doc.selection.createRange().pasteHTML( sHtml ) ;}else{ _doc.execCommand( 'InsertHtml' , '' , sHtml );}}function insert(type){if(type==1){insertHTML( '<img src="pet_store_api.png">' );}else{insertHTML( 'haha' );}} </script>
轉載于:https://www.cnblogs.com/makan/p/4836087.html
總結
以上是生活随笔為你收集整理的让iframe可编辑的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： centos 7 构造iptables开
- 下一篇： Java基础知识强化83：System类