Article Body Editor

ARTICLE TOOLBAR

1. Maximize – Toggles the editor full screen, hiding the other sections of the article editor.

Article Editor in Standard View

Article Editor in Full Screen (Maximized)

2. Toggle Show Blocks – Toggles blocks view in the editor.

Article Editor with blocks turned off

Article Editor with blocks turned on

3. Toggle Source – Toggle between text editor and HTML source editor

4. Undo – Undo last edit

5. Redo – Redo last deletion

6. Find – Opens the find window to search the current article contents

7. Find & Replace – Opens the ‘Find and Replace’ window, allowing you to replace words or characters within the current article.

8. Spell Check, Enable SCAYT (Spellcheck As You Type) – You can choose to check the spelling of your article once, or select the ‘Spellcheck as you type’ option.

9. Bold – Make text bold, uses html <b> tag.

10. Italic – Makes text italic, uses html <i> tag.

11. Strikethrough – Adds strikethrough to text, uses html <s> tag.

12. Subscript – Makes selected text subscript, uses html <sub> tag.

13. Superscript – Makes selected text superscript, uses html <sup> tag.

14. Remove Formatting – Removes all formatting from selected text.

15. Insert Bulleted List – Inserts bulleted list, uses html <ul> tag.

16. Insert Numbered List – Inserts numbered list, uses html <ol> tag.

17. Increase Indent – Increases indent, works only when in a list (numbered or bulleted).

18. Decrease Indent – Decreases indent, works only when in a list (numbered or bulleted).

19. Add Block Quote – Applies block quote formatting to current paragraph.

20. Add Pull Quote – Applies pull quote formatting to current paragraph.

21. Add Sidebar – Applies sidebar formatting to current paragraph.

22. Create DIV Container – Allows you to create your own div container with predefined classes and/or a custom ID.

23. Insert link – Add a link, uses html href. Opens a link window with 4 tabs: Link Info, Target, Upload and Advanced.

Link Info

Link Type: choose the link type (URL, Anchor, Email)

Protocol: choose your protocol (http, https, ftp, news, other). Most publishers will use either http or https. The news protocol is for newsgroups.

URL: Enter the url

Browse Server: Link to any item that is associated with this issue. Typically images.

Link Target

<not set>: Default’s to browser behavior

<frame>: Within a named iframe. Must enter the name of the frame.

<popup window>: Opens link in a popup window. Must enter popup window variables: Window name, height, width, etc.

New Window: equal to target=”_blank”

Topmost Window: equal to target=”_top”

Same Window: equal to target=”_self”

Parent Window: equal to target=”_parent”

Link Upload

Users can upload a file that will be the target of the link, such as an image, PDF or document.

Advanced Link Settings

24. Remove Link – Deletes the selected link

25. Add/Edit Image – If no image is selected, user is prompted to add a new image. If an image is selected, the edit image window will appear. Image editor window can also be accessed by double-clicking on the image. The image editor window has 3 tabs: Image Info, Link and Upload.

Image Info:

URL:

Alternative text:

Captioned Image:

Include in Gallery:

Image Size:

Alignment:

Image Link

URL:

Target:

Image Upload

Choose File:

Adding captions to existing images

If you want to add a caption to an existing image, you can select the image and click the “Image” button on the toolbar, or right-click on the image and choose “Image Properties” from the context menu. In The “Image Properties” dialog, check the box for “Captioned image” and click “OK”. You will then see that a caption appears below your image.

Photo credits

If you want to format the photo credit separately from the rest of the caption, select that text within the caption and choose “Attribution” from the “Elements” menu.

Adding new images

To insert a new image into the article, move the insertion point to the place where you want to place the image, then click the “Image” button in the toolbar to open the “Image Properties” dialog.

In the “Upload” tab, click “Choose File” and browse for the image that you would like to use. Your upload will begin automatically once you close the file browser.

Moving images

You can move an image and its caption by dragging on the crosshairs icon that appears at the top left corner of an image.

Editing or Replacing Images

Sometimes you may want to add or replace an existing image. To do so, you can select the image and click the “Image” button on the toolbar (see below), double-click on the image, or right-click on the image and choose “Image Properties” from the context menu.

This will open the “Image Properties” dialog. In the “Upload” tab, click “Choose File” and browse for the image that you would like to use. Your upload will begin automatically once you close the file browser.

Image Size Guidelines

Deleting images

Unwanted images can be removed by selecting the image and pressing the delete or backspace key.

26. Embed Media – Use this dialog to embed external content in your article. Look for an option like “Embed” or “Embed Code” on the item that you want to insert, then copy and paste the provided HTML below. You can also embed iFrames, HTML5 Video or HTML5 Audio. If your embed code does not include values for width and height, you must enter them in the Width and Height fields below. These are used as a guideline to maintain the correct shape when resizing your embedded content.

27. Insert Special Character – Choose from a list of special characters, which will be converted in the source to their associated HTML entity.

28. Advertisements – Allows users to insert an advertisement. See Self-Serve Fractional Ad Placement

28. Content Elements – Turnstyle has a number of predefined classes that you can use to affect the way your content is structured. The appearance of each of these elements is defined during the initial customization process. Use the Elements menu to change the class of the selected text.

Block elements

Block elements will apply to the entire block of content, i.e. paragraph, when you apply them, regardless of what text is selected.

Body

Use for the main text of the article. This is the default style.

Title page styles

Roof Header (section header)

The roof header appears at the top of the first page of the article. Typically the roof header is used to label recurring columns or sections within your edition. Turnstyle will look for the first roof header in your article and will display it at the top of the first page. You should only use one roof header per article.

Subtitle (deck)

The subtitle (deck) appears below the article title. Turnstyle will look for the first subtitle in your article and will display it at the top of the first page. You should only use one subtitle per article.

Byline

The byline appears below the article title, after the subtitle. Turnstyle will look for the first byline in your article and will display it at the top of the first page. You should only use one byline per article.

Heading 1-4

Use for headings within the body of the article.

Supplementary

Use supplementary for short additional content at the end of an article, such as an author bio.

Inline elements

Inline elements apply only to the selected text.

Attribution

Use to identify the author at the end of an article or for the photo credit in a caption.

Drop Cap

Use to mark a single letter at the beginning of a paragraph as a drop cap.