jquery - 在插入符号位置插入元素[重复]

Question

我有一个 contentEditable div，在这个 div 里面我有一个表格。

示例 HTML：

<div id="divId" contenteditable="true">
   <table>
      <tbody>
         <tr>
            <td><br></td>
            <td>@param<br></td>
         </tr>
         <tr>
            <td><br></td>
            <td><br></td>
         </tr>
      </tbody>
    </table>
</div>

我想在插入符号位置（表格中选定的单元格）上插入一个输入元素 - 例如 @param 所在的位置。

我使用了 $("#divId").append 但它只将输入插入到 div 的末尾，而不是我需要的地方。

任何帮助将不胜感激。

Answer 1

你试过这个功能吗？

http://goo.gl/BdPd3k

功能 pasteHtmlAtCaret( html ) { 变量 sel，范围； 如果（窗口.getSelection）{ // IE9 和非 IE sel = window.getSelection(); if ( sel.getRangeAt && sel.rangeCount ) { 范围 = sel.getRangeAt(0); range.deleteContents(); // Range.createContextualFragment() would be useful here but is // only relatively recently standardized and is not supported in // some browsers (IE9, for one) var el = document.createElement( "div" ); el.innerHTML = html; var frag = document.createDocumentFragment(), node, lastNode; while ( ( node = el.firstChild ) ) { lastNode = frag.appendChild( node ); } range.insertNode( frag ); // Preserve the selection if ( lastNode ) { range = range.cloneRange(); range.setStartAfter( lastNode ); range.collapse( true ); sel.removeAllRanges(); sel.addRange( range ); } } } else if ( document.selection && document.selection.type != "Control" ) { // IE < 9 document.selection.createRange().pasteHTML( html ); } }