Html编辑器基础

iteye_4543

于 2010-02-21 16:44:14 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

分类专栏： Dhtml 文章标签： HTML F#

本文链接：https://blog.youkuaiyun.com/iteye_4543/article/details/81825980

Dhtml 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简单编辑器示例。该编辑器通过iframe元素提供富文本编辑功能，并利用JavaScript设置初始文档结构，开启设计模式以便进行编辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!--兼容FF、IE7-->

<div style="height:300px; width:600px; border:1px solid #000000">
<iframe id="HtmlEditor" src="" frameborder="0" marginheight="0" marginwidth="0" style="width:100%; height:100%;">d</iframe>
<br><br>
</div>
<script type="text/javascript">
window.onload = function () {
    var f = document.getElementById("HtmlEditor");
    var html = '<HEAD></HEAD><BODY><div></div></BODY>';
    f.contentWindow.document.open("text/html", "replace");
    f.contentWindow.document.write(html);
    f.contentWindow.document.close();
    f.contentWindow.document.designMode = "on";
}
</script>