$!webResourceManager.requireResource("jira.webresources:dwr", null)   
$!webResourceManager.requireResource("jira.webresources:ajax-preview", null)

<div style="float:right; width: 8%; font-size: 10px; ">
      <span id="${fieldId}-preview_link_div">
        <a id= "${fieldId}-preview_link" href="#" onClick="toggleRenderPreview('$!fieldId', '$!fieldName', '$!rendererType', '$!issueKey'); return false;"><img id='fullscreen' class='unselectedPreview' title='$i18n.getText("renderer.preview")' alt='Preview' width=18 height=18 border=0 src='$req.contextPath/images/icons/fullscreen.gif'></a>
      </span>
      <a id="viewHelp"
        onClick="window.open('$req.contextPath/secure/WikiRendererHelpAction.jspa?section=texteffects', 'wiki_renderer_notation_help', 'width=780, height=575, resizable, scrollbars=yes'); return false;"
        href="$req.contextPath/secure/WikiRendererHelpAction.jspa?section=texteffects" title='$i18n.getText("renderer.notation-help")'><img
        src='$req.contextPath/images/icons/help_blue.gif' class='unselectedPreview' width='16' height='16' alt='$i18n.getText("renderer.notation-help")'
        title='$i18n.getText("renderer.notation-help")'></a>
      <input type='hidden' id='${fieldId}-temp'>
</div>

<div style="width: 90%;">

<div id="${fieldId}-edit">
#if($singleLine)
    <input type="text"
           name="$fieldId"
           value="$textutils.htmlEncode($!value)"
           id="$fieldId"
           class="wiki-textfield"
           #if($maxlength)maxlength="$maxlength"#end
           />
#else
    <textarea name="$fieldId"
              id="$fieldId"
              #if($rows)rows="$rows"#end
              #if($wrap)wrap="$wrap"#end
              #if($cols)cols="$cols"#end
              #if($accesskey)accesskey="$accesskey"#end
              class="wiki-textfield"
    >$textutils.htmlEncode($!value)</textarea>
#end
</div>
</div>