Drupal - Editor and Tools

Default Editing Tools

  • The Body area has a set of tools that can be used to format the content.
  • The following is a list of tools available by default:
drupal16.png
  • Format: This drop-down list has several pre-defined heading styles, paragraph styles that you can use to format headings and paragraphs.
  • Bold: To bold a text
  • Italics
  • Bullets/Numbering: To add bulleted/numbered list.
  • Link: To add a hyperlink.
  • Insert/Edit Image: This icon can be used to insert an image or to edit an existing image in the content area. 
  • While inserting or editing an image, additional option is available to upload a local file (file that exists on your local computer) to the server and later insert that file into the content area. Also it lets users to insert an image that already exists on the server. To learn how to do this, follow the steps below:

Advanced Editing Tools

  • Depending on the level of customization your site allows, you may have access to more advanced editing tools for content creation. The following is a more detailed description of the various editing tools that may be available to you:

drupal17.png

  1. Paste from Clipboard – Standard paste command
  2. Paste as Plain Text – Opens a dialog box allowing you to paste from the clipboard and have all extraneous styles and formatting removed from the content. Useful if content copied from somewhere else is formatting strangely when added to the page.
  3. Paste from Word – Allows content created in Microsoft Word to be pasted into the body of the page maintaining maximum similarity in style and formatting.
  4. Find – Search through the content for specified characters or words.
  5. Replace – Similar to find, but also allows the found item to be replaced with another specified character or word.
  6. Select All – Select the entirety of the content in the body area.
  7. Remove Format – Strips the content of all formatting, reverting it to simple text and links.
  8. Insert/Edit Link – Allows selected text or images to be converted into a hyperlink, either to an external site or an internal page.
  9. Remove Link  - Allows a link to be converted back into normal text.
  10. Insert/Edit Anchor – Add or edit a spot in the content that can be used as a target to send users to via a hyperlink.
  11. Insert/Edit Image – Add graphics from the server or upload them from your computer. See section 4c of this document for more detailed instructions.
  12. Insert/Edit Table – Create structured formatting useful for displaying certain types of content and data.
  13. Style – Certain sites may allow customized styles to be applied to match the site design. Selecting text and then choosing a style from this dropdown menu will apply the chosen styles to the text.
  14. Subscript – Makes selected text appear as subscript below surrounding text.
  15. Superscript – Makes selected text appear as superscript above surrounding text.
  16. Spellchecker – Initiates a basic spelling check for content added to the body field.
  17. Ordered/Unordered Lists – Create content in either numbered or bulleted lists.
  18. Indent – Increase or decrease the indentation of list items or text items.
  19. Justification – Specify the alignment for a block of text, whether it should align to the left side, the right side, or down the center.
 



Web File Manager – File Uploads/Browsing

  • Click on the Insert/Edit Image icon from the FCKEditor.
  • The insert/edit image popup window opens.
 
drupal18.png
  • Click on the Browse Server button as shown in the image above.
  • The Web File Manager window opens.
 
drupal19.png
  • Using the Web File Manager, there are two options to insert a file:
  • Insert a file already existing on the server or
  • A file can be uploaded to the server from your computer and then inserted into the content.
  • To insert a file that is already on the server, right click on that file from the list of files. Select the “Send to Rich Text Editor” option.
 
drupal20.png
 
  • This will paste the link back into the insert/edit image popup window. At this point other properties such as the width, height, and alignment of the image can be modified.
drupal21.png
  • Click Ok on the insert/edit image popup window to see the image in the Body area.
  • To upload a file from the computer and then insert into the body area, within the Web File Manager, navigate to the folder where the file needs to be uploaded. Click on the ‘File Upload’ link. Choose the file from your local computer that needs to be added to the server. Click ok to add the file to the server. Upon successful Upload, there will be a success message as the one shown below.
drupal22.png
  • The file just uploaded should be seen listed under the folder selected. In the above figure, the file ‘title.jpg’ was just uploaded and is seen listed along with other files. Once the file is uploaded to the server, right click on the file and select “Send to Rich Text Editor”. That will insert the link back into the insert/edit image popup window. Change the height, width, and alignment if necessary and click OK.
  • For making an image or a text as an hyperlink, follow the steps below:
  • Highlight the text or the image that needs to be linked.
  • Click on the “Link” icon from the FCKEditor. drupal23.png
  • For any internal URLs (to link to a document within the site) use the Browse Server button to select the document. For any external URLs (pages or documents existing outside the site) copy then paste the external URL into the URL field. Click OK
 

Web File Manager – Set File Permissions

  • Certain sites have the capability for files that are uploaded to the server to be secured by making the files private. This feature is useful if your group needs to share certain files that contain confidential or private information and should be protected against public downloads. In such a scenario, only users who can login to the site will be able to see those files. If your site does not have this capability and you would make use of it, contact your site developer via the help-sites@bmi.cchmc.org help queue. 
  • Setting file permissions is done in the following way:
  • Click on the Web File Manager link as shown below:
drupal24.png
  • Right click on the file whose file permission needs to be changed. Select the ‘File Permissions’ options.
drupal25.png
 
  • Uncheck the “Public Download” option.
drupal26.png
 
  • Click Submit. Permissions will be saved to the database. (Note: If you wish to make a file publicly available anytime, simply select the “Public Download” option and hit Submit)