The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Fast BBCodes for Staff in posts on editor

View previous topic View next topic Go down

Solved Fast BBCodes for Staff in posts on editor

Post by Luffy on December 30th 2014, 12:49 am

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

Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Fast BBCodes for Staff in posts on editor

Post by Ange Tuteur on December 30th 2014, 12:59 am

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
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fast BBCodes for Staff in posts on editor

Post by Luffy on December 30th 2014, 1:01 am

@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!






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Fast BBCodes for Staff in posts on editor

Post by Ange Tuteur on December 30th 2014, 1:05 am

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))});
  }
})});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fast BBCodes for Staff in posts on editor

Post by Luffy on December 30th 2014, 1:10 am

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


Luffy






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Fast BBCodes for Staff in posts on editor

Post by Ange Tuteur on December 30th 2014, 1:12 am

You're welcome ^^

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum