请基于html和css和javascript写一个多功能文本编辑器并给出代码
时间: 2023-03-07 14:25:22 浏览: 96
为了实现这一功能,我们可以使用html、css和javascript编写一个简单的多功能文本编辑器,具体的代码如下:
<html>
<head>
<title>多功能文本编辑器</title>
<script type="text/javascript">
// 定义编辑器对象
var editor = {
// 添加文字
addText: function(text) {
// 获取文本框对象
var textbox = document.getElementById('textbox');
// 将新文字添加到文本框尾部
textbox.value += text;
},
// 清空文本框
clearText: function() {
// 获取文本框对象
var textbox = document.getElementById('textbox');
// 清空文本框
textbox.value = '';
}
};
</script>
<style type="text/css">
#textbox {
width: 400px;
height: 200px;
}
</style>
</head>
<body>
<textarea id="textbox"></textarea>
<button onclick="editor.addText('Hello World!')">添加文字</button>
<button onclick="editor.clearText()">清空文本框</button>
</body>
</html>