Wiki source code of Page Editing
Version 264.1 by Simon Urli on 2019/09/04
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{box cssClass="floatinginfobox" title="**Contents**"}} | ||
| 2 | {{toc/}} | ||
| 3 | {{/box}} | ||
| 4 | |||
| 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 arrow in the "Edit" button. Please note the location of the "Edit" button varies depending on the skin your wiki is using. | ||
| 6 | |||
| 7 | If you're using the [[Flamingo skin>>extensions:Extension.Flamingo Skin]] you should see the following: | ||
| 8 | |||
| 9 | {{image reference="EditSimpleModeFlamingo.png"/}} | ||
| 10 | |||
| 11 | = Simple and Advanced editing modes = | ||
| 12 | |||
| 13 | Since XWiki is an [[application wiki>>platform: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. | ||
| 14 | |||
| 15 | == Simple Mode == | ||
| 16 | |||
| 17 | After clicking 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. The two editing modes available in Simple mode are: | ||
| 18 | |||
| 19 | * [[Wiki Editing Mode>>platform:Features.PageEditing#HWikieditingmode]] | ||
| 20 | * [[WYSIWYG Editing Mode>>platform:Features.PageEditing#HWYSIWYGeditingmode]] | ||
| 21 | |||
| 22 | == Advanced Mode == | ||
| 23 | |||
| 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 arrow in 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"...). | ||
| 25 | |||
| 26 | {{image reference="AdvancedEditMode.png"/}} | ||
| 27 | Once you have switched to advanced mode, the "Edit" menu will look like this on mouse click: | ||
| 28 | |||
| 29 | {{image reference="EditAdvancedMode.png"/}} | ||
| 30 | |||
| 31 | * [[Form Editing Mode>>platform:Features.PageEditing#HFormeditingmode28akainlinemode29]] | ||
| 32 | * [[Object Editing Mode>>platform:Features.PageEditing#HObjectseditingmode]] | ||
| 33 | * [[Class Editing Mode>>platform:Features.PageEditing#HClasseseditingmode]] | ||
| 34 | * [[Access Rights Editing Mode>>platform:Features.PageEditing#HAccessRightseditingmode]]. Note that this menu entry will only appear for Terminal pages. For Nested Pages, you'll be able to access rights by clicking on the "Administer Page" entry in the "More Actions" menu (3 vertical dots menu). | ||
| 35 | |||
| 36 | In addition, advanced users have the ability to [[create Terminal pages>>platform:Features.DocumentLifecycle||anchor="HByusingtheAddPageaction"]] (i.e. pages that can't have children). | ||
| 37 | |||
| 38 | = Common edit actions = | ||
| 39 | |||
| 40 | All edit modes have some or all of the elements in the following image : | ||
| 41 | |||
| 42 | {{image reference="autosave.png"/}} | ||
| 43 | |||
| 44 | {{info}} | ||
| 45 | 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. | ||
| 46 | {{/info}} | ||
| 47 | |||
| 48 | 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. | ||
| 49 | |||
| 50 | 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. | ||
| 51 | |||
| 52 | The **Version summary** 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. | ||
| 53 | |||
| 54 | The **Cancel** button causes the changes to be discarded and forwards to the document view mode. | ||
| 55 | |||
| 56 | 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. | ||
| 57 | |||
| 58 | The **Save & Continue** button submits the current changes and returns to the current edit mode. | ||
| 59 | |||
| 60 | The **Save & View** button submits the current changes and returns to the document view mode. | ||
| 61 | |||
| 62 | == Autosave == | ||
| 63 | |||
| 64 | 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. | ||
| 65 | |||
| 66 | {{warning}} | ||
| 67 | Note that this feature is still not fully mature since it creates a new revision of the document every N seconds (where N is the time interval you specify). This means a document may have a lot of revisions which will potentially hamper performances and history readability. In the future one idea is to [[implement the notion of pseudo versions>>https://jira.xwiki.org/browse/XWIKI-500]]. | ||
| 68 | {{/warning}} | ||
| 69 | |||
| 70 | = Wiki editing mode = | ||
| 71 | |||
| 72 | 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>>platform:Main.XWikiSyntax]]. Note that the [[Help Application>>extensions:Extension.Help Application]] provides help on the syntax when editing a page. | ||
| 73 | |||
| 74 | This is how the wiki edit mode looks like with the Flamingo skin: | ||
| 75 | |||
| 76 | {{image reference="WikiEditing.png"/}} | ||
| 77 | |||
| 78 | == Choosing a Syntax == | ||
| 79 | |||
| 80 | You 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 and the [[Rendering wiki>>rendering:Main.WebHome]] for a full list of available syntaxes). To choose the syntax to use for the current page, go in wiki edit mode and in the Information Panel select the syntax to use. | ||
| 81 | |||
| 82 | {{info}} | ||
| 83 | By default only the latest XWiki syntax is enabled, but you can [[configure other syntaxes>>extensions:Extension.Rendering Administration Application]], as shown in the screenshot below. | ||
| 84 | {{/info}} | ||
| 85 | |||
| 86 | For example using the Flamingo Skin: | ||
| 87 | |||
| 88 | {{image reference="Syntax2.png"/}} | ||
| 89 | |||
| 90 | == Converting between Syntaxes == | ||
| 91 | |||
| 92 | If you already have content for the page in a given Syntax and you try to change the Syntax to another one then XWiki will propose to convert your content to the new Syntax if it knows how to perform that conversion (converting to XWiki Syntax 2.0+ will always prompt for a conversion). The quality of the conversion will usually be good but may depend on the quality of the original Syntax; for example converting from XWiki Syntax 1.0 to XWiki Syntax 2.0+ may not generate perfect result and you'll need to review manually the result. | ||
| 93 | |||
| 94 | = WYSIWYG editing mode = | ||
| 95 | |||
| 96 | 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. | ||
| 97 | |||
| 98 | {{image reference="wysiwyg.png"/}} | ||
| 99 | |||
| 100 | Read the [[documentation for using the WYSIWYG editor>>extensions:Extension.CKEditor Integration.WebHome]] for more details. | ||
| 101 | |||
| 102 | = Setting the page parent = | ||
| 103 | |||
| 104 | {{info}} | ||
| 105 | Starting with XWiki 7.2, the concept of setting the page parent has been deprecated in favor of the [[Nested Pages feature>>Documentation.UserGuide.Features.ContentOrganization.WebHome]]. The location of a page is no longer controlled by the "parent" field. In order to change a page's location you now need to Rename or Move it to another location. | ||
| 106 | |||
| 107 | For example a page "CEO" inside a page "Boarding" inside a page "Management" inside a page "Staff" you would have the following Breadcrumb: | ||
| 108 | |||
| 109 | {{image reference="referencebreadcrumb.png"/}} | ||
| 110 | {{/info}} | ||
| 111 | |||
| 112 | {{info}}XWiki < 7.2{{/info}} 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. | ||
| 113 | |||
| 114 | If you want to change the parent of the page, you have to edit the page with wiki or wysiwyg editors. | ||
| 115 | |||
| 116 | {{image reference="documentParent.png"/}} | ||
| 117 | |||
| 118 | Click on the small pencil above the page title in order to edit the page parent. | ||
| 119 | |||
| 120 | {{image reference="documentParentCollapsed.png"/}} | ||
| 121 | |||
| 122 | {{info}} | ||
| 123 | 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. | ||
| 124 | {{/info}} | ||
| 125 | |||
| 126 | {{image reference="documentParentNoParent.png"/}} | ||
| 127 | |||
| 128 | {{image reference="pageNoBreadcrumb.png"/}} | ||
| 129 | |||
| 130 | {{warning}} | ||
| 131 | 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. | ||
| 132 | {{/warning}} | ||
| 133 | |||
| 134 | = Hiding Pages = | ||
| 135 | |||
| 136 | It's possible to hide (or unhide) pages. When a page is hidden, it'll still be visible if you navigate to it but it'll disappear from Search, Page Index, Navigation Trees, etc. However the hidden page will still be visible to users who've [[configured their user profile to show Hidden Pages>>extensions:Extension.User Profile Application#HEditPreferences]]. By default users don't see hidden pages. | ||
| 137 | |||
| 138 | To hide a page, edit it in Wiki or WYSIWYG edit mode and set the flag as shown below: | ||
| 139 | |||
| 140 | {{image reference="hiding.png"/}} | ||
| 141 | |||
| 142 | {{info}} | ||
| 143 | When you're a "Simple" user, you only have a single Edit button available and when clicked that takes you to the default edit mode. If the page you're editing is configured to use the "Form" editor then you won't see the side panel as on the screenshot above. Thus you'll need to [[switch to being an "Advanced" user and Edit in Wiki or WYSIWYG mode>>#HAdvancedMode]]. | ||
| 144 | {{/info}} | ||
| 145 | |||
| 146 | {{info}} | ||
| 147 | Hiding is not replacing permissions which is what you'll use if you want to make pages not visible to some user or group. | ||
| 148 | {{/info}} | ||
| 149 | |||
| 150 | = Form editing mode (aka inline mode) = | ||
| 151 | |||
| 152 | 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. | ||
| 153 | |||
| 154 | 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: | ||
| 155 | |||
| 156 | * XWiki Syntax 1.0: If the page contains a call to ###includeForm()## | ||
| 157 | * XWiki Syntax 2.0: If the page has an associated sheet (see the [[Developer documentation for the Sheet Module>>extensions:Extension.Sheet Module]]) | ||
| 158 | |||
| 159 | 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>>platform:DevGuide.WebHome]] to find out more about programming with Objects/Classes and Forms. | ||
| 160 | |||
| 161 | = Objects editing mode = | ||
| 162 | |||
| 163 | 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>>platform:DevGuide.WebHome]] to know more about programming with Objects/Classes. | ||
| 164 | |||
| 165 | {{image reference="ObjectEditor.png"/}} | ||
| 166 | |||
| 167 | = Classes editing mode = | ||
| 168 | |||
| 169 | 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>>platform:DevGuide.WebHome]] to find out more about programming with Objects/Classes. | ||
| 170 | |||
| 171 | {{image reference="ClassEditor.png"/}} | ||
| 172 | |||
| 173 | = Access Rights editing mode = | ||
| 174 | |||
| 175 | 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>>platform:Features.RightsManagement]] topic for more information. | ||
| 176 | |||
| 177 | = Full Screen Mode = | ||
| 178 | |||
| 179 | A full-screen mode is available in XWiki. When editing a page either in Wiki or WYSIWYG mode, clicking on the 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 button to return to the usual interface when you are finished. | ||
| 180 | |||
| 181 | //The button you need to click to go in full-screen mode// | ||
| 182 | {{image reference="FullScreenButton.png"/}} | ||
| 183 | |||
| 184 | //Editing while in full-screen mode// | ||
| 185 | {{image reference="FullScreen.png"/}} | ||
| 186 | |||
| 187 | = Title Behavior = | ||
| 188 | |||
| 189 | 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. | ||
| 190 | |||
| 191 | Page titles can be set while editing documents in Wiki or WYSIWYG modes. | ||
| 192 | |||
| 193 | Titles are not mandatory by default but it's possible to [[configure XWiki to make titles mandatory>>platform:AdminGuide.Configuration#HTitlebehavior]]. | ||
| 194 | |||
| 195 | The title's content is parsed using Velocity so you're also allowed to put Velocity content in there in addition to plain text (this is for example useful when wanting to internationalize titles). Note that you're not allowed to use any wiki markup. | ||
| 196 | |||
| 197 | When a page has no title set then XWiki will use the page name as its title. | ||
| 198 | |||
| 199 | {{info}} | ||
| 200 | It's also possible to [[configure XWiki to extract the topmost heading>>platform:AdminGuide.Configuration#HTitlebehavior]] 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]]. 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 get rendered when displaying the extracted title for that page. | ||
| 201 | |||
| 202 | However this is a backward compatibility option and we do not recommend that you use it. The reason we deprecated this behavior that allowed styling the titles is because it leads to all sorts of issues: | ||
| 203 | |||
| 204 | * The title is used in several places including the browser's title or in LiveTable results and since those places forces to display the title in plain text, this means you'd see wiki markup or HTML displayed as is | ||
| 205 | * When the heading is generated through a script, if that script gets executed outside of the page's rendering context, it can lead to side effects and the page title displayed in LiveTable or other places can be completely wrong | ||
| 206 | {{/info}} | ||
| 207 | |||
| 208 | = Locking = | ||
| 209 | |||
| 210 | By default, when you edit a page, a lock is put on the page (the duration [[can be configured>>Documentation.AdminGuide.Configuration.WebHome#HLockDuration]]), till you either Save (any kind of Save), Cancel the edition or close the browser window. | ||
| 211 | |||
| 212 | If you keep the page open in the browser without doing any Save action, the lock will be active by default for 30 minutes (see [[lock duration>>Documentation.AdminGuide.Configuration.WebHome#HLockDuration]] configuration). | ||
| 213 | |||
| 214 | Anyone trying to edit a page that is locked will see the following warning message allowing you to know that the page is locked and also to force the lock. | ||
| 215 | |||
| 216 | {{image reference="lock.png"/}} | ||
| 217 | |||
| 218 | If you force the lock then the last user who saves will overwrite the content with his version of the page. | ||
| 219 | |||
| 220 | = Edit conflict = | ||
| 221 | |||
| 222 | Starting with {{info}}XWiki 11.2RC1{{/info}} we detect during the edition of a document if a conflict might happen when saving the page. If this warning occurs, this means someone edited and saved the document while you were working on it. | ||
| 223 | |||
| 224 | Starting with {{info}}XWiki 11.3.1 and XWiki 11.4RC1{{/info}} you have two main choices: | ||
| 225 | |||
| 226 | * force save the page: in that case you will override saved while you were editing the page; they are not really lost though since they might be retrieved in the previous version of the page. | ||
| 227 | * reload the editor: in that case your changes **will be lost** and the editor will be reloaded with the last version saved. | ||
| 228 | |||
| 229 | We display the diff between the version you're trying to save and the last version that has been saved, so you can copy some changes made and reapply them if you like. | ||
| 230 | Note that you can also simply cancel the save and go back to the editor to make changes before trying again to save. | ||
| 231 | You can click on the arrow of each action to have a quick description of what it actually means. | ||
| 232 | |||
| 233 | {{gallery}} | ||
| 234 | image:edit-conflict-reload.png | ||
| 235 | image:edit-conflict-force-save.png | ||
| 236 | {{/gallery}} | ||
| 237 | |||
| 238 | |||
| 239 | We improve with {{info}}XWiki 11.5RC1{{/info}} the support of conflict edition by implementing a merge on save mechanism. This means that in case of conflict edition (two users saving the same document at the same time), instead of always displaying a window to the user asking what to do, we first try to perform a merge of both document. If the changes concerned two very different parts of the document (two different sections, an edit performed on an object against an edit of the content, etc) the user won't notice that a merge has been performed. | ||
| 240 | |||
| 241 | Now, some conflicts might still occur if both users tried to edit the same part of the document. In that case, a new window is displayed asking the user what to do. | ||
| 242 | The user will now have three different choices: | ||
| 243 | |||
| 244 | * Merge the document and fix conflict with his/her own changes: this means that as much as possible, we try to merge the changes. Only for the part that are conflicting, we only kept the changes from the last user. This is the recommended choice. | ||
| 245 | * Force save the document: this means no merge at all will be performed. Only the changes performed by the last user will be saved. It basically discards the changes made by the previous user. | ||
| 246 | * Reload the editor: this choice might be taken very carefully as it might cause a loss of data. It means that the current changes performed on the document will be completely lost and the editor will be reloaded with the last changes. | ||
| 247 | |||
| 248 | The conflict window now display the changes that will be performed for each choices. Be careful with the parts in red since it shows what part of the document will be lost during the operation. Note that it's also possible to select two specific versions of the document to perform a comparison before making a choice. | ||
| 249 | |||
| 250 | {{gallery}} | ||
| 251 | image:merge-conflict-modal-usage-v2.gif | ||
| 252 | {{/gallery}} | ||
| 253 | |||
| 254 | {{info}} | ||
| 255 | Starting with {{code}}XWiki 11.3.2 and XWiki 11.6RC1{{/code}} the whole feature can be disabled from the xwiki.properties file by setting {{code}}edit.conflictChecking.enabled = false{{/code}}. | ||
| 256 | {{/info}} | ||
| 257 | |||
| 258 | Starting with {{code}}XWiki 11.8RC1{{/code}} the conflict edition window allows one more choice: to fix each conflict individually. | ||
| 259 | This new choice is marked as advanced since it's not something easy to handle. | ||
| 260 | |||
| 261 | {{gallery}} | ||
| 262 | image:custom_conflict_resolution.png | ||
| 263 | image:custom_conflict_fix.gif | ||
| 264 | {{/gallery}} | ||
| 265 | |||
| 266 | When choosing the new option, the UI is updated to display the changes between the latest version saved and the current version the user is trying to save. At each place a conflict occurred, the changes display an orange bar and a blue area is reserved for the conflict resolution. | ||
| 267 | This blue area displays some text, and a select with several choices. The displayed text in the blue area is what will be used for fixing the conflict, you can see the text changing for each choice. | ||
| 268 | |||
| 269 | The conflict choices are the following: | ||
| 270 | |||
| 271 | * current version (default): the conflict is fixed by getting the current changes | ||
| 272 | * before your changes: the conflict is fixed by getting what was there before you starting to edit. Both latest version saved and your current changes would be lost for this conflict, | ||
| 273 | * latest version saved: the change made on the latest version saved (the one you are conflicting with) are taken to fix the conflict | ||
| 274 | * custom version: with this option, a text area is displayed to allow you to enter any new value to fix the conflict. Multiple lines can be entered. | ||
| 275 | |||
| 276 | If the choice text displays something in red, it is because no content is actually available for the chosen version to fix the conflict: usually it means the content in conflict will be removed with the choice made. | ||
| 277 | |||
| 278 | = Extension page protection = | ||
| 279 | |||
| 280 | Since 10.3, extension pages are protected against editing ([[unless explicitly indicated otherwise in the extension>>http://extensions.xwiki.org/xwiki/bin/view/Extension/XAR%20Module%20Specifications#Hpackage.xml]]) to avoid mistake a user could make while still allowing advanced users to force it if really required. | ||
| 281 | |||
| 282 | {{image reference="editprotection.png"/}} | ||
| 283 | |||
| 284 | = Default Language = | ||
| 285 | |||
| 286 | If you've set up your wiki to be multingual, then when editing a page using the wiki editor, you'll be able to set the default language for the current page as in: | ||
| 287 | |||
| 288 | {{image reference="defaultLanguage.png"/}} |
