0

I insert a node and when insert another it substitutes the previously inserted one.

I guess I need to put the range after the firstly inserted node, but how?

I define a function:

function EmoticonsMenu(jquery_element){
  var e = jquery_element;
  var top  = e.offset().top;
  var left = e.offset().left;
  var onIconClick_callback;

  this.onIconClick = function(eventObject){
    var html = $(eventObject.target).parent().html().replace(/\n\s+|\s+\n/g, '');
    onIconClick_callback(html);
    };

  e.blur(function(){
    e.css({visibility:'hidden'});
    e.hide();
    });

  this.attach_to = function(element, callback){
    onIconClick_callback = callback;
    var newTop  = element.offset().top  - top  - 10 - e.height();
    var newLeft = element.offset().left - left + 10;
    e.css({top:newTop, left:newLeft});
    e.css({visibility:'visible'});
    e.focus();
    };
};

and there is a place where I bind Emoticon to my nicEditor custom button

  nicEditorExampleButton = nicEditorButton.extend({   
    mouseClick : function(eventObject) {
    // get nicEdit selected instance - se
    var se = this.ne.selectedInstance;

    var paste_icon_html = function(html){
      // create a DOM node from the string
      //var html = '<img src="/assets/emoticons/ac.gif">admin is here!</img>';
      var div = document.createElement('div');
      div.innerHTML = html;
      var node = div.childNodes[0];

      // get selection if any, insert html as a Node
      var range = se.getRng();
      range.deleteContents();
      range.insertNode(node.cloneNode(true));
      //range.setStart(node,0);
      //range.setEnd(node,0);
      };

    emoticonsMenu.attach_to($(this.button), paste_icon_html);
    }
  });
  nicEditors.registerPlugin(nicPlugin,nicExampleOptions);
4

2 に答える 2

1

何も置き換えたくない場合は、への呼び出しを削除しますdeleteContents。

また、このスニペットを繰り返し呼び出すと、常に同じ を参照し、nodes[0]一度しか存在できないという問題が発生する可能性があります。複数回挿入するには、複製する必要があります。

range.insertNode(nodes[0].cloneNode(true));
于 2013-02-27T09:12:57.733 に答える
0

ここにコードの変更が必要です。それ以外の：

  range.insertNode(node.cloneNode(true));
  //range.setStart(node,0);
  //range.setEnd(node,0);
  };

する必要があります

  range.insertNode(node);
  range.setEndAfter(node);    //++
  range.setStartAfter(node);  //++
  };
于 2013-02-28T09:12:17.933 に答える