Wiki source code of Page Editing
Version 123.1 by Silvia Macovei on 2014/12/04
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
70.3 | 1 | {{box cssClass="floatinginfobox" title="**Contents**"}} |
| 2 | {{toc/}} | ||
| 3 | {{/box}} | ||
 |
33.1 | 4 | |
| |
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). |
 |
15.1 | 6 | |
 |
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: |
 |
40.1 | 8 | |
| |
106.2 | 9 | {{image reference="EditSimpleModeColibri.png"/}} |
| |
40.1 | 10 | |
| |
45.1 | 11 | = Simple and Advanced editing modes = |
| |
1.73 | 12 | |
| |
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. |
| |
1.73 | 14 | |
| |
43.3 | 15 | == Simple Mode == |
| |
1.73 | 16 | |
| |
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: |
| |
1.73 | 18 | |
| |
110.2 | 19 | * [[Wiki Editing Mode>>#HWikieditingmode]] |
| 20 | * [[WYSIWYG Editing Mode>>#HWYSIWYGeditingmode]] | ||
| |
1.73 | 21 | |
| |
43.3 | 22 | == Advanced Mode == |
| |
1.73 | 23 | |
| |
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"...). |
| |
1.73 | 25 | |
| |
106.2 | 26 | {{image reference="AdvancedEditMode.png"/}} |
| |
35.4 | 27 | Once you have switched to advanced mode, the "Edit" menu will look like this on mouse over: |
| |
1.73 | 28 | |
| |
106.2 | 29 | {{image reference="EditAdvancedMode.png"/}} |
| |
93.1 | 30 | |
| |
110.2 | 31 | * [[Form Editing Mode>>#HFormeditingmode28akainlinemode29]] |
| 32 | * [[Object Editing Mode>>#HObjectseditingmode]] | ||
| 33 | * [[Class Editing Mode>>#HClasseseditingmode]] | ||
| 34 | * [[Access Rights Editing Mode>>#HAccessRightseditingmode]] | ||
| |
1.73 | 35 | |
| |
43.3 | 36 | = Common edit actions = |
 |
16.1 | 37 | |
| |
43.4 | 38 | All edit modes have some or all of the elements in the following image : |
| |
16.1 | 39 | |
| |
106.2 | 40 | {{image reference="EditActions.png"/}} |
| |
16.1 | 41 | |
| |
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 | |||
| |
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. |
| |
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 | |||
| |
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. |
| |
16.1 | 51 | |
| |
31.1 | 52 | The **Cancel** button causes the changes to be discarded and forwards to the document view mode. |
| |
16.1 | 53 | |
| |
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. |
| |
16.1 | 55 | |
| |
31.1 | 56 | The **Save & Continue** button submits the current changes and returns to the current edit mode. |
| |
16.1 | 57 | |
| |
31.1 | 58 | The **Save & View** button submits the current changes and returns to the document view mode. |
| |
16.1 | 59 | |
| |
43.3 | 60 | = Wiki editing mode = |
| |
1.73 | 61 | |
| |
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. |
| |
1.73 | 63 | |
| |
70.2 | 64 | This is how the wiki edit mode looks like with the Colibri skin: |
| |
1.73 | 65 | |
| |
106.2 | 66 | {{image reference="WikiEditing.png"/}} |
| |
1.73 | 67 | |
| |
43.3 | 68 | == Choosing a Syntax == |
| |
18.1 | 69 | |
| |
112.1 | 70 | You have the option to choose what syntax you want to use for writing the content of the page (see the [[XWiki Syntax Guide>>Main.XWikiSyntax]] for more details). To choose one of the [[configured syntaxes>>AdminGuide.Configuration#HConfiguringWikiSyntaxesanddefaultSyntax]] go in wiki edit mode and in the Information Panel select the syntax to use. For example using the Colibri Skin: |
| |
18.1 | 71 | |
| |
106.2 | 72 | {{image reference="Syntax2.png"/}} |
| |
18.1 | 73 | |
| |
114.1 | 74 | == Converting between Syntaxes == |
| |
19.3 | 75 | |
| |
114.1 | 76 | 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. |
| 77 | |||
| |
109.2 | 78 | == Autosave == |
| |
111.1 | 79 | |
| |
109.2 | 80 | 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. |
| 81 | |||
| 82 | {{image reference=autosave.png/}} | ||
| 83 | |||
| |
111.1 | 84 | {{warning}} |
| |
111.2 | 85 | 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>>http://jira.xwiki.org/browse/XWIKI-500]]. |
| |
111.1 | 86 | {{/warning}} |
| 87 | |||
| |
43.3 | 88 | = WYSIWYG editing mode = |
| |
1.73 | 89 | |
| |
42.1 | 90 | 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. |
| |
35.2 | 91 | |
| |
106.2 | 92 | {{image reference="wysiwyg.png"/}} |
| |
1.73 | 93 | |
| |
70.3 | 94 | {{velocity}} |
| 95 | {{html wiki="true"}} | ||
| |
108.5 | 96 | #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]].") |
| |
70.3 | 97 | {{/html}} |
| 98 | {{/velocity}} | ||
| |
19.7 | 99 | |
| |
31.1 | 100 | Read the [[documentation for using the new WYSIWYG editor>>WysiwygEditor]] for more details. |
| |
1.86 | 101 | |
| |
102.2 | 102 | = Setting the page parent = |
| |
101.2 | 103 | |
| |
102.2 | 104 | 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. |
| 105 | |||
| 106 | If you want to change the parent of the page, you have to edit the page with wiki or wysiwyg editors. | ||
| 107 | |||
| |
106.2 | 108 | {{image reference="documentParent.png"/}} |
| |
102.2 | 109 | |
| 110 | Click on the small pencil above the page title in order to edit the page parent. | ||
| 111 | |||
| |
106.2 | 112 | {{image reference="documentParentCollapsed.png"/}} |
| |
102.2 | 113 | |
| |
102.3 | 114 | {{info}} |
| |
103.3 | 115 | 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. |
| |
102.3 | 116 | {{/info}} |
| 117 | |||
| |
106.2 | 118 | {{image reference="documentParentNoParent.png"/}} |
| |
102.3 | 119 | |
| |
106.2 | 120 | {{image reference="pageNoBreadcrumb.png"/}} |
| |
102.3 | 121 | |
| |
103.4 | 122 | {{warning}} |
| 123 | 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. | ||
| 124 | {{/warning}} | ||
| 125 | |||
| |
43.3 | 126 | = Form editing mode (aka inline mode) = |
| |
1.73 | 127 | |
| |
36.1 | 128 | 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. |
| |
28.1 | 129 | |
| |
36.1 | 130 | 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: |
| |
70.3 | 131 | |
| |
36.1 | 132 | * XWiki Syntax 1.0: If the page contains a call to ###includeForm()## |
| 133 | * XWiki Syntax 2.0: If the page is including another page which itself contains an object of the type ##XWiki.SheetClass## | ||
| |
1.73 | 134 | |
| |
36.1 | 135 | 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. |
| |
1.73 | 136 | |
| |
43.3 | 137 | = Objects editing mode = |
| |
1.73 | 138 | |
| |
35.4 | 139 | 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. |
| |
1.73 | 140 | |
| |
110.2 | 141 | {{image reference="ObjectEditor.png"/}} |
 |
93.4 | 142 | |
| |
43.3 | 143 | = Classes editing mode = |
| |
1.73 | 144 | |
| |
35.4 | 145 | 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. |
| |
1.73 | 146 | |
| |
110.2 | 147 | {{image reference="ClassEditor.png"/}} |
| 148 | |||
| |
108.3 | 149 | = Access Rights editing mode = |
| |
1.73 | 150 | |
| |
110.2 | 151 | 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>>RightsManagement]] topic for more information. |
| |
1.75 | 152 | |
| |
43.3 | 153 | = Full Screen Mode = |
| |
1.75 | 154 | |
| |
45.1 | 155 | 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. |
| |
1.75 | 156 | |
| |
31.1 | 157 | //The button you need to click to go in full-screen mode// |
| |
106.2 | 158 | {{image reference="FullScreenButton.png"/}} |
| |
1.77 | 159 | |
| |
45.1 | 160 | //Editing while in full-screen mode// |
| |
106.2 | 161 | {{image reference="FullScreen.png"/}} |
| |
95.1 | 162 | |
| 163 | = Title Behavior = | ||
| 164 | |||
| 165 | 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. | ||
| 166 | |||
| 167 | Page titles can be set while editing documents in Wiki or WYSIWYG modes. | ||
| 168 | |||
| |
110.2 | 169 | Titles are not mandatory by default but it's possible to [[configure XWiki to make titles mandatory>>AdminGuide.Configuration#HTitlebehavior]]. |
| |
95.1 | 170 | |
| |
110.2 | 171 | 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>>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. |
| |
95.1 | 172 | |
| |
110.2 | 173 | 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. |
