Fast BBCodes for Staff in posts on editor

Hello,

I am currently using this code in my Javascript for the Fast BBCode @Ange Tuteur gave me!

Code:

$(function() {
  if (!document.getElementById('text_editor_textarea')) return;
 
 
  userTag(1,'Luffy', 'http://i39.servimg.com/u/f39/19/06/26/04/pcode210.png', '<div class="Luffy">', '</div>');
 
 
  function userTag(id, tagname, image, htmlStart, htmlEnd) {
    var breg = new RegExp('\\['+tagname+'\\](.+?)\\[\\/'+tagname+'\\]','gi');
    if (_userdata.user_id === id) {
      $("#text_editor_textarea").before("<img src='"+image+"'id='"+tagname+"-b'/>");
      $('#'+tagname+'-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('['+tagname+']','[/'+tagname+']')});
    }
    $('div.postbody div').each(function () {if ($(this).text().indexOf('['+tagname+']') != -1) $(this).html($(this).html().replace(breg, htmlStart + '$1' + htmlEnd))});
  }
});

How can i make it appear as a button to the editor? A Simple button with a crown but be visible and usable only by the member as it is now?


Luffy

Hi @Luffy,

Change your script to :

Code:

$(function() {
  if (!document.getElementById('text_editor_textarea')) return;
  $('.sceditor-group:last').after('<div id="st-boutons" class="sceditor-group"></div>');
 
 
  userTag(1,'Luffy', 'http://i39.servimg.com/u/f39/19/06/26/04/pcode210.png', '<div class="Luffy">', '</div>');
 
 
  function userTag(id, tagname, image, htmlStart, htmlEnd) {
    var breg = new RegExp('\\['+tagname+'\\](.+?)\\[\\/'+tagname+'\\]','gi');
    if (_userdata.user_id === id) {
      $("#st-boutons").append("<a id='"+tagname+"-b' class='sceditor-button'><div style='background-image:url("+image+")'></div></a>");
      $('#'+tagname+'-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('['+tagname+']','[/'+tagname+']')});
    }
    $('div.postbody div').each(function () {if ($(this).text().indexOf('['+tagname+']') != -1) $(this).html($(this).html().replace(breg, htmlStart + '$1' + htmlEnd))});
  }
});

@Ange Tuteur this doesn't work! Let me remind you that my forum is Phpbb3 in case you haven't noticed! Also this deleted the button completely!

Try now. I forgot you had to wait for the editor.

Code:

$(function(){$(function(){
  if (!document.getElementById('text_editor_textarea')) return;
  $('.sceditor-group:last').after('<div id="st-boutons" class="sceditor-group"></div>');
 
 
  userTag(1,'Luffy', 'http://i39.servimg.com/u/f39/19/06/26/04/pcode210.png', '<div class="Luffy">', '</div>');
 
 
  function userTag(id, tagname, image, htmlStart, htmlEnd) {
    var breg = new RegExp('\\['+tagname+'\\](.+?)\\[\\/'+tagname+'\\]','gi');
    if (_userdata.user_id === id) {
      $("#st-boutons").append("<a id='"+tagname+"-b' class='sceditor-button'><div style='background-image:url("+image+")'></div></a>");
      $('#'+tagname+'-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('['+tagname+']','[/'+tagname+']')});
    }
    $('div.postbody div').each(function () {if ($(this).text().indexOf('['+tagname+']') != -1) $(this).html($(this).html().replace(breg, htmlStart + '$1' + htmlEnd))});
  }
})});

Yes now it works! Thank you very much!
Problem Solved!


Luffy

You're welcome ^^

Topic archived

Have a nice day.