Ignore:
Timestamp:
Apr 1, 2011, 10:54:39 PM (13 years ago)
Author:
mistic100
Message:

[extentions] BBCode Bar

  • uses markItUp!
File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/bbcode_bar/template/bbcode_bar.tpl

    r9787 r9965  
    1 {combine_script id="bbcodebar" path=$BBCODE_PATH|@cat:"template/bbcode.js"}
    2 {combine_css path=$BBCODE_PATH|@cat:"template/bbcode_bar.css"}
     1{combine_script id="markitup" require='jquery' path=$BBCODE_PATH|@cat:"template/markitup/jquery.markitup.js"}
     2{combine_css path=$BBCODE_PATH|@cat:"template/markitup/style.markitup.css"}
    33
    4 <div id="outils" width="500pt">
    5         <table class="outils"> 
    6                 <tr>                   
    7                         {if isset($BBCode_bar_button_00)}
    8                         <td><img class="bbcbutton" title="{'p_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'p_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="p" src="{$repicon}/p.png" border="0"></td>
    9                         {/if}
    10                         {if isset($BBCode_bar_button_01)}
    11                         <td><img class="bbcbutton" title="{'b_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'b_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="b" src="{$repicon}/b.png" border="0"></td>
    12                         {/if}
    13                         {if isset($BBCode_bar_button_02)}
    14                         <td><img class="bbcbutton" title="{'i_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'i_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="i" src="{$repicon}/i.png" border="0"></td>
    15                         {/if}
    16                         {if isset($BBCode_bar_button_03)}
    17                         <td><img class="bbcbutton" title="{'u_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'u_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="u" src="{$repicon}/u.png" border="0"></td>
    18                         {/if}
    19                         {if isset($BBCode_bar_button_04)}
    20                         <td><img class="bbcbutton" title="{'s_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'s_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="s" src="{$repicon}/s.png" border="0"></td>
    21                         {/if}
    22                        
    23                         {if isset($BBCode_bar_button_05) OR isset($BBCode_bar_button_06) OR isset($BBCode_bar_button_07) OR isset($BBCode_bar_button_08)}
    24                         <td> &nbsp; &nbsp; </td>
    25                         {/if}
    26                        
    27                         {if isset($BBCode_bar_button_05)}
    28                         <td><img class="bbcbutton" title="{'center_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'center_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="center" src="{$repicon}/center.png" border="0"></td>
    29                         {/if}
    30                         {if isset($BBCode_bar_button_06)}
    31                         <td><img class="bbcbutton" title="{'right_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'right_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="right" src="{$repicon}/right.png" border="0"></td>
    32                         {/if}
    33                         {if isset($BBCode_bar_button_07)}
    34                         <td><img class="bbcbutton" title="{'ul_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'ul_help'|@translate}')" onclick="BBClist('{$form_name}','content',this)" name="ul" src="{$repicon}/ul.png" border="0"></td>
    35                         {/if}
    36                         {if isset($BBCode_bar_button_08)}
    37                         <td><img class="bbcbutton" title="{'ol_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'ol_help'|@translate}')" onclick="BBClist('{$form_name}','content',this)" name="ol" src="{$repicon}/ol.png" border="0"></td>
    38                         {/if}
    39                        
    40                         {if isset($BBCode_bar_SmiliesSupport)}
    41                         <td> &nbsp; &nbsp; </td>
    42                         <td>{$BBCode_bar_SmiliesSupport.SMILIESSUPPORT_PAGE}</td>
    43                         {/if}
    44                        
    45                         {if isset($BBCode_bar_button_09) OR isset($BBCode_bar_button_10) OR isset($BBCode_bar_button_11) OR isset($BBCode_bar_button_12)}
    46                         <td> &nbsp; &nbsp; </td>
    47                         {/if}
    48                        
    49                         {if isset($BBCode_bar_button_09)}       
    50                         <td><img class="bbcbutton" title="{'quote_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'quote_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="quote" src="{$repicon}/quote.png" border="0"></td>
    51                         {/if}
    52                         {if isset($BBCode_bar_button_10)}
    53                         <td><img class="bbcbutton" title="{'img_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'img_help'|@translate}')" onclick="BBCcode('{$form_name}','content',this)" name="img" src="{$repicon}/image.png" border="0"></td>
    54                         {/if}
    55                         {if isset($BBCode_bar_button_11)}
    56                         <td><img class="bbcbutton" title="{'url_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'url_help'|@translate}')" onclick="BBCurl('{$form_name}','content')" name="url" src="{$repicon}/link.png" border="0"></td>
    57                         {/if}
    58                         {if isset($BBCode_bar_button_12)}
    59                         <td><img class="bbcbutton" title="{'mail_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'mail_help'|@translate}')" onclick="BBCwmi('{$form_name}','content','email')" name="email" src="{$repicon}/mail.png" border="0"></td>
    60                         {/if}
    61                        
    62                         {if isset($BBCode_bar_button_13) OR isset($BBCode_bar_button_14)}
    63                         <td> &nbsp; &nbsp; </td>
    64                         {/if}
    65                        
    66                         {if isset($BBCode_bar_button_13)}
    67                         <td><select title="{'size_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'size_help'|@translate}')" onchange="BBCfs('{$form_name}','content',this)" title="{'size_help'|@translate}">
    68                                     <option class="genmed" value="7">{'tiny'|@translate}</option>
    69                                         <option class="genmed" value="9">{'small'|@translate}</option>
    70                                         <option class="genmed" value="12" selected="selected" >{'normal'|@translate}</option>
    71                                         <option class="genmed" value="18">{'large'|@translate}</option>
    72                                         <option class="genmed" value="24">{'huge'|@translate}</option>
    73                                 </select>
    74                         </td>
    75                         {/if}
    76                         {if isset($BBCode_bar_button_14)}
    77                         <td><select title="{'fc_help'|@translate}" onmouseout="helpline('{$form_name}','helpbox', '{'help'|@translate}')" onmouseover="helpline('{$form_name}','helpbox', '{'fc_help'|@translate}')" onchange="BBCfc('{$form_name}','content',this)" title="{'fc_help'|@translate}">
    78                                     <option class="genmed" value="" style="color: black;" selected="selected" >{'default_help'|@translate}</option>
    79                                         <option class="genmed" value="maroon" style="color: maroon;">{'maroon_help'|@translate}</option>
    80                                         <option class="genmed" value="red" style="color: red;">{'red_help'|@translate}</option>
    81                                         <option class="genmed" value="orange" style="color: orange;">{'orange_help'|@translate}</option>
    82                                         <option class="genmed" value="brown" style="color: brown;">{'brown_help'|@translate}</option>
    83                                         <option class="genmed" value="yellow" style="color: yellow; background-color:inherit;">{'yellow_help'|@translate}</option>
    84                                         <option class="genmed" value="green" style="color: green;">{'green_help'|@translate}</option>
    85                                         <option class="genmed" value="olive" style="color: olive;">{'olive_help'|@translate}</option>
    86                                         <option class="genmed" value="cyan" style="color: cyan;">{'cyan_help'|@translate}</option>
    87                                         <option class="genmed" value="blue" style="color: blue;">{'blue_help'|@translate}</option>
    88                                         <option class="genmed" value="darkblue" style="color: darkblue;">{'darkblue_help'|@translate}</option>
    89                                         <option class="genmed" value="indigo" style="color: indigo;">{'indigo_help'|@translate}</option>
    90                                         <option class="genmed" value="violet" style="color: violet;">{'violet_help'|@translate}</option>
    91                                         <option class="genmed" value="white" style="color: white; background-color:inherit;">{'white_help'|@translate}</option>
    92                                         <option class="genmed" value="black" style="color: black;">{'black_help'|@translate}</option>
    93                                 </select>
    94                         </td>                   
    95                         {/if}
    96                 </tr>
    97         </table>
    98         {if isset($BBCode_bar_button_15)}
    99         <input class="helpline" type="text" value="{'help'|@translate}" maxlength="150" size="80" name="helpbox"/>
    100         {/if}
    101 </div>
     4{footer_script require='jquery'}
     5BBCodeBar = {ldelim}
     6        markupSet: [
     7                {if isset($BBC_b)}{ldelim}name:'{'b_help'|@translate}', key:'B', openWith:'[b]', closeWith:'[/b]', className:'markItUpBold'},{/if}
     8                {if isset($BBC_i)}{ldelim}name:'{'i_help'|@translate}', key:'I', openWith:'[i]', closeWith:'[/i]', className:'markItUpItalic'},{/if}
     9                {if isset($BBC_u)}{ldelim}name:'{'u_help'|@translate}', key:'U', openWith:'[u]', closeWith:'[/u]', className:'markItUpUnderline'},{/if}
     10                {if isset($BBC_s)}{ldelim}name:'{'s_help'|@translate}', key:'S', openWith:'[s]', closeWith:'[/s]', className:'markItUpStroke'},{/if}
     11               
     12                {if isset($BBC_p) OR isset($BBC_center) OR isset($BBC_right) OR isset($BBC_quote)}{ldelim}separator:'|'},{/if}
     13               
     14                {if isset($BBC_p)}{ldelim}name:'{'p_help'|@translate}', openWith:'[p]', closeWith:'[/p]', className:'markItUpParagraph'},{/if}
     15                {if isset($BBC_center)}{ldelim}name:'{'center_help'|@translate}', openWith:'[center]', closeWith:'[/center]', className:'markItUpCenter'},{/if}
     16                {if isset($BBC_right)}{ldelim}name:'{'right_help'|@translate}', openWith:'[right]', closeWith:'[/right]', className:'markItUpRight'},{/if}
     17                {if isset($BBC_quote)}{ldelim}name:'{'quote_help'|@translate}', openWith:'[quote]', closeWith:'[/quote]', className:'markItUpQuote'},{/if}
     18               
     19                {if isset($BBC_ul) OR isset($BBC_ol) OR isset($BBC_li)}{ldelim}separator:'|'},{/if}
     20               
     21                {if isset($BBC_ul)}{ldelim}name:'{'ul_help'|@translate}', openWith:'[ul]\n', closeWith:'\n[/ul]', className:'markItUpListUL'},{/if}
     22                {if isset($BBC_ol)}{ldelim}name:'{'ol_help'|@translate}', openWith:'[ol]\n', closeWith:'\n[/ol]', className:'markItUpListOL'},{/if}
     23                {if isset($BBC_ul) OR isset($BBC_ol)}{ldelim}name:'{'li_help'|@translate}', openWith:'[li]', closeWith:'[/li]', className:'markItUpListLI'},{/if}
     24               
     25                {if isset($BBC_img) OR isset($BBC_url) OR isset($BBC_mail)}{ldelim}separator:'|' },{/if}
     26               
     27                {if isset($BBC_img)}{ldelim}name:'{'img_help'|@translate}', key:'P', replaceWith:'[img][![Url]!][/img]', className:'markItUpPicture'},{/if}
     28                {if isset($BBC_url)}{ldelim}name:'{'url_help'|@translate}', key:'L', openWith:'[url=[![Url]!]]', closeWith:'[/url]', className:'markItUpLink'},{/if}
     29                {if isset($BBC_email)}{ldelim}name:'{'mail_help'|@translate}', key:'M', replaceWith:'[email][![Mail]!][/email]', className:'markItUpMail'},{/if}
     30               
     31                {if isset($BBC_size) OR isset($BBC_color) OR isset($BBC_smilies)}{ldelim}separator:'|'},{/if}
     32               
     33                {if isset($BBC_size)}
     34                {ldelim}name:'{'size_help'|@translate}', className:'markItUpSize',
     35                        dropMenu :[
     36                                {ldelim}name:'{'tiny'|@translate}', openWith:'[size=7]', closeWith:'[/size]' },
     37                                {ldelim}name:'{'small'|@translate}', openWith:'[size=9]', closeWith:'[/size]' },
     38                                {ldelim}name:'{'normal'|@translate}', openWith:'[size=12]', closeWith:'[/size]' },
     39                                {ldelim}name:'{'large'|@translate}', openWith:'[size=18]', closeWith:'[/size]' },
     40                                {ldelim}name:'{'huge'|@translate}', openWith:'[size=24]', closeWith:'[/size]' },
     41                        ]
     42                },
     43                {/if}
     44                {if isset($BBC_color)}
     45                {ldelim}name:'{'color_help'|@translate}', className:'markItUpColors', openWith:'[color=[![Color]!]]', closeWith:'[/color]',
     46                        dropMenu: [
     47                                {ldelim}name:'{'yellow_help'|@translate}',      openWith:'[color=yellow]',      closeWith:'[/color]', className:"col1-1" },
     48                                {ldelim}name:'{'orange_help'|@translate}',      openWith:'[color=orange]',      closeWith:'[/color]', className:"col1-2" },
     49                                {ldelim}name:'{'red_help'|@translate}',         openWith:'[color=red]',         closeWith:'[/color]', className:"col1-3" },
     50                               
     51                                {ldelim}name:'{'blue_help'|@translate}',        openWith:'[color=blue]',        closeWith:'[/color]', className:"col2-1" },
     52                                {ldelim}name:'{'purple_help'|@translate}',      openWith:'[color=purple]',      closeWith:'[/color]', className:"col2-2" },
     53                                {ldelim}name:'{'green_help'|@translate}',       openWith:'[color=green]',       closeWith:'[/color]', className:"col2-3" },
     54                               
     55                                {ldelim}name:'{'white_help'|@translate}',       openWith:'[color=white]',       closeWith:'[/color]', className:"col3-1" },
     56                                {ldelim}name:'{'grey_help'|@translate}',        openWith:'[color=gray]',        closeWith:'[/color]', className:"col3-2" },
     57                                {ldelim}name:'{'black_help'|@translate}',       openWith:'[color=black]',       closeWith:'[/color]', className:"col3-3" }
     58                        ]
     59                },
     60                {/if}
     61        ]
     62};
     63
     64jQuery(document).ready(function() {ldelim}
     65        jQuery('#{$form_name} textarea').markItUp(BBCodeBar);
     66});
     67{/footer_script}
     68
     69{$BBC_smilies}
Note: See TracChangeset for help on using the changeset viewer.