Is there a way to create custom bbcode tags? Thanks!

Comments

naudefj’s picture

Assigned: Unassigned » naudefj
Priority: Normal » Minor

Unfortunately not (see the TODO section of the README file).

What tags do you want to add?

pnikosis’s picture

For example, a youtube tag, like [youtube]Y70aJn7fb9Q[/youtube] or using it with the Hovertips module for [Hover="hover this"]some text[/hover] :)

Great module by the way, I love it :)

naudefj’s picture

If you send me the HTML for these tags I will send you the code.

pnikosis’s picture

Thanks a lot, for example for youtube:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/Y70aJn7fb9Q"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Y70aJn7fb9Q" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Where Y70aJn7fb9Q is the movie ID

For Google Video:

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=-3636478429299171266&hl=en"></embed>

Where 3636478429299171266 is the movie ID

(I prefer using this than the video module, because this way I can let users in the forums post videos with bbcode)

Or in the case for the hovertips and clicktips plugin (http://drupal.org/project/hovertip):

<div>This is something you can click on to make a tooltip appear</div>
<div class="clicktip">This is the HTML that will appear when clicked.</div>

or

<div>Hover hear to make a tooltip appear beneath mouse</div>
<div class="hovertip">This is the HTML that will appear on mouseover.</div>

Thanks a lot!

Xabi’s picture

Could this be done not based on video IDs, but un video URLs? Video IDs are a bad approach from the user side. It's better to paste the full URL into the bbcode and then transform it to a valid embed code.

naudefj’s picture

To add a youtube tag, add this code to your bbcode-filter.inc file:

    '#\[youtube]([\w:;&,~%+!=@\/\.\-\#\?]+)\[/youtube(?::\w+)?\]#si'  =>
    '<object width="425" height="350"><param name="movie"
    value="http://www.youtube.com/v/\\1"></param><param name="wmode"
    value="transparent"></param><embed
    src="http://www.youtube.com/v/\\1"
    type="application/x-shockwave-flash" wmode="transparent" width="425"
    height="350"></embed></object>',

The tooltip and clicktips would be more difficult to add as it required JavaScript coding as well.

pnikosis’s picture

Great, thanks!
I'll use this as an example to add more tags if I need to :)

naudefj’s picture

Status: Active » Fixed

Great - that is the spirit!

When done, please post your expressions here. Other people would also be able to benefit from them.

Anonymous’s picture

Status: Fixed » Closed (fixed)
hanief84’s picture

Cool! youTube filter there! Thumbs UP!