首页 新闻 搜索 专区 学院

求一个js控件或一段js代码,能直接在浏览器上输入文字,类似不限制宽度的文本框

0
悬赏园豆:50 [待解决问题]

以下代码所示,在浏览器浏览中,如果鼠标点击span时,如“请输入姓名”。就能直接对其进行输入,效果类似文本框、编辑器一样(但显示效果和在编辑器中一样)。但是非span区域就不能做任何操作。输入的字符不限制。格式布局,根据内容的长度,自动推移、换行。

<body>
姓名:<span>请输入姓名</span>;性别:<span>请输入性别</span>;个人简介:<span>请输入个人简介</span></body>
问题补充:

==================

HUGO.CM的主页 HUGO.CM | 初学一级 | 园豆:146
提问于:2013-01-18 09:23
< >
分享
所有回答(5)
0

http://ckeditor.com/demo#inline

最新的ckeditor可以把任何元素作为编辑器

xxwgcg | 园豆:243 (菜鸟二级) | 2013-01-18 09:28

这只能实现全部编辑,“姓名:”等,是不可编辑的!

支持(0) 反对(0) HUGO.CM | 园豆:146 (初学一级) | 2013-01-18 09:31

@HUGO.CM: 嗯 这个也可以的  只是你用上 大材小用了;我再帮你找找啊

支持(0) 反对(0) xxwgcg | 园豆:243 (菜鸟二级) | 2013-01-18 09:32
支持(0) 反对(0) xxwgcg | 园豆:243 (菜鸟二级) | 2013-01-18 09:56

@HUGO.CM: http://jquery-in-place-editor.googlecode.com/svn/trunk/demo/index.html

也可以 百度 google搜索 Edit in Place

支持(0) 反对(0) xxwgcg | 园豆:243 (菜鸟二级) | 2013-01-18 09:59

@xxwgcg: 和我自己做的差不多,就是实现的效果,不是很好!

 

我想要的效果是:比如在我留言中点“回复”,然后弹出编辑框。

编辑框中默认有“@HUGO.CM:”这段文字。但是这段文字不能修改、删除。其他地方,该怎么输入文字就怎么输入文字。超过页面(编辑框)宽度,自动换行。

支持(0) 反对(0) HUGO.CM | 园豆:146 (初学一级) | 2013-01-18 10:16

@HUGO.CM: 那就用那个编辑器吧;  其实你可以最后检测一下 带没带那个@  或者默认在编辑器之外;不就行了...编辑器好像没有那个功能(某部分不能修改)

支持(0) 反对(0) xxwgcg | 园豆:243 (菜鸟二级) | 2013-01-18 10:25
0

可以试试百度的UEditor

http://ueditor.baidu.com/website/onlinedemo.html

哇~怪兽 | 园豆:603 (小虾三级) | 2013-01-18 10:05
0

用js获取到所有的span标签,然后在其click事件上处理,处理的方式为在其表面区域覆盖一个文本框,把span标签的值赋到文本框即可实现编辑,然后再在文本框的keyup事件上进行 回车处理即可

az235 | 园豆:8283 (大侠五级) | 2013-01-18 13:00
0

支持楼上,点击的时候用个text覆盖就行了,鼠标移走 用ajax保存数据就行了,顺便span覆盖text。不想写可以找jquery插件。或者gridview控件也支持

truename | 园豆:168 (初学一级) | 2013-01-18 15:07
0

加一个“contenteditable”属性即可解决!

HUGO.CM | 园豆:146 (初学一级) | 2013-01-18 18:17
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册