首页 新闻 会员 周边 捐助

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

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

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

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

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

http://ckeditor.com/demo#inline

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

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

这只能实现全部编辑，“姓名：”等，是不可编辑的！

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

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

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

@HUGO.CM: http://www.appelsiini.net/projects/jeditable/default.html  这个你看看

支持(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 | 园豆：148 (初学一级) | 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

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

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

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

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

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

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

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