View source for MediaWiki:Lead/HtmlEditorTemplate

<!-- The template uses the following conventions:
     1. input fields carry and id, which is identical with the parameter name in the template 
	 (e.g. input id="remarks" maps to "{{Templatename | remarks = ...")
	   Unnamed parameters (accessed in wiki syntax like {{{1}}} etc.), are identified by id="unnamed_1", etc.
	 2. Certain fields and functionality is expressed through class names:
	 * jedtHandleLegendInputs = use the specific legend inputs function
	 * jedtCoupletID = marks the field containing the couplet ID (e.g. "2")
	 * jedtCoupletAltID = marks the field containing the id of an identifier. Example: "b" in "2 b".
	 * jedtCoupletBacklink = marks the field containing a link back to the parent couplet pointing to the current one (Example: "7" in "9 (7)").
	 * jedtParseLeadID = May occur in addition to jedtCoupletID, marking a combined field like "9 a (7)" or "2**" 
	    from which the couplet ID may be obained by parsing.
	 * jedtDescription = marks the field containing teh description
	 * jedtNextCouplet = marks the field containing a result in the form of the next couplet ID
	 * jedtResult = marks the field containing the result
	 * jedtResultLink = marks the field containing the result link
	 -->
<fieldset class="jedtFieldset jedtHandleLegendInputs"> 
	<legend style="0 1em 0.2em;">
		<span style="font-weight:bold; padding:2px;">Lead</span>&nbsp;Show:&nbsp; &nbsp;
		<label for="moreAll">All areas</label><input id="moreAll" name="moreAll" type="checkbox">&nbsp; &nbsp;
		<label for="moreSubheading">Subheading</label><input id="moreSubheading" name="moreSubheading" type="checkbox">&nbsp; &nbsp;
		<label for="moreResultExtras">Result extras</label><input id="moreResultExtras" name="moreResultExtras" type="checkbox">&nbsp; &nbsp;
		<label for="moreText">Extra More text</label><input id="moreText" name="moreText" type="checkbox">&nbsp; &nbsp;
		<label for="moreImages">Images</label><input id="moreImages" name="moreImages" type="checkbox">
	</legend>
	<table class="dt-body" cellspacing="0" cellpadding="0" style="margin:0;">
	<tr class="dt-row">
	<td class="dt-nodeid" style="text-align:left;vertical-align:top;padding:5px;width:2%">
		<input type="text" id="unnamed_1" size="6" class="jedtCoupletID jedtParseLeadID"/><br/>
		<input type="text" id="unnamed_1b" size="6" class="jedtCoupletAltID"/><br/>
		<input type="text" id="unnamed_1c" size="6" class="jedtCoupletBacklink"/>
	</td>
            <td class="lead-row1" colspan="2" style="width:98%">
                <table class="nested collapsible collapsed" cellspacing="0" cellpadding="5">
                    <tr>
                        <th style="text-align:left;font-weight:normal;vertical-align:top;width:70%;">
                            <span class="leadspan"><textarea id="unnamed_2" rows="3" style="width:100%;" class="jedtDescription" /></textarea></span>
                        </th>
                        <th style="text-align:left;font-weight:normal;vertical-align:top;width:30%;">
                            <table class="nested">
                                <tr>
                                    <td>Next&nbsp;lead:&nbsp;</td>
                                    <td><span class="leadon"><input type="text" id="unnamed_3" size="6" class="jedtNextCouplet" /></span></td>
                                </tr>
                                <tr>
                                    <td title="Result will lead to another wiki page, this may be a taxon page or subkey">Result:&nbsp;</td>
                                    <td><span class="leadout"><input type="text" id="result" size="30" class="jedtResult" /></span></td>
                                </tr>
                                <tr>
                                    <td>Common&nbsp;names:&nbsp;</td>
                                    <td><span class="commonnames"><input type="text" id="commonnames" size="30" /></span></td>
                                </tr>
                                <tr class="moreResultExtras" style="display:none;">
                                    <td>Result&nbsp;qualifier:&nbsp;</td>
                                    <td><span class="leadout"><input type="text" id="resultqualifier" size="30" /></span></td>
                                </tr>
                                <tr class="moreResultExtras" style="display:none;">
                                    <td>Result&nbsp;link:&nbsp;</td>
                                    <td><span class="leadout"><input type="text" id="resultlink" size="30" class="jedtResultLink" /></span></td>
                                </tr>
                            </table>
                        </th>
                    </tr>
                    <tr class="dt-row moreSubheading" style="display:none;">		                
                        <td colspan="2">Subheading: <input type="text" id="subheading" size="50%" /> Subheading-style: <input type="text" id="subheadingstyle" size="50%" /></td>
                    </tr>
                    <tr>
                        <td class="leadextras" style="display:none;" colspan="2">
                            <div class="leadextras">
                                <table class="nested moreText" style="display:none;">
                                    <tr>
                                        <td>Synonyms:&nbsp;</td>
                                        <td><input type="text" id="synonyms" size="100%" /></td>
                                    </tr>
                                    <tr>
                                        <td>Description:&nbsp;</td>
                                        <td><input type="text" id="description" size="100%" /></td>
                                    </tr>
                                    <tr>
                                        <td>Occurrence:&nbsp;</td>
                                        <td><input type="text" id="occurrence" size="100%" /></td>
                                    </tr>
                                    <tr>
                                        <td>Remarks:&nbsp;</td>
                                        <td><input type="text" id="remarks" size="100%" /></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2"><div id="unknownFields" style="display:none;"><span style="font-weight:bold; color:red;">Fields unkown to the editor have been found.</span> They will be preserved and you can edit them. However, while in some cases this may be due to either a mismatch between editor and template development (or the decision to not clutter the editor with "legacy" fields like "primary/extra images resize"), in general this is due to misspelled or erroneously used fields, which should be corrected.</div></td>
                                    </tr>
                                </table>
                                <table class="nested moreImages" style="display:none;" cellspacing="0" cellpadding="5">
                                    <tr style="vertical-align:bottom">
                                        <td colspan="3" rowspan="2"><b>1. Images always shown in sidebar</b><br/>(caption only on hover)</td>
                                        <td><b>Width for all</b></td>
                                        <td><b>Height for all</b></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="primary_images_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="primary_images_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><b>Image (wiki page name)</b></td>
                                        <td><b>Label</b></td>
                                        <td><b>Caption</b></td>
                                        <td><b>Width</b></td>
                                        <td><b>Height</b></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_a" size="50" /></td>
                                        <td><input type="text" id="label_a" /></td>
                                        <td><input type="text" id="caption_a" /></td>
                                        <td><input type="text" id="image_a_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_a_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_b" size="50" /></td>
                                        <td><input type="text" id="label_b" /></td>
                                        <td><input type="text" id="caption_b" /></td>
                                        <td><input type="text" id="image_b_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_b_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_c" size="50" /></td>
                                        <td><input type="text" id="label_c" /></td>
                                        <td><input type="text" id="caption_c" /></td>
                                        <td><input type="text" id="image_c_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_c_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_d" size="50" /></td>
                                        <td><input type="text" id="label_d" /></td>
                                        <td><input type="text" id="caption_d" /></td>
                                        <td><input type="text" id="image_d_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_d_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_e" size="50" /></td>
                                        <td><input type="text" id="label_e" /></td>
                                        <td><input type="text" id="caption_e" /></td>
                                        <td><input type="text" id="image_e_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_e_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr style="vertical-align:bottom">
                                        <td colspan="3"><br/><b>2. Images shown below extra text information</b></td>
                                        <td><b>Width for all</b></td>
                                        <td><b>Height for all</b></td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"></td>
                                        <td><input type="text" id="extra_images_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="extra_images_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><b>Image (wiki page name)</b></td>
                                        <td><b>Label</b></td>
                                        <td><b>Caption</b></td>
                                        <td><b>Width</b></td>
                                        <td><b>Height</b></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_m" size="50" /></td>
                                        <td><input type="text" id="label_m" /></td>
                                        <td><input type="text" id="caption_m" /></td>
                                        <td><input type="text" id="image_m_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_m_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_n" size="50" /></td>
                                        <td><input type="text" id="label_n" /></td>
                                        <td><input type="text" id="caption_n" /></td>
                                        <td><input type="text" id="image_n_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_n height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_o" size="50" /></td>
                                        <td><input type="text" id="label_o" /></td>
                                        <td><input type="text" id="caption_o" /></td>
                                        <td><input type="text" id="image_o_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_o_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_p" size="50" /></td>
                                        <td><input type="text" id="label_p" /></td>
                                        <td><input type="text" id="caption_p" /></td>
                                        <td><input type="text" id="image_p_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_p_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_q" size="50" /></td>
                                        <td><input type="text" id="label_q" /></td>
                                        <td><input type="text" id="caption_q" /></td>
                                        <td><input type="text" id="image_q_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_q_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td><input type="text" id="image_r" size="50" /></td>
                                        <td><input type="text" id="label_r" /></td>
                                        <td><input type="text" id="caption_r" /></td>
                                        <td><input type="text" id="image_r_width" size="4" maxlength="4" /></td>
                                        <td><input type="text" id="image_r_height" size="4" maxlength="4" /></td>
                                    </tr>
                                    <tr>
                                        <td colspan="10" style="text-align:right; font-size:80%; line-height:1em;">
                                            Caption lines: <input type="text" id="captionlines" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="10" style="text-align:right; font-size:80%; line-height:1em;">
                                            Images footer: <input type="text" id="imagesfooter" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="actionCell"></td>
        </tr>
    </table>
</fieldset>