Wiki source code of Page Editing

Version 109.2 by Manuel Smeria on 2013/09/03

Hide last authors
Sorin Burjan 70.3 1 {{box cssClass="floatinginfobox" title="**Contents**"}}
2 {{toc/}}
3 {{/box}}
Guillaume Lerouge 33.1 4
Sorin Burjan 45.2 5 In XWiki all pages are editable (provided you are logged in and/or have the edit rights). To edit a page, all you have to do is to click the "Edit" button which is usually located at the top left of the page you're viewing (please note however that the location of the "Edit" button varies depending on the skin your wiki is using).
Vincent Massol 15.1 6
Manuel Smeria 108.2 7 If you're using the [[Colibri skin>>extensions:Extension.Colibri Skin]] with the new Action Menus introduced in [[XWiki 2.5 Milestone 1>>xwiki:ReleaseNotes.ReleaseNotesXWikiEnterprise25M1]] you should see the following:
Silvia Macovei 40.1 8
Silvia Macovei 106.2 9 {{image reference="EditSimpleModeColibri.png"/}}
Silvia Macovei 40.1 10
Sorin Burjan 45.1 11 = Simple and Advanced editing modes =
Guillaume Lerouge 1.73 12
Sorin Burjan 45.2 13 Since XWiki is an [[application wiki>>Main.SecondGenerationWiki]], not all users will need to use the same features. This is why XWiki comes with a Simple and an Advanced editing mode. Users can easily choose which editing mode they prefer on their profile (available at the top right of the page when you are logged in). This way, standard users do not have to choose between editing modes they may not be familiar with. By default new users are given the Simple editing mode but they can switch to the Advanced mode as described below.
Guillaume Lerouge 1.73 14
Silvia Macovei 43.3 15 == Simple Mode ==
Guillaume Lerouge 1.73 16
Sorin Burjan 45.1 17 After clicking on the "Edit" button in Simple mode, XWiki will automatically edit the page in the Basic mode (WYSIWYG or Wiki) for standard pages and in Form mode for pages which include Forms (i.e. pages using the ###includeForm()## macro). The two editing modes available in Simple mode are:
Guillaume Lerouge 1.73 18
Sorin Burjan 45.1 19 * [[Wiki Editing Mode>>Features.PageEditing#HWikieditingmode]]
20 * [[WYSIWYG Editing Mode>>Features.PageEditing#HWYSIWYGeditingmode]]
Guillaume Lerouge 1.73 21
Silvia Macovei 43.3 22 == Advanced Mode ==
Guillaume Lerouge 1.73 23
Manuel Smeria 108.2 24 Experienced XWiki users will want to use all the editing choices (particularly those who want to use XWiki programming features). They can choose to switch to advanced mode on their user profile page (see image below). Following this, clicking on the "Edit" button on any page will display the full editing menu, letting the user choose which mode he wants to use ("Wiki", "Inline form", "Objects"...).
Guillaume Lerouge 1.73 25
Silvia Macovei 106.2 26 {{image reference="AdvancedEditMode.png"/}}
Silvia Macovei 35.4 27 Once you have switched to advanced mode, the "Edit" menu will look like this on mouse over:
Guillaume Lerouge 1.73 28
Silvia Macovei 106.2 29 {{image reference="EditAdvancedMode.png"/}}
Sorin Burjan 93.1 30
Sorin Burjan 45.1 31 * [[Form Editing Mode>>Features.PageEditing#HFormeditingmode28akainlinemode29]]
32 * [[Object Editing Mode>>Features.PageEditing#HObjectseditingmode]]
33 * [[Class Editing Mode>>Features.PageEditing#HClasseseditingmode]]
Manuel Smeria 108.4 34 * [[Access Rights Editing Mode>>Features.PageEditing#HAccessRightseditingmode]]
Guillaume Lerouge 1.73 35
Silvia Macovei 43.3 36 = Common edit actions =
Sergiu Dumitriu 16.1 37
Silvia Macovei 43.4 38 All edit modes have some or all of the elements in the following image :
Sergiu Dumitriu 16.1 39
Silvia Macovei 106.2 40 {{image reference="EditActions.png"/}}
Sergiu Dumitriu 16.1 41
Manuel Smeria 108.2 42 {{info}}
43 A wiki document's version is composed of two numbers. Saving a major change will increase the first component and reset the second to "1", while a minor edit will just increase the second component.
44 {{/info}}
45
Vincent Massol 42.1 46 The **minor edit** checkbox is meant to mark the fact that superficial changes were made to the document. Such changes may include, but are not restricted to: spelling error corrections, text rearrangements, formatting. It is the editor's responsibility to distinguish between major and minor changes.
Sergiu Dumitriu 16.1 47
48 By default, minor edits do not appear in the "What's New" page and in the document history. The option "Show minor edits" will list all the versions, including minor ones.
49
Silvia Macovei 35.4 50 The **comment** field allows entering a short description of the changes made to the document in the version that is being saved. It is displayed in the history page and it is meant to increase comprehensibility of the content's evolution.
Sergiu Dumitriu 16.1 51
Guillaume Lerouge 31.1 52 The **Cancel** button causes the changes to be discarded and forwards to the document view mode.
Sergiu Dumitriu 16.1 53
Guillaume Lerouge 31.1 54 The **Preview** button shows the document as it would look with the current changes saved, but does not actually change the document. From the preview mode, the user will be able to cancel the changes, return to edit mode or save the changes. This button is not available in all edit modes.
Sergiu Dumitriu 16.1 55
Guillaume Lerouge 31.1 56 The **Save & Continue** button submits the current changes and returns to the current edit mode.
Sergiu Dumitriu 16.1 57
Guillaume Lerouge 31.1 58 The **Save & View** button submits the current changes and returns to the document view mode.
Sergiu Dumitriu 16.1 59
Silvia Macovei 43.3 60 = Wiki editing mode =
Guillaume Lerouge 1.73 61
Vincent Massol 108.7 62 This is a mode you should be familiar with if you're already a wiki user. In this mode you can enter text using a simple [[Wiki Syntax>>Main.XWikiSyntax]]. Note that the [[Help Application>>extensions:Extension.Help Application]] provides help on the syntax when editing a page.
Guillaume Lerouge 1.73 63
Silvia Macovei 70.2 64 This is how the wiki edit mode looks like with the Colibri skin:
Guillaume Lerouge 1.73 65
Silvia Macovei 106.2 66 {{image reference="WikiEditing.png"/}}
Guillaume Lerouge 1.73 67
Silvia Macovei 43.3 68 == Choosing a Syntax ==
Vincent Massol 18.1 69
Vincent Massol 106.3 70 Starting with XWiki Enterprise 1.7 you now have the option to choose what syntax you want to use for writing the content of the page (see the [[XWiki Syntax Guide>>platform:Main.XWikiSyntax]] for more details). To choose one of the [[configured syntaxes>>platform:AdminGuide.Configuration#HConfiguringWikiSyntaxesanddefaultSyntax]] go in wiki edit mode and in the Information Panel select the syntax to use. For example using the Colibri Skin:
Vincent Massol 18.1 71
Silvia Macovei 106.2 72 {{image reference="Syntax2.png"/}}
Vincent Massol 18.1 73
Sorin Burjan 70.3 74 {{velocity}}
75 {{html wiki="true"}}
Vincent Massol 35.2 76 #info("If you choose the XWiki Syntax 2.0 and switch to the WYSIWYG editor you'll notice that you'll be using the [[new WYSIWYG editor>>WysiwygEditor]].")
Sorin Burjan 70.3 77 {{/html}}
78 {{/velocity}}
Vincent Massol 19.3 79
Manuel Smeria 109.2 80 == Autosave ==
81
82 The Autosave feature automatically saves the document you're working on as a minor version at a given interval. Just check the Autosave checkbox next to the action buttons, at the bottom of the editing area. You can optionally change the autosave interval by entering the desired number of minutes in the input following the checkbox.
83
84 {{image reference=autosave.png/}}
85
Silvia Macovei 43.3 86 = WYSIWYG editing mode =
Guillaume Lerouge 1.73 87
Vincent Massol 42.1 88 This mode is ideal for first time users or people who do not want to use the Wiki Syntax. It's a mode similar to the one used by your favorite word processor in which you see how what you type is rendered. There's a toolbar available to add special effects to your text, add images, insert links, add macros, etc.
Vincent Massol 35.2 89
Silvia Macovei 106.2 90 {{image reference="wysiwyg.png"/}}
Guillaume Lerouge 1.73 91
Sorin Burjan 70.3 92 {{velocity}}
93 {{html wiki="true"}}
Manuel Smeria 108.5 94 #info("Starting with XWiki Enterprise 1.7 we now have 2 WYSIWYG editors and we are phasing out the old editor (based on TinyMCE) that you'll be automatically using if your documents are written in XWiki Syntax 1.0. If your [[document is using the XWiki Syntax 2.0>>#HChoosingaSyntax]] or if your wiki is [[configured to use the XWiki Syntax 2.0 by default>>platform:AdminGuide.Configuration#HConfiguringWikiSyntaxesanddefaultSyntax]] then you'll be using automatically the [[new WYSIWYG editor (based on GWT)>>WysiwygEditor]].")
Sorin Burjan 70.3 95 {{/html}}
96 {{/velocity}}
Vincent Massol 19.7 97
Guillaume Lerouge 31.1 98 Read the [[documentation for using the new WYSIWYG editor>>WysiwygEditor]] for more details.
Vincent Massol 1.86 99
Sorin Burjan 102.2 100 = Setting the page parent =
Sorin Burjan 101.2 101
Sorin Burjan 102.2 102 In order to have an organized structure of your page, when you create a new page in a space, its parent will be automatically set to be the WebHome page of the space in which you create the page.
103
104 If you want to change the parent of the page, you have to edit the page with wiki or wysiwyg editors.
105
Silvia Macovei 106.2 106 {{image reference="documentParent.png"/}}
Sorin Burjan 102.2 107
108 Click on the small pencil above the page title in order to edit the page parent.
109
Silvia Macovei 106.2 110 {{image reference="documentParentCollapsed.png"/}}
Sorin Burjan 102.2 111
Sorin Burjan 102.3 112 {{info}}
Sorin Burjan 103.3 113 If the page has no parent set, the breadcrumbs feature will not show the path to navigate from the Main.WebHome to the page. These pages are called orphan pages.
Sorin Burjan 102.3 114 {{/info}}
115
Silvia Macovei 106.2 116 {{image reference="documentParentNoParent.png"/}}
Sorin Burjan 102.3 117
Silvia Macovei 106.2 118 {{image reference="pageNoBreadcrumb.png"/}}
Sorin Burjan 102.3 119
Sorin Burjan 103.4 120 {{warning}}
121 Please note that when you copy a page, its parent field will not be updated accordingly to the new space the copy is in. You will have to do that manually.
122 {{/warning}}
123
Silvia Macovei 43.3 124 = Form editing mode (aka inline mode) =
Guillaume Lerouge 1.73 125
Vincent Massol 36.1 126 Inline mode, or Form mode, is a special feature of XWiki, that allows administrators to define patterns of structured information (like a blog entry, or a standard tax form). Pages containing such structured information can be edited and re-edited as simple HTML Forms, which have (almost) the same structure as the displayed page. Thus, when clicking the edit button, it seems that the page content can be edited in-place, or inline and the form view is automatically displayed.
Silvia Macovei 28.1 127
Vincent Massol 36.1 128 Technically the inline mode is triggered automatically differently whether the page is written in XWiki Syntax 1.0 or 2.0, using the following algorithm:
Sorin Burjan 70.3 129
Vincent Massol 36.1 130 * XWiki Syntax 1.0: If the page contains a call to ###includeForm()##
131 * XWiki Syntax 2.0: If the page is including another page which itself contains an object of the type ##XWiki.SheetClass##
Guillaume Lerouge 1.73 132
Vincent Massol 36.1 133 Note that it is beyond the scope of this simple guide to explain the programming technique supporting this feature. Please check the [[Developer's Guide>>DevGuide.WebHome]] to find out more about programming with Objects/Classes and Forms.
Guillaume Lerouge 1.73 134
Silvia Macovei 43.3 135 = Objects editing mode =
Guillaume Lerouge 1.73 136
Silvia Macovei 35.4 137 In XWiki it's possible to attach Objects to pages. Objects are simple sets of properties with values that add additional information about a page. For example a security right can be added to a page to control its rights, a blog object is attached to a page representing a blog entry, etc. Again, it's beyond this simple guide to explain this programming technique. Please check the [[Developer's Guide>>DevGuide.WebHome]] to know more about programming with Objects/Classes.
Guillaume Lerouge 1.73 138
Silvia Macovei 105.2 139 [[image:ObjectEditor.png||style="border: 1px solid silver;"]]
Raluca Moisa 93.4 140
Silvia Macovei 43.3 141 = Classes editing mode =
Guillaume Lerouge 1.73 142
Silvia Macovei 35.4 143 We've seen that some pages can have Objects attached to them. Some pages can also be Object definitions, a.k.a Classes. The Classes editing mode calls the class editor on the current page, allowing to edit the Classes attached to the document. Again, it's beyond this simple guide to explain this programming technique. Please check the [[Developer's Guide>>DevGuide.WebHome]] to find out more about programming with Objects/Classes.
Silvia Macovei 105.2 144 [[image:ClassEditor.png||style="border: 1px solid silver;"]]
Guillaume Lerouge 1.73 145
Manuel Smeria 108.3 146 = Access Rights editing mode =
Guillaume Lerouge 1.73 147
Manuel Smeria 108.2 148 This mode allows you to control the access rights for the page you're viewing (you need to have the required access rights to modify a page's rights). See the [[Rights Management>>Features.RightsManagement]] topic for more information.
Guillaume Lerouge 1.75 149
Silvia Macovei 43.3 150 = Full Screen Mode =
Guillaume Lerouge 1.75 151
Sorin Burjan 45.1 152 From version 1.1 onwards, a full-screen mode is available in XWiki. When editing a page either in Wiki or WYSIWYG mode, clicking on the green button at the top right of the edit box will send the editor in full-screen mode. You can then edit your page as usual and click on the green button to return to the usual interface when you are finished.
Guillaume Lerouge 1.75 153
Guillaume Lerouge 31.1 154 //The button you need to click to go in full-screen mode//
Silvia Macovei 106.2 155 {{image reference="FullScreenButton.png"/}}
Guillaume Lerouge 1.77 156
Sorin Burjan 45.1 157 //Editing while in full-screen mode//
Silvia Macovei 106.2 158 {{image reference="FullScreen.png"/}}
Vincent Massol 95.1 159
160 = Title Behavior =
161
162 Pages have both names and titles. The page name is used in the URL to the page while the title is used to display a user-friendly short description of the page. The title is used for example as the top level headings when viewing a page.
163
164 Page titles can be set while editing documents in Wiki or WYSIWYG modes.
165
166 Titles are not mandatory by default but it's possible to [[configure XWiki to make titles mandatory>>platform:AdminGuide.Configuration#HTitlebehavior]].
167
Manuel Smeria 108.2 168 When a page has no title set then XWiki tries to compute it by extracting the topmost heading from the document's content. For example if you have a level 1 heading, it'll be used as the page title. If you don't have a level 1 heading but have a level 2 heading then the level 2 heading will be used as the page title. The heading level depth XWiki used for titles is controlled in [[XWiki's title configuration>>platform:AdminGuide.Configuration#HTitlebehavior]]. If no heading is found or if the topmost heading has a level below the configured level then the page name is used as the title.
Vincent Massol 95.1 169
170 Currently title content is parsed using Velocity so you're allowed to put Velocity content in there (this is for example useful when wanting to internationalize titles). Since you're allowed to use any wiki syntax in headings, if a page doesn't have a title set (and titles are not mandatory) then any wiki markup in the topmost headings will beget rendered when displaying the extracted title for that page.

Get Connected