Wiki source code of Page Editing

Version 67.1 by Sorin Burjan on 2010/06/23

Hide last authors
Silvia Macovei 43.3 1 {{box cssClass="floatinginfobox" title="**Contents**"}}{{toc/}}{{/box}}
Guillaume Lerouge 33.1 2
Sorin Burjan 45.2 3 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 4
Silvia Macovei 40.1 5 For instance if you're using the [[Toucan skin>>code:Skins.ToucanSkin]] you should see what is on the image below:
6
Guillaume Lerouge 1.73 7
Sorin Burjan 45.2 8 [[image:EditionSimpleMode.PNG||style="border:1px solid black;]]
9
Silvia Macovei 40.2 10 If you're using the [[Colibri skin>>code:Skins.ToucanSkin]] with the new Action Menus introduced in [[XWiki 2.1>>xwiki:Main.ReleaseNotesXWikiEnterprise21]] you should see the following:
Silvia Macovei 40.1 11
12 image:EditionSimpleModeColibri.PNG
13
Vincent Massol 42.1 14
Sorin Burjan 45.1 15 = Simple and Advanced editing modes =
Guillaume Lerouge 1.73 16
Sorin Burjan 45.2 17 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 18
Silvia Macovei 43.3 19 == Simple Mode ==
Guillaume Lerouge 1.73 20
Sorin Burjan 45.1 21 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 22
Sorin Burjan 45.1 23 * [[Wiki Editing Mode>>Features.PageEditing#HWikieditingmode]]
24 * [[WYSIWYG Editing Mode>>Features.PageEditing#HWYSIWYGeditingmode]]
Guillaume Lerouge 1.73 25
Silvia Macovei 43.3 26 == Advanced Mode ==
Guillaume Lerouge 1.73 27
Sorin Burjan 45.2 28 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"...). Under the "Show" tab, the "Wiki code" option is displayed too.
Guillaume Lerouge 1.73 29
Sorin Burjan 45.2 30 [[image:AdvancedEditMode.png||style="border:1px solid black;]]
Silvia Macovei 35.4 31 Once you have switched to advanced mode, the "Edit" menu will look like this on mouse over:
Guillaume Lerouge 1.73 32
Sorin Burjan 45.2 33 [[image:EditAdvancedMode.PNG||style="border:1px solid black;]]
Sorin Burjan 45.1 34 This will give you access to the following additional editing modes:
Guillaume Lerouge 1.73 35
Sorin Burjan 45.1 36 * [[Form Editing Mode>>Features.PageEditing#HFormeditingmode28akainlinemode29]]
37 * [[Object Editing Mode>>Features.PageEditing#HObjectseditingmode]]
38 * [[Class Editing Mode>>Features.PageEditing#HClasseseditingmode]]
39 * [[Access Rights Editing Mode>>Features.PageEditing#HPageAccessRightseditingmode]]
Guillaume Lerouge 1.73 40
Silvia Macovei 43.3 41 = Common edit actions =
Sergiu Dumitriu 16.1 42
Silvia Macovei 43.4 43 All edit modes have some or all of the elements in the following image :
Sergiu Dumitriu 16.1 44
Sorin Burjan 46.2 45 [[image:EditActions.png||style="border:1px solid black;"]]
Sergiu Dumitriu 16.1 46
Vincent Massol 42.1 47 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 48
Silvia Macovei 27.4 49 Reminder: 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.
Sergiu Dumitriu 16.1 50
51 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.
52
Silvia Macovei 35.4 53 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 54
Guillaume Lerouge 31.1 55 The **Cancel** button causes the changes to be discarded and forwards to the document view mode.
Sergiu Dumitriu 16.1 56
Guillaume Lerouge 31.1 57 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 58
Guillaume Lerouge 31.1 59 The **Save & Continue** button submits the current changes and returns to the current edit mode.
Sergiu Dumitriu 16.1 60
Guillaume Lerouge 31.1 61 The **Save & View** button submits the current changes and returns to the document view mode.
Sergiu Dumitriu 16.1 62
Silvia Macovei 43.3 63 = Wiki editing mode =
Guillaume Lerouge 1.73 64
Vincent Massol 42.1 65 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 syntax documentation help is displayed in a menu on the right when you edit a page in this mode.
Guillaume Lerouge 1.73 66
Sorin Burjan 45.1 67 This is how the wiki edit mode looks like with the Toucan skin:
Guillaume Lerouge 1.73 68
Sorin Burjan 46.2 69 [[image:WikiEditing.png||style="border:1px solid black;"]]
Guillaume Lerouge 1.73 70
Silvia Macovei 43.3 71 == Choosing a Syntax ==
Vincent Massol 18.1 72
Guillaume Lerouge 31.1 73 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#HConfiguringWikiSyntaxes]] go in wiki edit mode and in the Information Panel select the syntax to use. For example using the Toucan Skin:
Vincent Massol 18.1 74
Sorin Burjan 64.1 75 [[image:Syntax2.png||style="border:1px solid black;"]]
Vincent Massol 18.1 76
Vincent Massol 35.2 77 {{velocity}}{{html wiki="true"}}
78 #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]].")
79 {{/html}}{{/velocity}}
Vincent Massol 19.3 80
Silvia Macovei 43.3 81 = WYSIWYG editing mode =
Guillaume Lerouge 1.73 82
Vincent Massol 42.1 83 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 84
Sorin Burjan 46.2 85 [[image:wysiwyg.png||style="border:1px solid black;"]]
Guillaume Lerouge 1.73 86
Vincent Massol 35.2 87 {{velocity}}{{html wiki="true"}}
88 #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]].")
89 {{/html}}{{/velocity}}
Vincent Massol 19.7 90
Guillaume Lerouge 31.1 91 Read the [[documentation for using the new WYSIWYG editor>>WysiwygEditor]] for more details.
Vincent Massol 1.86 92
Silvia Macovei 43.3 93 = Form editing mode (aka inline mode) =
Guillaume Lerouge 1.73 94
Vincent Massol 36.1 95 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 96
Vincent Massol 36.1 97 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:
98 * XWiki Syntax 1.0: If the page contains a call to ###includeForm()##
99 * 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 100
Vincent Massol 36.1 101 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 102
Silvia Macovei 43.3 103 = Objects editing mode =
Guillaume Lerouge 1.73 104
Silvia Macovei 35.4 105 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 106
Silvia Macovei 43.3 107 = Classes editing mode =
Guillaume Lerouge 1.73 108
Silvia Macovei 35.4 109 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.
Guillaume Lerouge 1.73 110
Silvia Macovei 43.3 111 = Page Access Rights editing mode =
Guillaume Lerouge 1.73 112
Guillaume Lerouge 31.1 113 This mode allows you to control the access rights for the page you're viewing (you need to have the correct access rights to modify a page's rights of course!). See the [[Rights Management>>Features.RightsManagement]] topic for more information.
Guillaume Lerouge 1.75 114
Silvia Macovei 43.3 115 = Full Screen Mode =
Guillaume Lerouge 1.75 116
Sorin Burjan 45.1 117 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 118
Guillaume Lerouge 31.1 119 //The button you need to click to go in full-screen mode//
Sorin Burjan 50.1 120 [[image:FullScreenButton.png||style="border:1px solid black;"]]
Guillaume Lerouge 1.77 121
Sorin Burjan 45.1 122 //Editing while in full-screen mode//
Sorin Burjan 50.1 123 [[image:FullScreen.png||style="border:1px solid black;"]]

Get Connected