Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: ready to pub

...

Status

...

Status
colourRed
titlenot visible to public
https://junolive.atlassian.net/jira/software/projects/JDT/boards/9?selectedIssue=JDT-453

...

Type

...

How to

...

Reader

...

Clients / instructors

...

Reader goal

...

set up course video and body; understand where they appear on home page and who/when can see it-- so they know what kind of info belongs there.

...

Contributors

...

JUNO version

...

Most up-to-date vNext

...

Reviewers (check the box when you’re done!)

...

  •  Monica
  •  Jami

...

Review deadline

...

Notes for reviewers

Include Page
JE:REUSE - Only new JUNO LMS noteJE:
REUSE - Only new JUNO LMS note

...

Panel
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#F4F5F7

Before you begin

  • Insert excerpt
    JE:REUSE - link to open course editorJE:
    REUSE - link to open course editor
    nopaneltrue

  • Remember to click Save at the top of the page before going to a different tab in the editor. Otherwise, you’ll lose your changes.

Panel
panelIconId1f513
panelIcon:unlock:
panelIconText🔓
bgColor#F4F5F7

Who can edit this course information?

Insert excerpt
JE:REUSE - who has access? excerptsJE:
REUSE - who has access? excerpts
nameCourse edit - info
nopaneltrue

...

You can add additional text, images, and videos to the course body. It displays below the main icon image or video on the course home page.

Include Page
JE:REUSE - Course videos and analytics noteJE:
REUSE - Course videos and analytics note

...

Expand
titleInsert images

You can insert multiple images from your desktop or from a hosted location.

For images saved on your desktop, drag and drop them directly into the text field.

For images you have hosted online, insert its URLtheir URLs:

  1. Place your cursor where you want to insert the image.

  2. Open the Insert menu.

  3. Select Image.

  4. In the Source field, paste the image URL.

  5. Select Save.

To edit an image after inserting it:

  1. Select the image. You can tell it’s selected because it has a blue outline.

  2. Open the Insert menu.

  3. Select Image to open its settings.

  4. Add an Alternative Description to improve the image’s accessibility. Or resize it by changing the Width and Height.

Info

You can make the size responsive to the screen width so that the image doesn’t get cut off. Type auto into the Height field, and a percentage into the Width field. For example, 100% makes the image fill the full width of the content area, while 50% fills half. Test it out by selecting File > Preview and resizing your browser window.

To reorder images, click and drag them to a different line.

Expand
titleInsert videos

You can insert multiple videos hosted by JUNO in our s3 bucket or you can embed videos hosted on YouTube, Vimeo, Wistia, or Brightcove.

Include Page
JE:REUSE - Course videos and analytics noteJE:
REUSE - Course videos and analytics note
Include Page
JE:REUSE - Video privacy - Client warning and page linkJE:
REUSE - Video privacy - Client warning and page link
  1. Place your cursor where you want to insert the video.

  2. Open the Insert menu.

  3. Select Media.

    1. To add an m3u8 link hosted by JUNO, select General and paste it in into the Source field.

    2. Or to embed a YouTube, Vimeo, Wistia, or Brightcove video, select Embed and paste the embed code. That code looks something like this: <iframe width="560" height="315" src="https://www.youtube.com/embed/n61...</iframe>

  4. Select Save.

To reorder videos, click and drag them to a different line.

Expand
titleInsert links
  1. Copy the URL of the page you want to link to.

  2. Highlight text in the text field.

  3. Open the Insert menu.

  4. Select Link.

  5. Paste the URL.

  6. Select Save.

To edit an existing link, right-click it and select Link. To remove an existing link, right-click it and select Remove link.

...

Expand
titleRemove formatting from copy/pasted text

When you copy and paste text from another text editing program or website, it sometimes brings along unwanted text formatting from its original location. There are two ways to fix this:

  • Before pasting the text, open the Edit menu and select Paste as text. A checkmark appears, indicating that the setting is turned on. Now, select Paste to paste your text, free of formatting.

  • Or after pasting the text, highlight it and open the Format menu. Select Clear formatting. This doesn’t clear some types of formatting, so it may be less reliable than the first option.

The edit menu is above the text editing field, after 'File.' The paste as text option is checked.
Expand
titleMore tools

In the File menu

New document

Clears all content in the text field. Only select this if you want to start over. If you need to undo it, select Edit > Undo or Edit > Restore last draft.

Preview

Shows you what the content will look like to users, in a pop-up window.

In the Edit menu

Undo/Redo

Undo and redo your actions.

Copy/Paste

Copy and paste content.

Find and replace

Replace a word or phrase throughout the text, all at once.

In the View menu

Source code

Allows you to edit the HTML source code. Add iFrames here.

In the Insert menu

Code sample

For inserting code samples formatted in a gray code block. For inline code formatting, see Format > Code.

Table

Inserts a customizable table. After creating it, open the Table menu to change the number of columns and rows, customize the border style, cell padding, and more.

Special character

Select from a long list of standard special characters.

Emojis

Select from a long list of standard emojis. Note that some emojis might appear differently to users depending on their browser or device type.

Horizontal line

Inserts a gray horizontal line to divide sections of the page.

In the Format menu

Bold, Italic, Underline, Strikethrough,and Superscript/Subscript

Formats text.

Code

Formats inline text as a monospaced font with a gray background. For code formatting in a block, see Insert > Code sample. To access the source code instead, see View > Source Code.

Fonts, Font sizes, Text color, Background color

Select from a list of standard web fonts, font sizes, font colors, and text highlight colors.

Align

Align text to the left, right, center, or justified.

In the More (•••) menu

Bullet list and Numbered list

Insert a bulleted or numbered lists. You can choose different list styles and create multiple list levels by adding indents.

Increase/Decrease indent

Manage the level of list items by increasing or decreasing the indent.

Block quote

Formats text as a block quote (indented text with a vertical line in the left margin).

...