editor_subheaders_button

NAML documentation   Watch a video
   Usages of this macro
... in editor_subheaders_button.naml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<override_macro name="editor_subheaders_button">
    <n.put_in_head
Binary
Namespace: HtmlNamespace
Parameters: in_head
.>
        <script type="text/javascript">
            Nabble.headersDropdown = function() {
                Nabble.closeWindows();
                $('#headers-dropdown').show();
            };
        </script>
    </n.put_in_head.>
 
    <td class="has-dropdown">
        <div id="headers-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:25em;margin-left:-15em">
            <h2><t>Adding Formatting</t></h2>
            <t>Click these buttons to add formatting to your post and then type your text where the dots are in these examples: <t.example1.bold
Macro
Parameters: text
 text="&lt;h2&gt;...&lt;/h2&gt;"/> or <t.example2.bold
Macro
Parameters: text
 text="&lt;h3&gt;...&lt;/h3&gt;"/> </t>
            <div style="margin:.5em 0 1em;">
                <t>Insert</t>
                <button type="button" class="toolbar" onclick="Nabble.insert('ol')"><t>Ordered List</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('li')"><t>List Item</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('p')"><t>Line Feed</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h5')"><t>Indent</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h6')"><t>Bullet</t></button>
            </div>
        </div>
        <button type="button" class="toolbar" onclick="Nabble.headersDropdown()">
            <t>Formatting</t><img src="/images/more.png" width="10" height="10"/>
        </button>
    </td>
</override_macro>
Overrides default macro
... in text_editor.naml
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<macro name="editor_subheaders_button">
    <n.put_in_head.>
        <script type="text/javascript">
            Nabble.headersDropdown = function() {
                Nabble.closeWindows();
                $('#headers-dropdown').show();
            };
        </script>
    </n.put_in_head.>
 
    <td class="has-dropdown">
        <div id="headers-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:25em;margin-left:-15em">
            <h2><t>Adding Sub-Headers</t></h2>
            <t>Use tags like <t.example1.bold text="&lt;h2&gt;...&lt;/h2&gt;"/> or <t.example2.bold text="&lt;h3&gt;...&lt;/h3&gt;"/> to create sub-headers.</t>
            <div style="margin:.5em 0 1em;">
                <t>Insert</t>
                <button type="button" class="toolbar" onclick="Nabble.insert('h2')"><t>H2</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h3')"><t>H3</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h4')"><t>H4</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h5')"><t>H5</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h6')"><t>H6</t></button>
            </div>
        </div>
        <button type="button" class="toolbar" onclick="Nabble.headersDropdown()">
            <t>H2</t><img src="/images/more.png" width="10" height="10"/>
        </button>
    </td>
</macro>