内容可编辑且随内容自增长的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浏览器下測试通过,效果图:

时间: 2024-10-22 10:01:16

内容可编辑且随内容自增长的div的相关文章

编辑PDF文件内容的方法

PDF格式很稳定,在各种不同平台打开都不会失真,阅读和传输都很方便,不会出现word中打开乱码的现象,而且文件不容易被修改.但也正是不容易修改使得在对这种格式的文档进行编辑修改操作的时候很不方便,就连阅读查看和编辑都得用不同的工具,如果遇到PDF文档需要编辑修改的话该怎样操作? PDF阅读器对PDF文档内容不能进行编辑修改,只能用来查看文件内容,编辑文档内容还得用编辑工具来打开文档才能进行编辑操作. 用编辑工具打开文档后,在页面缩略图里选择要编辑的那个页面,然后在页面编辑区域就可以对当前页面的内

可以增加和删除行的table(可以编辑表格中内容)

页面文件 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="jquery-1.6.min.js"></script> <s

可编辑的表格:jQuery+PHP实现实时编辑表格字段内容

在本例中,我们会通过jQuery实现单击将一个文本信息变为可编辑的表单,你可以对文本内容进行编辑,然后点击“确定”按钮,新的内容将发送到后台PHP程序处理,并保存到数据库:当点击“取消”按钮,则页面恢复到初始状态. 查看演示 下载源码 本例适用场景:当查看详细资料,如用户详情信息,发现其中某几个字段信息需要修改,可直接点击该字段内容进行修改,节约了用户时间,(传统的做法是进入一个编辑页面,列出所有编辑的字段信息,即使你只需要编辑其中一两个字段内容,然后点击提交)提高了WEB响应速度,从而提高了前

&lt;div&gt;标签仿&lt;textarea&gt;。contentEditable=‘true’,赋予非表单标签内容可以编辑

需求:web页面需要一个文本输入框.1.该文本输入框默认状态下有个仿‘placeholder’的默认文本提示信息,2.文本框输入状态下其高度会随文本内容自动撑开. 方案选择:1.使用<textarea>标签.但是标签高度不会随文本高度自动撑开,而是出现滚动条.使用JS动态计算文本内容高度赋予<textarea>标签高度. 2.使用<div>或者<p>.<span>等非表单标签,通过赋予其contentEditable='true'属性,是其获得内

PDF格式文档的内容如何编辑

对于经常处理各种文档的会遇到很多不同格式的文档文件,除了office.txt等文档外,PDF这种格式的文档也是经常会遇到的,有些PDF文件是可以进行编辑的,但编辑文字没有word编辑起来方便,而且需要编辑工具来编辑,PDF的阅读工具是不能对文档内容进行编辑的,那么到底怎么编辑的呢? 先装好PDF的编辑工具,然后用PDF编辑工具来打开需要处理的PDF文档,在编辑工具的编辑区域就可以对文档的内容进行编辑修改了,需要切换页面的话直接在左侧选择对应的缩略图就可以了. 编辑的时候可以按住Ctrl+鼠标滚轮

使用jQuery编辑删除页面内容,两种方式

第一种,比较少的编辑用这种,直接在那块内容上编辑,失去焦点即完成 前几天做编辑框的时候,需要只修改一个状态 //编辑角色 function editTr($this){ thatTd=$($this).parent().prev(); value=$.trim(thatTd.html()); str='<input type="text" id="editing" value="'+value+'">'; thatTd.html(st

PDF的文本内容怎么编辑设置

处理文档的时候如果遇到PDF格式的文件需要修改的话就很头疼,文字的编辑也没有word那样方便,而且PDF文件在阅读浏览和编辑上都是由不同软件来进行操作的,这让许多人以为PDF文件是不能编辑的,其实不然,PDF文档的文字也是可以编辑的. PDF文件可以直接进行编辑,用pdf的编辑工具打开文件就可以进行相应的操作.加密的文档只需要输入密码就可以正常操作. 文件打开后一般会有左右两个窗格,页面缩略图和页面编辑区,页面缩略图是用来方便切换当前编辑的页面的.如果没有显示缩略图窗格的话可以通过“视图-页面缩

PDF文件的内容怎样编辑修改

现在办公总是会遇到各种格式的文档需要编辑修改,office的一些文档是最常见的,使用也比较频繁,但是像pdf这种格式的文档对于我们却不常见的,如果遇到这种格式的文档我们该怎样去编辑呢. 要编辑修改PDF文件的内容要先确定pdf文件是否能够编辑,一般扫描形成的PDF文件是图片类型的内容,所以无法编辑.而受加密保护的文档需要先去除密码后才可进行正常编辑. 用PDF编辑器打开PDF文件,通过页面缩略图选择需要编辑的文档页面,然后在编辑区域可以对该页面的内容进行编辑修改. pdf的文字是在文本框中直接编

jquery获取标签内容,编辑内容

一.获取页面元素 三种方式获取页面中元素的内容. input标签使用:.val()获取 标签下的html及文本内容:.html() 仅获取标签下的纯文本内容:.text() <head> <script type="text/javascript"> $(function(){ console.log($(".1").html());//会获取其中包含html的所有值<p>a</p> console.log($(&qu