第一个
如何向contenteditable div添加画布
我有这个密码
<style>
.editor {
width: 100%;
min-height: 100%;
height: 100%;
background-color: black;
color: #fff;
}
canvas {
background-color: green;
}
</style>
<div class="editor" contenteditable><canvas></canvas></div>由于某种原因，我无法在contenteditable div中写入任何内容，甚至连插入符号也不知怎么消失了。我做错了什么？如果能提供帮助，我将不胜感激。
2条答案
按热度按时间jdzmm42g1#
使用一点Javascript，您可以通过添加一个空格，然后强制将插入符号放在内容的末尾来欺骗它
第一个
nkkqxpd92#
第一个
contenteditable是说div的内容是可编辑的，而不是div本身，所以在div中使用一个p作为文本框或放置一个占位符，否则您将编辑的内容是画布。正如其他回答指出的，这是Chrome的bug，如果您想模拟其他浏览器的行为，您可以在div中添加一个空格，如下所示：否则P解决方案仍然有效。