内容可编辑且随内容自增长的div

Posted wzjhoutai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了内容可编辑且随内容自增长的div相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
     #textarea {
      width:300px;
      border:1px solid #ccc;
      min-height:150px;
      max-height:300px;
      overflow:auto;
      font-size:14px;
      outline:none;
     }  
     </style>
</head>
<body>
 <div id="textarea" contenteditable="true">11111</div>
</body>
</html>

在ie。chrome。Firefox浏览器下測试通过,效果图:

技术分享


以上是关于内容可编辑且随内容自增长的div的主要内容,如果未能解决你的问题,请参考以下文章

内容可编辑 div 复制粘贴限制

文本编辑器弹出时内容可编辑光标位置在可编辑 div 中

如何在 Angular 2 中获取内容可编辑的“div”的插入符号位置?

VsCode编辑器如何自定义代码片段

随着内容自动增长,更改 div 高度

内容可编辑的 div 编辑问题