Wiki source code of PageEditing

Version 30.1 by Silvia Macovei on 2009/08/19

Hide last authors
Guillaume Lerouge 1.73 1 #startfloatingbox()
Guillaume Lerouge 29.1 2 *Contents*
3 #toc ("2" "3" "")
Guillaume Lerouge 1.73 4 #endfloatingbox()
5
Guillaume Lerouge 29.1 6 1 Page Editing
Vincent Massol 15.1 7
Guillaume Lerouge 29.1 8 In XWiki all pages are editable (provided you are logged in and/or have the edit rights). To edit a page, all you have 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). For instance using the [Toucan skin>code:Skins.ToucanSkin] you should see what is on the image below.
Guillaume Lerouge 1.73 9
Guillaume Lerouge 29.1 10 {image:EditionSimpleMode.PNG}
Guillaume Lerouge 1.73 11
Guillaume Lerouge 29.1 12 1.1 Simple and Advanced edition modes
Guillaume Lerouge 1.73 13
Guillaume Lerouge 29.1 14 Since XWiki is an [application wiki>Main.SecondGenerationWiki], all users will not need to use the same features. This is why XWiki comes with a simple and an advanced edition mode. Users can easily choose which edition 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 edition modes they may not be familiar with. By default new users are given the Simple edition mode but they can switch to the Advanced mode as described below.
Guillaume Lerouge 1.73 15
Guillaume Lerouge 29.1 16 1.1.1 Simple Mode
Guillaume Lerouge 1.73 17
Guillaume Lerouge 29.1 18 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 (ie pages using the \#\includeForm() macro). The two edition modes available in simple mode are:
Guillaume Lerouge 1.73 19
Guillaume Lerouge 29.1 20 * [Wiki Edition Mode>Features.PageEditing#HWikieditingmode]
21 * [WYSIWYG Edition Mode>Features.PageEditing#HWYSIWYGeditingmode]
Guillaume Lerouge 1.73 22
Guillaume Lerouge 29.1 23 1.1.1 Advanced Mode
Guillaume Lerouge 1.73 24
Silvia Macovei 27.3 25 Experienced XWiki users will want to use all the edition 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 will display the full edition 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 26
Guillaume Lerouge 29.1 27 {image:AdvancedMode.PNG}
Guillaume Lerouge 1.73 28
Silvia Macovei 27.3 29 Once you have switched to advanced mode, the "Edit" menu will look like this when the mouse is over:
Guillaume Lerouge 1.73 30
Guillaume Lerouge 29.1 31 {image:EditAdvancedMode.PNG}
Guillaume Lerouge 1.73 32
33 This will give you access to the following edition modes:
34
Guillaume Lerouge 29.1 35 * [Form Edition Mode>Features.PageEditing#HFormeditingmode28akainlinemode29]
36 * [Object Edition Mode>Features.PageEditing#HObjectseditingmode]
37 * [Class Edition Mode>Features.PageEditing#HClasseseditingmode]
38 * [Access Rights Edition Mode>Features.PageEditing#HPageAccessRightseditingmode]
Guillaume Lerouge 1.73 39
Guillaume Lerouge 29.1 40 1.1 Common edit actions
Sergiu Dumitriu 16.1 41
42 All edit modes have some or all of the elements in the following image:
43
Guillaume Lerouge 29.1 44 {image:EditActions.PNG}
Sergiu Dumitriu 16.1 45
Guillaume Lerouge 29.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
Silvia Macovei 27.4 48 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 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
Guillaume Lerouge 29.1 52 The *comment* field allows entering a short description of the changes made to the document in the version 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 53
Guillaume Lerouge 29.1 54 The *Cancel* button causes the changes to be discarded and forwards to the document view mode.
Sergiu Dumitriu 16.1 55
Guillaume Lerouge 29.1 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.
Sergiu Dumitriu 16.1 57
Guillaume Lerouge 29.1 58 The *Save & Continue* button submits the current changes and returns to the current edit mode.
Sergiu Dumitriu 16.1 59
Guillaume Lerouge 29.1 60 The *Save & View* button submits the current changes and returns to the document view mode.
Sergiu Dumitriu 16.1 61
Guillaume Lerouge 29.1 62 1.1 Wiki editing mode
Guillaume Lerouge 1.73 63
Guillaume Lerouge 29.1 64 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 65
Silvia Macovei 27.2 66 This is what the wiki edition mode looks like with the Toucan skin:
Guillaume Lerouge 1.73 67
Guillaume Lerouge 29.1 68 {image:WikiEdition.PNG}
Guillaume Lerouge 1.73 69
Silvia Macovei 27.2 70 In Wiki and WYSIWYG mode, the user can maximize the edit area to occupy as much as possible of the full window. For this, there is a green arrow button on the top-right corner of the editor, which launches the fullscreen editing mode. The user is able to save, preview or continue working without closing the fullscreen window.
71 In order to close the window and restore the original dimensions of the editor the user can press the green arrow button on the top-right corner of the editor.
Vincent Massol 18.1 72
Guillaume Lerouge 29.1 73 1.1.1 Choosing a Syntax
Vincent Massol 18.1 74
Guillaume Lerouge 29.1 75 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 76
Silvia Macovei 30.1 77 {image:syntax.png}
Vincent Massol 18.1 78
Marius Dumitru Florea 25.1 79 #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].")
Vincent Massol 19.3 80
Guillaume Lerouge 29.1 81 1.1 WYSIWYG editing mode
Guillaume Lerouge 1.73 82
Vincent Massol 1.86 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.
Guillaume Lerouge 1.73 84
Guillaume Lerouge 29.1 85 {image:wysiwyg.png}
Vincent Massol 26.2 86
Marius Dumitru Florea 25.1 87 #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].")
Vincent Massol 19.7 88
Guillaume Lerouge 29.1 89 Read the [documentation for using the new WYSIWYG editor>WysiwygEditor] for more details.
Vincent Massol 1.86 90
Guillaume Lerouge 29.1 91 1.1 Form editing mode (aka inline mode)
Guillaume Lerouge 1.73 92
Guillaume Lerouge 29.1 93 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.
Silvia Macovei 28.1 94
Guillaume Lerouge 1.73 95 You can only use this edit mode for pages having such structured content.
96
Guillaume Lerouge 29.1 97 Technically this mode is used to edit pages that use the \#\includeForm() macro to display Forms objects attached to the page. 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 98
Guillaume Lerouge 29.1 99 1.1 Objects editing mode
Guillaume Lerouge 1.73 100
Guillaume Lerouge 29.1 101 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 102
Guillaume Lerouge 29.1 103 1.1 Classes editing mode
Guillaume Lerouge 1.73 104
Guillaume Lerouge 29.1 105 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 know more about programming with Objects/Classes.
Guillaume Lerouge 1.73 106
Guillaume Lerouge 29.1 107 1.1 Page Access Rights editing mode
Guillaume Lerouge 1.73 108
Guillaume Lerouge 29.1 109 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 110
Guillaume Lerouge 29.1 111 1.1 Full Screen Mode
Guillaume Lerouge 1.75 112
Guillaume Lerouge 29.1 113 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 edition 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 114
Guillaume Lerouge 29.1 115 ~~The button you need to click to go in full-screen mode~~ \\{image:FullScreenButton.PNG}
Guillaume Lerouge 1.77 116
Guillaume Lerouge 29.1 117 ~~Edition while in full-screen mode~~ \\{image:FullScreen.PNG}

Get Connected