84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
现在正在做一个留言的功能,想实现qq聊天输入框那种可以插入图片的效果,textarea没法插入图片所以我使用的是html5的contenteditable属性来做。但是现在关键是怎么能够获取光标位置来确定在那个位置中显示图片。可是用这种方法没法获取到index值,显示的undefined,但是在换成textarea就可以获取光标的位置,有什么解决的方法吗?
学习是最好的投资!
哈哈;当年写这个带表情的评论功能写到流泪的表示;必须得分享下经验了;可以先来体验下:http://baijunyao.com/article/58
/** * 在textarea光标后插入内容 * @param string str 需要插入的内容 */ function insertHtmlAtCaret(str) { var sel, range; if(window.getSelection){ sel = window.getSelection(); if (sel.getRangeAt && sel.rangeCount) { range = sel.getRangeAt(0); range.deleteContents(); var el = document.createElement("p"); el.innerHTML = str; var frag = document.createDocumentFragment(), node, lastNode; while ( (node = el.firstChild) ) { lastNode = frag.appendChild(node); } range.insertNode(frag); if(lastNode){ range = range.cloneRange(); range.setStartAfter(lastNode); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); } } } else if (document.selection && document.selection.type != "Control") { document.selection.createRange().pasteHTML(str); } }
评论用到的js;http://git.oschina.net/shuaib...
有源码可以整个下载下来慢慢研究:http://git.oschina.net/shuaib...
做了一个DEMO, 你看看怎么样
哈哈;当年写这个带表情的评论功能写到流泪的表示;必须得分享下经验了;
可以先来体验下:http://baijunyao.com/article/58
评论用到的js;
http://git.oschina.net/shuaib...
有源码可以整个下载下来慢慢研究:http://git.oschina.net/shuaib...
做了一个DEMO, 你看看怎么样