普通的html页面怎么回显富文本框内容
时间: 2024-04-19 14:25:27 浏览: 15
普通的 HTML 页面可以使用 `<div>` 元素来回显富文本框的内容。你可以通过 JavaScript 获取富文本框的内容,并将其设置为 `<div>` 元素的 `innerHTML` 属性的值。这样,富文本框的内容就会在 `<div>` 元素中显示出来。
以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>回显富文本框内容</title>
</head>
<body>
<textarea id="myTextarea"></textarea>
<button onclick="showContent()">显示内容</button>
<div id="content"></div>
<script>
function showContent() {
var textarea = document.getElementById("myTextarea");
var contentDiv = document.getElementById("content");
contentDiv.innerHTML = textarea.value;
}
</script>
</body>
</html>
```
在上面的示例中,我们使用了一个 `<textarea>` 元素来输入富文本框的内容,一个按钮来触发回显操作,并使用了一个 `<div>` 元素来显示回显的内容。当点击按钮时,`showContent()` 函数会被调用,将 `<textarea>` 的内容设置为 `<div>` 的 `innerHTML` 属性的值,从而实现回显。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)