<!DOCTYPE html> <html> <head> <title>HTML编辑器</title> </head> <body> <h1>欢迎使用HTML编辑器</h1> <p>这是一个简单的HTML编辑器,用于创建和编辑网页内容。</p> <h2>内容区域</h2> <textarea id="content" rows="10" cols="50"> 在这里输入你的内容。 </textarea> <h2>保存和预览</h2> <button onclick="saveContent()">保存</button> <button onclick="previewContent()">预览</button> <script> function saveContent() { // 在这里编写保存内容的代码 alert("内容已保存!"); } function previewContent() { // 在这里编写预览内容的代码 alert("网页预览已打开!"); } </script> </body> </html>
这个编辑器包含一个标题和一个文本区域,用户可以在文本区域中输入内容,还提供了两个按钮,分别用于保存内容和预览网页,你可以根据需要修改和扩展这个示例,添加更多的功能和样式,请注意,这只是一个简单的示例,实际的HTML编辑器可能需要更多的功能和安全性措施。