editor_taghtml_button.naml

<macro name="editor_taghtml_button">
        <n.put_in_head.>
        <script type="text/javascript">
            Nabble.taghtmlDropdown = function() {
                Nabble.closeWindows();
                $('#codigohtml-dropdown').show();
            };
            
          Nabble.jsmbullet = function(vartxt) {
                var textarea = Nabble.get(textareaID);
                {
                    this.setSelection( textarea, vartxt );
                }
                textarea.focus();
            };
        </script>
    </n.put_in_head.>
 
    <td class="has-dropdown">
        <div id="codigohtml-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:12em;margin-left:-5em">
            <h3><t>HTML Code</t></h3>
            <div style="margin:.5em 0 1em;">
                <button type="button" onclick="Nabble.insert('p')" class="toolbar" style="height:1.65em" title="&lt;[t]p[/t]&gt;">
                &lt;p&gt;
                </button>
                <button type="button" onclick="Nabble.insert('ul')" class="toolbar" style="height:1.65em" title="Lista Bullet">
                &lt;ul&gt;
                </button>
                <button type="button" onclick="Nabble.insert('ol')" class="toolbar" style="height:1.65em" title="Lista Numérica">
                &lt;ol&gt;
                </button>
                <button type="button" onclick="Nabble.insert('li')" class="toolbar" style="height:1.65em" title="Item Lista">
                &lt;li&gt;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;br/&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="&lt;[t]br[/t]&gt;&nbsp;(elimine tag /p anterior)">
                &lt;br&gt;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;hr/&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="&lt;[t]hr[/t]&gt;">
                &lt;hr&gt;
                </button>
            </div>
            <div style="margin:.5em 0 1em;">
                <button type="button" onclick="Nabble.insert('center')" class="toolbar" style="height:1.65em" title="Centralização Simples">
                Center
                </button>
          <button type="button" onclick="Nabble.jsmbullet('&lt;iframe src=&quot;URL&quot; height=&quot;300&quot; width=&quot;400&quot; frameborder=&quot;1&quot; scrolling=&quot;auto&quot;&gt; &lt;/iframe&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="iframe">iFrame
          </button>
            </div>
           <div style="margin:.5em 0 1em;">
<button type="button" onclick="Nabble.jsmbullet('&lt;nabble_embed&gt;&lt;video controls autoplay width=&quot;426&quot; height=&quot;240&quot;&gt;&lt;source src=&quot;URL&quot;&gt;&lt;/video&gt;&lt;/nabble_embed&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="Video">Video
          </button>
<button type="button" onclick="Nabble.jsmbullet('&lt;nabble_embed&gt;&lt;audio controls autoplay&gt;&lt;source src=&quot;URL&quot;&gt;&lt;/audio&gt;&lt;/nabble_embed&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="Audio">Audio
          </button>
          <button type="button" onclick="Nabble.jsmbullet('&lt;img src=&quot;URL&quot; height=&quot;auto&quot; width=&quot;auto&quot; style=&quot;border:0px&quot;&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="IMG">IMG
          </button>
                 <button type="button" onclick="Nabble.jsmbullet('&lt;a href=&quot;URL&quot; target=&quot;_blank&quot; style=&quot;cursor:zoom-in\;text-decoration:none&quot;&gt;&lt;img src=&quot;URL&quot; width=&quot;480&quot; border=&quot;0&quot;&gt;&lt;/a&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="Link Img">Link Image
          </button>
             </div>
          <div style="margin:.5em 0 1em;">  
                <button type="button" onclick="Nabble.jsmbullet('&lt;table border=&quot;1&quot;&nbsp;width=&quot;auto&quot; style=&quot;border-collapse:collapse&quot;&gt;  \r\n &lt;!-- precisa estar no formato HTML &lt;caption&gt;Caption&lt;/caption&gt; --&gt;  \r\n  &lt;th width=&quot;auto&quot; height=&quot;auto&quot;&gt;Título1&lt;/th&gt; \r\n  &lt;th  width=&quot;auto&quot; &gt;Título2&lt;/th&gt;  \r\n  &lt;tr height=&quot;auto&quot;&gt;  \r\n   &lt;td align=&quot;center&quot; valign=&quot;center&quot; colspan=&quot;1&quot; rowspan=&quot;1&quot;&gt;célula1&lt;/td&gt;  \r\n   &lt;td align=&quot;center&quot; valign=&quot;center&quot; colspan=&quot;1&quot; rowspan=&quot;1&quot;&gt;célula1&lt;/td&gt;  \r\n  &lt;/tr&gt;  \r\n&lt;/table&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="Tabela Padrão">
                Tabela
                </button>
               <button type="button" onclick="Nabble.jsmbullet('&lt;div id=&quot;nomedodiv&quot; style=&quot;z-index:2;position:relative;left:0px;top:0px;background-color:orange;color:white;width:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;height:auto;border:blue 1px solid;align:left&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV (position-border)">DIV-1
                </button>
               <button type="button" onclick="Nabble.jsmbullet('&lt;div id=&quot;nomedodiv&quot; style=&quot;z-index:2;position:relative;left:0px;top:0px;background-color:orange;color:white;width:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;height:auto;border-radius: 10px;align:right;font-size:80%;text-align:center&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV (position-border-text center-font size">DIV-2
                </button>
            </div>
            <div style="margin:.5em 0 1em;">
                <button type="button" onclick="Nabble.jsmbullet('&lt;div style=&quot;clear:both;float:right;width:auto;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:80%;text-align:center;border:blue 1px solid; background-color:yellow;color:green&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV Float (border-text center-font size">DIV-3
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;div style=&quot;position:absolute;left:150px;top:150px;width:auto;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:80%;border:blue 1px solid;text-align:center; background-color:yellow;color:green&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV Position (border-text center-font size)">DIV-4
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;div style=&quot;display:inline;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:80%;width:auto;height:auto;border:blue 1px solid; background-color:yellow;color:green&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV InLine  (border-text center-font size)">DIV-5
                </button>
            </div>
            <div style="margin:.5em 0 1em;">
                <button type="button" onclick="Nabble.jsmbullet('&lt;div style=&quot;display:block;width:auto;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;font-size:80%;border:blue 1px solid;background-color:yellow;color:green&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV Block (border-text center-font size)">DIV-6
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;div style=&quot;display:table-cell;text-align:center;vertical-align:middle;width:auto;font-size:80%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; background-color:#ff8800; color: #fff;height:80px;border-radius: 10px&quot;&gt;Texto do Div Texto do Div Texto do Div&lt;/div&gt;');Nabble.closeWindows()" class="toolbar" style="height:1.65em" title="DIV TableCell">DIV-7
                </button>
            </div>
        </div>
        <button type="button" class="toolbar" onclick="Nabble.taghtmlDropdown()">
            <t>Tag HTML</t><img src="/images/more.png" width="10" height="10"/>
        </button>
    </td>
</macro>

Free Forum by Nabble

Help