gpt4 book ai didi

javascript - 带格式的文本区域副本

转载 作者:行者123 更新时间:2023-11-28 20:00:00 25 4
gpt4 key购买 nike

我希望在从其他网页复制时可以复制页面中的文本区域并设置格式。当我使用 TinyMCE 或 CkEditor 时,它会在附近显示工具栏。我不想在文本区域附近显示任何文本编辑器工具栏。它应该看起来像文本区域,但粘贴时带有格式。给我一些建议。

最佳答案

您可以将 divcontenteditable="true" 一起使用。在下面的示例中,您将首先找到一个 div,然后是一个 textarea,并由 button 分隔。如果您将某些内容粘贴到 div 中并单击按钮,您将在 textarea 中看到粘贴内容的 HTML。当然,您可以使用 CSS (display:none;) 隐藏此 textarea,然后将其用作 HTML 表单的一部分。通常的做法是在提交表单时将 div 的内容复制到 textarea – 例如应用于单击按钮的函数也可能包含像document.myForm.submit();这样的行。

<html>
<head>
<style type="text/css">
#myDiv, #myTxt{
width:300px;
height:180px;
border:1px solid black;
}
#myDiv{
overflow:auto;
}
#myBtn{
display:block;
margin:6px 0px;
}
</style>
</head>
<body>
<div id="myDiv" contenteditable="true"></div>
<button type="button" id="myBtn">See HTML Below</button>
<textarea id="myTxt" readonly></textarea>
<script type="text/javascript">
document.getElementById("myBtn").onclick = function(){
document.getElementById("myTxt").innerHTML = document.getElementById("myDiv").innerHTML;
}
</script>
</body>
</html>

Demo

关于javascript - 带格式的文本区域副本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21821822/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com