[TOUTES VERSIONS] Ajouter l'avatar sur l'éditeur et encore plus...

       
// 0 = BBCode
// 1 = HTML
tagType :0,

<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { width:30px;height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>

.emotiuser_icon
{
border:1px solid black;
padding:3px;
border-radius: 30px;
}

(function() {
          'EmotiUser - Become your own personal emoticon !';
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/';
        
          window.EmotiUser = {
            default_icon : 'http://2img.net/i/fa/invision/pp-blank-thumb-38px.png', // default avatar
            cacheTime : 1*60*60*1000, // amount of time the avatar is  ( 1 hour )
          
            // tagType influences the type of tags used
            // 0 = BBCode
            // 1 = HTML
            tagType :0,
          
            // markup format
            tag : [
              '[table class="emotiuser"][tr][td]:u{UID}:[/td][/tr][/table]',
              '<span class="emotiuser">:u{UID}:</span>'
            ],
        
            parse : function() {
              if (!EmotiUser.tags) {
                EmotiUser.tags = $('.emotiuser');
                EmotiUser.index = -1;
              }
        
              var tag = EmotiUser.tags[++EmotiUser.index];
              if (tag) {
                var txt = $(tag).text(),
                    tag_id = txt.replace(/:u(\d+):/, '$1'),
                    storage = window.localStorage;
                  
                if (storage && storage['emotiuser_' + tag_id] && storage['emotiuser_' + tag_id + '_exp'] > +new Date - EmotiUser.cacheTime) {
                  var icon = document.createElement('IMG'),
                      data = JSON.parse(storage['emotiuser_' + tag_id]);
                    
                  icon.className = 'emotiuser_icon';
                  icon.src = data.src;
                  icon.alt = data.alt;
                  icon.title = data.title;
                
                  tag.parentNode.insertBefore(icon, tag);
                  tag.parentNode.removeChild(tag);
                  EmotiUser.parse();
                } else {
                  $.get('/ajax/index.php?f=m&user_id=' + tag_id, function(d) {
                    var icon = $('.tooltip-content > img', d)[0],
                        name = $('.tooltip-title', d).text() || d;
                
                    if (!icon) {
                      icon = document.createElement('IMG');
                      icon.src = EmotiUser.default_icon;
                    }
                  
                    icon.className = 'emotiuser_icon';
                    icon.title = name;
                    icon.alt = txt;
                
                    if (storage && window.JSON) {
                      storage['emotiuser_' + tag_id] = JSON.stringify({
                        src : icon.src,
                        alt : icon.alt,
                        title : icon.title
                      });
                      storage['emotiuser_' + tag_id + '_exp'] = +new Date;
                    }
                  
                    tag.parentNode.insertBefore(icon, tag);
                    tag.parentNode.removeChild(tag);
                    EmotiUser.parse();
                  });
                }
              } else {
                delete EmotiUser.tags;
                delete EmotiUser.index;
              }
            }
          };
        
  document.write('<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { width:30px;height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>');
        
          $(function(){
            EmotiUser.parse();
          
            if ($.sceditor && toolbar) {
              $.sceditor.command.set('emotiuser', {
                dropDown : function(editor, caller, callback) {
                  var content = document.createElement('DIV'),
                      input = document.createElement('INPUT'),
                      submit = document.createElement('INPUT');
        
                  input.type = 'text';
                  input.value = _userdata.user_id;
                  input.id = 'emotiuser_number';
        
                  submit.type = 'button';
                  submit.className = 'button';
                  submit.value = 'Insérer';
                  submit.onclick = function() {
                    var id = +$('#emotiuser_number', this.parentNode)[0].value;
                    if (typeof id === 'number' && id > 0) {
                      callback(id);
                      editor.closeDropDown(true);
                    } else {
                      alert('Please insert a valid user id');
                    }
                  };
        
                  content.innerHTML = '<div><label for="emotiuser_number">Identifiant du membre</label></div>';
                  content.firstChild.appendChild(input);
                  content.appendChild(submit);
        
                  editor.createDropDown(caller, 'emotiuser', content);
                },
        
                exec : function(c) {
                  var e = this;
                  $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
                    e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
                  });
                },
        
                txtExec : function(c) {
                  var e = this;
                  $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
                    e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
                  });
                },
              
                tooltip : 'EmotiUser'
              });
            
              toolbar = toolbar.replace(/date/, 'emotiuser,date');
            
              $(function() {
                var button = $('.sceditor-button-emotiuser div')[0];
                if (button) {
                  $(button).append(_userdata.avatar.replace(/<img/, '<img style="height:16px;width:16px;"'));
                  button.style.textIndent = '0px';
                }
              });
            }
          });
        }());