|
|
|
|
@ -1,6 +1,8 @@ |
|
|
|
|
# In place editing |
|
|
|
|
|
|
|
|
|
# In place editing: Multiple lines of text |
|
|
|
|
## In place editing: Multiple lines of text |
|
|
|
|
|
|
|
|
|
### Read mode |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
<div class="attributes-group"> |
|
|
|
|
@ -48,8 +50,148 @@ |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
### Edit mode |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
<div class="attributes-group ng-scope"> |
|
|
|
|
<div class="attributes-group--header"> |
|
|
|
|
<div class="attributes-group--header-container"> |
|
|
|
|
<h3 class="attributes-group--header-text ng-binding"> |
|
|
|
|
Description |
|
|
|
|
</h3> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="single-attribute wiki"> |
|
|
|
|
<span> |
|
|
|
|
<div class="inplace-editor type-wiki_textarea attribute-description editable"> |
|
|
|
|
<div class="ined-edit ng-scope" ng-if="isEditing"> |
|
|
|
|
<form name="editForm"> |
|
|
|
|
<div class="ined-input-wrapper"> |
|
|
|
|
<div class="ined-input-wrapper-inner ng-scope" ng-include="" src="getTemplateUrl()"> |
|
|
|
|
<div class="jstElements"> |
|
|
|
|
<button type="button" class="jstb_strong" title="Strong"> |
|
|
|
|
<span>Strong</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_em" title="Italic"> |
|
|
|
|
<span>Italic</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_ins" title="Underline"> |
|
|
|
|
<span>Underline</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_del" title="Deleted"> |
|
|
|
|
<span>Deleted</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_code" title="Inline Code"> |
|
|
|
|
<span>Inline Code</span> |
|
|
|
|
</button> |
|
|
|
|
<span id="space1" class="jstSpacer"> </span> |
|
|
|
|
<button type="button" class="jstb_h1" title="Heading 1"> |
|
|
|
|
<span>Heading 1</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_h2" title="Heading 2"> |
|
|
|
|
<span>Heading 2</span></button> |
|
|
|
|
<button type="button" class="jstb_h3" title="Heading 3"> |
|
|
|
|
<span>Heading 3</span> |
|
|
|
|
</button> |
|
|
|
|
<span id="space2" class="jstSpacer"> </span> |
|
|
|
|
<button type="button" class="jstb_ul" title="Unordered List"> |
|
|
|
|
<span>Unordered List</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_ol" title="Ordered List"> |
|
|
|
|
<span>Ordered List</span> |
|
|
|
|
</button> |
|
|
|
|
<span id="space3" class="jstSpacer"> </span> |
|
|
|
|
<button type="button" class="jstb_bq" title="Quote"> |
|
|
|
|
<span>Quote</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_unbq" title="Unquote"> |
|
|
|
|
<span>Unquote</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_pre" title="Preformatted Text"> |
|
|
|
|
<span>Preformatted Text</span> |
|
|
|
|
</button> |
|
|
|
|
<span id="space4" class="jstSpacer"> </span> |
|
|
|
|
<button type="button" class="jstb_link" title="Link to a Wiki page"> |
|
|
|
|
<span>Link to a Wiki page</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" class="jstb_img" title="Image"> |
|
|
|
|
<span>Image</span> |
|
|
|
|
</button> |
|
|
|
|
<div class="help"> |
|
|
|
|
<a href="/help/wiki_syntax" title="Text formatting" class="icon icon-help"> |
|
|
|
|
Text formatting |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<button class="btn-preview" type="button"> |
|
|
|
|
Preview |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="jstEditor"> |
|
|
|
|
<textarea wiki-toolbar="" class="focus-input" name="value" title="Description: Edit" tabindex="0" rows="2"> |
|
|
|
|
</textarea> |
|
|
|
|
</div> |
|
|
|
|
<div class="jstHandle"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="ined-dashboard"> |
|
|
|
|
<div class="ined-errors" |
|
|
|
|
role="alert" |
|
|
|
|
ng-bind="error" |
|
|
|
|
aria-live="polite" |
|
|
|
|
aria-hidden="true"> |
|
|
|
|
</div> |
|
|
|
|
<div class="ined-controls"> |
|
|
|
|
<accessible-by-keyboard class="ined-edit-save"> |
|
|
|
|
<a href="" tabindex="0"> |
|
|
|
|
<span> |
|
|
|
|
<span class="icon-context icon-button icon-yes " |
|
|
|
|
title="Description: Save" |
|
|
|
|
icon-name="yes" |
|
|
|
|
icon-title="Description: Save"> |
|
|
|
|
<span class="hidden-for-sighted ng-binding"> |
|
|
|
|
Description: Save |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</a> |
|
|
|
|
</accessible-by-keyboard> |
|
|
|
|
<accessible-by-keyboard class="ined-edit-save-send"> |
|
|
|
|
<a href="" tabindex="0"> |
|
|
|
|
<span> |
|
|
|
|
<span title="Description: Save and send email"> |
|
|
|
|
<i class="icon-yes"></i> |
|
|
|
|
<i class="icon-mail"></i> |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</a> |
|
|
|
|
</accessible-by-keyboard> |
|
|
|
|
<accessible-by-keyboard class="ined-edit-close"> |
|
|
|
|
<a href="" tabindex="0"> |
|
|
|
|
<span ng-transclude=""> |
|
|
|
|
<span class="icon-context icon-button icon-close " |
|
|
|
|
title="Description: Cancel" |
|
|
|
|
icon-name="close" icon-title="Description: Cancel"> |
|
|
|
|
<span class="hidden-for-sighted ng-binding"> |
|
|
|
|
Description: Cancel |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
|
</a> |
|
|
|
|
</accessible-by-keyboard> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
# In place editing: Single line of text |
|
|
|
|
## In place editing: Single line of text |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
<div class="attributes-group"> |
|
|
|
|
|
Jens Ulferts
10 years ago