Fast BBCodes for Staff in posts on editor
2 posters
Page 1 of 1
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!
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
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
Re: Fast BBCodes for Staff in posts on editor
Hi @Luffy,
Change your script to :
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))});
}
});
Re: Fast BBCodes for Staff in posts on editor
@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!
Re: Fast BBCodes for Staff in posts on editor
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))});
}
})});
Re: Fast BBCodes for Staff in posts on editor
Yes now it works! Thank you very much!
Problem Solved!
Luffy
Problem Solved!
Luffy
Similar topics
» Fast BBCodes for Staff in posts
» (Only Topic!) New Editor
» Staff button on text editor
» Easy write for staff on editor
» Staff colors without changing them in the editor
» (Only Topic!) New Editor
» Staff button on text editor
» Easy write for staff on editor
» Staff colors without changing them in the editor
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum