editor_taghtml_button

<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>