Quick Reply BBCode Buttons (UBBC)

[Wormopolis]

<div class="$[shoutbox_class] container full" style="display:none">

[Rosefriend]

Well it works now and all I can say is that you deserve an Oscar Chris - thank you so much for your patience!! Hope you sleep well tonight - you deserve it!!

RF

[adminabp]

Hey, I found this on Wormocodes:
Custom BBCode Admin Panel
That would be so helpful to have and to use with this plugin, but I believe the code is only for V4 of Proboards, not V5. Wormo said in a response to a question in that thread about a V5 version that he thought there was one, but if there is I can't find it anywhere.

Help?

[Former Member]

Hello!

I just need a little help if its ok.

I wanted to add three little buttons to the line up that when clicked adds a short line of text to the post. But I cant seem to get the tags to work. Its pretty much you click the button and it would add like -20 HP Added- or something to that effect to the post. Would that be possible?

[Chris]

Nov 19, 2014 10:58:02 GMT -8 @greedsins said:

Hello!

I just need a little help if its ok.

I wanted to add three little buttons to the line up that when clicked adds a short line of text to the post. But I cant seem to get the tags to work. Its pretty much you click the button and it would add like -20 HP Added- or something to that effect to the post. Would that be possible?

Sorry @greedsins, this and the previous post didn't even register in my notifications so I am only seeing it today. What you are asking, if I am understanding correctly, is a way to add just text but that poses a problem since bbcode buttons need bbcode tags to output. You could however create a button that outputs a span tag containing the desired text.

For example

(requires v0.9.0 or later with pragma_content support)

---

adminabp that code was never upgraded to V5 because truthfully I viewed it as a waste of time. The lack of feedback (good or bad) convinced me there was really no interest in it anyway.

[Former Member]

Nov 22, 2014 8:10:15 GMT -8 Chris said:

Nov 19, 2014 10:58:02 GMT -8 @greedsins said:

Hello!

I just need a little help if its ok.

I wanted to add three little buttons to the line up that when clicked adds a short line of text to the post. But I cant seem to get the tags to work. Its pretty much you click the button and it would add like -20 HP Added- or something to that effect to the post. Would that be possible?

Sorry @greedsins, this and the previous post didn't even register in my notifications so I am only seeing it today. What you are asking, if I am understanding correctly, is a way to add just text but that poses a problem since bbcode buttons need bbcode tags to output. You could however create a button that outputs a span tag containing the desired text.

For example

(requires v0.9.0 or later with pragma_content support)

---

adminabp that code was never upgraded to V5 because truthfully I viewed it as a waste of time. The lack of feedback (good or bad) convinced me there was really no interest in it anyway.

What would that line of text be in the attributes box?

[Chris]

pragma_content=20 HP Added
The other stuff I added were to style the background color so it stood out but not necessary

Jan 19, 2013 9:08:59 GMT -8 Chris said:

Updates

• [ADDED 0.9.0 (beta)] added support for pragma attributes when creating buttons, currently recognized:
  - pragma_noendtag forces the button to not have an ending tag
  - pragma_content allows specifying default text (think "insert code here" whenever code tag is inserted)
  
  Added a replacement ID field when creating custom buttons so they can also now replace existing buttons

[adminabp]

Nov 22, 2014 8:10:15 GMT -8 Chris said:

adminabp that code was never upgraded to V5 because truthfully I viewed it as a waste of time. The lack of feedback (good or bad) convinced me there was really no interest in it anyway.

Ah. A shame.

I created a custom button for the Twitter embedding that Proboards now natively supports, and members were really pleased with that functionality. We are a comic book discussion forum, and with that there is a lot of interacting with creators and publishers through various forums of social media, and relaying that information accurately usually entails screenshotting.

I recently discovered a product/website called Embedly embed.ly/ that lets websites embed various forums of social media on their websites. I was hoping to be able to devise a way to be able to use that in the posts on my forum.

Of course, if you wanted to make some sort of Embedly plugin to allow for that, I expect that would be very popular...

[Chris]

Tentatively releasing version 0.9.2 (basic) with the following changes:

- added support for restricting custom made buttons to only appear for specific groups or only in specific boards
- added support for protocol agnostic button image urls (SSL friendly)
- added a rudimentary api with an addButton method for use by other plugins and codes (window.eton.wysiwyg.addButton)







Notes

---

The api consists of only one method for now: function addButton(tag,image,opts) where tag and image correspond to the *required* fields on the hire tab while opts is an optional plain object parameter with name/value pairs corresponding to the optional fields on that same hire tab.
The custom buttons will appear only on the quick reply unless the user has enabled the plugin option to extend them to the full reply page as well.
Optional fields such as index (to select a button group) or id (to replace an existing button) are available for determining the positioning of the button. In the case of the replacement id field, if two or more buttons want to take the place of the same existing button then the first one to be processed wins and the others get treated as if no replacement id was given.
Calls to the addButton method should be made prior to buttons being created so should ideally be made after the plugin loads (plugin ordering matters here) but before or on $(document).ready. If called too late in the process or called with one or both required params missing then an uncaught error is thrown describing the reason.

Code should take care and verify the api exists before calling in order to avoid reference errors, example:
window.eton && window.eton.wysiwyg && window.eton.wysiwyg.addButton('h4','http://images.proboards.com/v5/icons/header.png',{id:'strikethrough'});

first tests if window.eton exists then tests if window.eton.wysiwyg exists and if so calls the method. In this case the call wants to create a button that outputs an [h4] tag which will replace the strikethrough button.

[Jaguar]

I'll try version 0.9.2 (basic) out, since I got this plugin on every Forum I own.

[Jaguar]

I got it on all of my 7 Forums. This and Pebbles Guest Online IP Lookup is a staple on every one of my Forums.

[adminabp]

Chris, I've got a problem. I'm not sure when or why it started.

I have the nightly build version 0.8.825 because I like the level of organization and customization. This is what I have for my custom twitter button:

tag: twitter
name: Twitter
attributes: noendtag=1|id=
But when I try to insert, say, 12345678 I get:

[twitter noendtag="1" id="12345678"][/twitter]

I tried the pragma_noendtag=1|id= instead with the same result. I don't think the nightly build even has pragma support.

Any idea what I can do to fix this?

If you need to, you can see what it's doing on my test forum:
abptestforum.boards.net/

[Chris]

Dec 1, 2014 0:10:41 GMT -8 adminabp said:

Chris, I've got a problem. I'm not sure when or why it started.

I have the nightly build version 0.8.825 because I like the level of organization and customization. This is what I have for my custom twitter button:

tag: twitter
name: Twitter
attributes: noendtag=1|id=
But when I try to insert, say, 12345678 I get:

[twitter noendtag="1" id="12345678"][/twitter]

I tried the pragma_noendtag=1|id= instead with the same result. I don't think the nightly build even has pragma support.

Any idea what I can do to fix this?

If you need to, you can see what it's doing on my test forum:
abptestforum.boards.net/

Unfortunately the advanced Control Freak version hasn't been updated in over a year so would not have those pragma_* capabilities but I am pleasantly surprised to hear someone is actually using it since it's been described as "too complicated" to me on several occasions. That used to be the feature test bed for the basic version but soon became another project I had effectively written off as being a waste of time since the perception was nobody liked it or was even using it but for you adminabp I will make a special update this weekend. If you've noticed any bugs or want to see other features added then, by all means, please post them here

[Chris]

Updated to version 0.9.3 with the following changes:
Dec 01, 2014 (v0.9.3):
- updated api to manually add a button rather than issue an error when the WYSIWYG buttons have already been created
- removed capability of an api call to remove a button (can still insert after or before an existing button)
- added ability for an api call to choose a single editor by adding an editor name to the options in the call (e.g. {"editor" : "visual"} would add button only to preview tab)
- minor description changes to increase readability

API notes:

---

A plugin can use the API provided by the bbcode plugin to add a button to the quick reply. If the user has checked the option to extend their button choices to the full reply page then API and plugin created buttons can live there as well.


$(document).ready(function () {
if (window.eton && window.eton.wysiwyg) {
window.eton.wysiwyg.addButton(
'h4',
'http://images.proboards.com/v5/icons/header.png', { /* only tag and image url needed, the optional third argument can contain additional options */
title: 'Heading', //specifying a title allows users to see tooltip when hovering over button
index : 2, //specifying an index chooses into which group of buttons to drop this new button
groups : [1,2,3], //specifying a group array allows limiting this button to be seen only by those listed groups
boards : [20,21,44] //specifying a board array allows limiting this button to be seen only in those listed boards
id : 'strikethrough', //specifying an id allows your button to target a specific button to increase placement precision
attributes : 'width=20', //specifying an attributes field allows adding attributes to your tag and/or query the user for values to fill those attributes
editor : 'bbcode', //specifying an editor allows targeting a specific editor (and ignoring all others)
});
}else{
//plugin not running so do other stuff here
}
})

• Specifying an editor does not allow you to override the user's settings, until they've added the option to affect the full reply page then no changes are made there.
• The simplified editor created for the quick reply has the name of "bbcode" just like on the full posting page
• Use "visual" when wanting your button to appear only on the preview tab, this was the original name and it is still used to refer to that editor internally.
• If you target an existing button then the index should be either 1 (signifying insert after the button) or -1 (insert before). If no button by that ID is found then it will be treated as if no ID was given in the first place and any value in index will be treated as a group identifier in the normal way

[Jaguar]

I'll change over all 7 of my forums. Thanks for the update.