Document Title Drupal - Wiki Web Page Editor Guide for Authors
Author Samir Mankar
Department SimManager
Date Created 28 Sep 2012
Reviewed By David Raj
Revision HistoryRevision # Date Changes
1.0 28 Sep Created1.1 7 Nov Updated Anchors and Links, added Thumbnails
Guide to Add and edit content using web page editor1. Wiki users with role as Author can add new content to the MSC product documentation.
2. Use the following steps to add new content:a. Navigate to the page in the hierarchical tree in Book Navigation Menu in the left side.
b. For example to add page in SimManager Migration guide, click the plus icon on its right side.
c. Click on SimManager Migration Guide link.
d. Click Add child page link located below the content in the right side.
3. Online content editor.a. Enter an appropriate title that will be used as Page nameb. The Body section has editor with features which quite similar to the windows word
processor.
Editor features:1. Paste from Word
a. Copy text from the Microsoft office Word document using Ctrl+c.
b. Click on Paste from word icon from the editorc. Paste the copied content in the pop window ( Note: pasting through mouse click does not
work , use Ctrl+v) and Click "Insert" Note :
Paste from Word does not support copy and paste of images. Images should be separately uploaded using Image Manager.
Recommended browsers for Paste from Word are Mozilla Firefox and Google Chrome Browser only. Microsoft Internet Explorer has issues.
2. Image Manager
a. To insert image into the content click the image icon .
b. Click the browse button as shown in the image below:
c. An Image browser window opens, this is where all the images can be accessed.
d. The Directory icon is used to create new directory under the existing folder.
e. The Upload icon is used to upload new images from local system to server.f. Note : Currently multiple file upload is not supported. A single image is uploaded at one
instance. g. The uploaded images are shown in right pane of the window.
h. To insert a image select the image and click insert file icon. i. On clicking the insert file the url is embedded in the Image URL text box in the insert/edit
image window.
j. The Appearance tab next to General give option to set dimension alignment and horizontal and vertical spacing of the image.
k. The Style is not needed to be set manually. For example set Vertical space as 10 and click outside the text box , this automatically sets the margin-top: 10px and margin-top:10px; in the Style.
l. The Advanced tab has some options for visual effects like mouse over and descriptions.
m. Click the Insert button at the left bottom to insert the image in the editor.
3. Insert Video:
Click on and select the type of video that needs to be inserted in the content.
a. The video can be embedded from a site like You Tube or some media server by directly inserting the URL in the File/URL text box.
b. Click Insert button to insert the video. Note: Video that has been already uploaded to the Wiki using File Browser(Refer Image manger section ) can be embedded in the current page by providing that video URL.
4. Anchors
a. Keep the cursor before the heading that needs to be anchored. For example, Purpose.
b. Click the Anchor icon to create anchors to the titles, a pop up window will open.
c. The Anchor name starts with the page tile and then followed by the anchor name. For example, VariantManagement#Purpose
d. Click Insert button to insert the anchor as shown below:
Note : The text used in anchor should not contain any spaces between the letters as shown in above image.
e. Show the Anchor as link on the same page as shown below:
f. Now to create a link to this anchor select the text and click the insert/edit link icon a pop window will open.
g. Click the Anchors tab and select the anchor created previously and then click Insert.h. A link is created as shown below:
5. Anchors with Page title
a. Click the Anchor icon to create anchors to the titles, a pop up window will open. s
b. The Anchor name starts with the page tile and then followed by the title where anchor is
created. For example, VariantManagement followed by a "-" and then anchor title. i.e. "VariantManagement-Purpose"
c. Click Insert button to insert the anchor as shown below:
6. LinksTo create links to other existing document pages in the SimManager documentation. For example, hyper link "Variant Management Purpose" as shown below:
a. Select the text and Click the LinkIt icon a pop window will open.
b. Click in the search content box and enter the title of the page to be linked.
c. The auto search feature will show the available pages, click the title you want and click Insert link.
d. Tohyper link anchors for a page, add the anchor name after the page title
7. Open Thumbnail image in new windowa. Insert an image(Refer Section 2: Image Manager) or Select an existing image and click on
image icon .b. Click on Appearance tab and change the width and height to make the image as thumbnail.
c. Select this thumbnail and Click on Link/Edit icon, and enter the same URL used for this thumbnail and Target as "Open in New Window(_blank)" and click Insert
8. Highlight Messages(Note, Important, Warning and Code Block)
The four icons are used to insert message blocks for different purposes such as warning , note ,important messages and adding a code block
a. Click on the icon and enter the text message that needs to be added.b. An icon with text like "Note" will be shown and text that was entered is added in the next line
for messages of type Note ,Important and Warning c. The Fourth icon, Code block is used to highlight the content as "code"
9. Text FormatText editor has two text formats:
a. Full HTML: User can add/paste the content with images included in it.
In order to view images in the newly created page, "Full HTML" option should be selected.b. Plain text:
Plain text doesn't allow editor(author) to use HTML in their body. By default, Full HTML selected as text format
10. Add AttachmentsThe Add a new file is used to upload and add a zip file to the content as a link. Supported formats are mp4, m4v, zip, dat, js.
a. Click on Browse button to select the file.b. Click the Upload button to upload the file to the server.
c. Uploaded file is available as shown in the image below. d. Click on Insert button to insert the file in the content.
11. Book OutlineAuthor need to select a book under which he wishes to add the new child page.Note: Author is cannot add a new book, they can only add child pages to existing books
a. In step 1 we navigated in the SimManager 2012 documentation and then under SimManager Migration Guide clicked Add Child Page.
b. In the above image the Book is SimManager and the parent item is the node or content under which the current page is created.
12. Parent Book Page and Book Page Weight
Author need to select a the parent book page, under which the new book page fits under the hierarchy.
Author need to select weight of the book page he is creating. Weight is the position of the book page in the hierarchy as compared to the sibling child pages. Child book pages under the same parent book page will be arranged in ascending order of their weightsAfter selecting the weight of the page the author can either Preview the page to see if some change is needed or click Save button to save the page.
13. Edit the content(book page) owned/published by any authorAuthor can edit a book page by clicking the "Edit page" under the "Tools" menu, located at the top right corner of any book page.Editing the page will create new revision of the document and store it into database, along with previous version. Author can also provide the log of the revision in order to review later about the changes that were made while editing.
