HTML Editor Changes - Raw Editor
stud-1566
This commit is contained in:
Mark Hoeber
BIN
docs/en_us/course_authors/source/Images/html_templates.png
Normal file
BIN
docs/en_us/course_authors/source/Images/html_templates.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
docs/en_us/course_authors/source/Images/raw_html_editor.png
Normal file
BIN
docs/en_us/course_authors/source/Images/raw_html_editor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
docs/en_us/course_authors/source/Images/set_html_editor.png
Normal file
BIN
docs/en_us/course_authors/source/Images/set_html_editor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
@@ -16,6 +16,8 @@ April, 2014
|
||||
- Expanded the :ref:`Grades` chapter to include topics on interpreting the grade reports and student progress page.
|
||||
* -
|
||||
- Updated the :ref:`Beta_Testing` section to reflect feature changes.
|
||||
* -
|
||||
- Updated the :ref:`Working with HTML Components` chapter to reflect changes to the HTML component editor.
|
||||
* - 04/23/14
|
||||
- Reorganized information about problems into :ref:`Exercises and Tools Index` section.
|
||||
* - 04/23/14
|
||||
|
||||
@@ -9,42 +9,99 @@ Working with HTML Components
|
||||
HTML Component Overview
|
||||
***********************
|
||||
|
||||
HTML components are the basic building blocks of your course content. You use HTML components to add and format text, links, images, and more.
|
||||
HTML, or HyperText Markup Language, is the standard markup language used to
|
||||
create web pages. Web browsers present HTML code in a more readable format. When
|
||||
students see text and images in your course, they are seeing HTML code that is
|
||||
formatted and presented by their browsers. For more information about HTML, see
|
||||
`Wikipedia <http://en.wikipedia.org/wiki/HTML>`_.
|
||||
|
||||
HTML components are the basic building blocks of your course content. You use
|
||||
HTML components to add and format text, links, images, and more. You can choose
|
||||
to create HTML components directly in HTML code, or using a Visual editor that
|
||||
hides the HTML code details, as described below.
|
||||
|
||||
For more information, see the following topics:
|
||||
|
||||
* :ref:`The HTML Editor`
|
||||
* :ref:`Options for Editing HTML Components`
|
||||
* :ref:`The Visual Editor`
|
||||
* :ref:`The Raw HTML Editor`
|
||||
* :ref:`HTML Component Templates`
|
||||
* :ref:`Create an HTML Component`
|
||||
* :ref:`Add a Link in an HTML Component`
|
||||
* :ref:`Add an Image to an HTML Component`
|
||||
* :ref:`Import LaTeX Code`
|
||||
|
||||
.. note:: Review :ref:`Organizing Your Course Content` and :ref:`Best Practices for HTML Markup` before you start working with HTML components.
|
||||
.. note::
|
||||
Review :ref:`Organizing Your Course Content` and :ref:`Best Practices for HTML Markup` before you start working with HTML components.
|
||||
|
||||
To add an instant hangout to an HTML component, see :ref:`Google Instant Hangout`.
|
||||
|
||||
.. _The HTML Editor:
|
||||
|
||||
.. _Options for Editing HTML Components:
|
||||
|
||||
********************************************
|
||||
Options for Editing HTML Components
|
||||
********************************************
|
||||
|
||||
You can work with HTML in two ways:
|
||||
|
||||
* :ref:`The Visual Editor`
|
||||
|
||||
With the Visual editor you can create, edit, and format content in a word
|
||||
processing-like interface, without using HTML code directly. With the Visual
|
||||
editor, you can more easily format your content, and add links and images. The
|
||||
Visual editor provides access to HTML code so you can make small changes to
|
||||
formatting, if required. However, the HTML view in the Visual editor does not
|
||||
provide the detailed control you can get with the Raw HTML editor, and does
|
||||
not support custom formatting or scripts.
|
||||
|
||||
* :ref:`The Raw HTML Editor`
|
||||
|
||||
With the Raw HTML Editor, you work directly with HTML code. If you need to use
|
||||
custom formatting or scripts in your content, you should use the Raw HTML
|
||||
Editor.
|
||||
|
||||
|
||||
Set the Editor for an HTML Component
|
||||
************************************
|
||||
|
||||
You set the editor for an HTML component in the **Settings** tab:
|
||||
|
||||
.. image:: ../Images/set_html_editor.png
|
||||
:alt: The Editor selection drop-down list in the HTML Component Settings tab
|
||||
|
||||
Select **Visual** or **Raw**. When you change the editor, you must click
|
||||
**Save** and re-open the component to begin using the new editor.
|
||||
|
||||
.. warning::
|
||||
If you work with content in the Raw HTML editor, then switch to the Visual
|
||||
editor, you may lose custom HTML that you created. Therefore, it is recommended
|
||||
that you start by using the Visual editor, then switch to the Raw HTML editor
|
||||
when you need to create custom HTML.
|
||||
|
||||
.. _The Visual Editor:
|
||||
|
||||
*****************************************
|
||||
The HTML Component Editor
|
||||
The Visual Editor
|
||||
*****************************************
|
||||
|
||||
When you create a new HTML component, you work with the HTML editor:
|
||||
The Visual editor provides a “what you see is what you get” (WYSIWYG) interface
|
||||
that allows you to format text by clicking the formatting buttons at the top of
|
||||
the editor.
|
||||
|
||||
.. image:: ../Images/HTMLEditor.png
|
||||
:alt: Image of the HTML component editor
|
||||
|
||||
The editor provides a “what you see is what you get” (WYSIWYG) interface that allows you to format text by clicking the formatting buttons at the top of the editor.
|
||||
|
||||
.. note:: The editor attempts to ensure the underlying HTML code is valid; for example, if you do not close a div tag, it inserts one at the end of the paragraph. You can see this by opening the HTML code editor, as described below.
|
||||
|
||||
The following image shows call-outs for the editing options and is followed by descriptions.
|
||||
The following image shows call-outs for the editing options and is followed by
|
||||
descriptions.
|
||||
|
||||
.. image:: ../Images/HTML_VisualView_Toolbar.png
|
||||
:alt: Image of the HTML editor, with call-outs for formatting buttons
|
||||
|
||||
#. Choose a formatting style for the selected paragraph, such as heading 1, heading 2, or paragraph.
|
||||
#. Choose a font family for selected text, such as Arial, Courier New, or Times New Roman.
|
||||
#. Choose a formatting style for the selected paragraph, such as heading 1,
|
||||
heading 2, or paragraph.
|
||||
#. Choose a font family for selected text, such as Arial, Courier New, or Times
|
||||
New Roman.
|
||||
#. Format selected text in bold.
|
||||
#. Format selected text in italics.
|
||||
#. Underline selected text.
|
||||
@@ -54,7 +111,8 @@ The following image shows call-outs for the editing options and is followed by d
|
||||
#. Create a numbered list.
|
||||
#. Decrease and increased the indentation of the selected paragraph.
|
||||
#. Format the selected paragraph as a blockquote.
|
||||
#. Create a link from the selected text. See :ref:`Add a Link in an HTML Component`.
|
||||
#. Create a link from the selected text. See :ref:`Add a Link in an HTML
|
||||
Component`.
|
||||
#. Delete the current link.
|
||||
#. Insert an image at the cursor. See :ref:`Add an Image to an HTML Component`.
|
||||
#. Work with HTML source code, described below.
|
||||
@@ -62,20 +120,66 @@ The following image shows call-outs for the editing options and is followed by d
|
||||
|
||||
.. _Work with HTML code:
|
||||
|
||||
============================
|
||||
Work with HTML code
|
||||
============================
|
||||
|
||||
To work with HTML source code for the component, click **HTML** in the editor toolbar. The HTML source code editor opens:
|
||||
Work with HTML code in the Visual editor
|
||||
*****************************************
|
||||
|
||||
To work with HTML source code for the content you create in the Visual editor,
|
||||
click **HTML** in the editor toolbar. The HTML source code editor opens:
|
||||
|
||||
.. image:: ../Images/HTML_source_code.png
|
||||
:alt: Image of the HTML source code editor
|
||||
|
||||
Edit the HTML code as needed.
|
||||
Edit the HTML code as needed.
|
||||
|
||||
Click **OK** to apply your changes to the HTML editor and close the source code.
|
||||
You should not add custom styles or scripts in the HTML code view in the
|
||||
Visual editor. Use the Raw HTML editor instead.
|
||||
|
||||
Click **OK** to close the source code editor and apply your changes in the
|
||||
Visual editor. The Visual editor then attempts to ensure the underlying HTML
|
||||
code is valid; for example, if you do not close a paragraph tag, the editor will
|
||||
close it for you.
|
||||
|
||||
.. warning::
|
||||
Clicking **OK** in the source code editor does not save your changes to the
|
||||
HTML component. You return to the component editor, where your changes are
|
||||
applied. You must then also click **Save** to save your changes and close the
|
||||
component. If you click **Cancel**, the changes you made in the HTML source
|
||||
code are lost.
|
||||
|
||||
.. _The Raw HTML Editor:
|
||||
|
||||
*****************************
|
||||
The Raw HTML Editor
|
||||
*****************************
|
||||
|
||||
When you select the Raw editor for the HTML component, you edit your content in
|
||||
a text editor:
|
||||
|
||||
.. image:: ../Images/raw_html_editor.png
|
||||
:alt: The Raw HTML editor
|
||||
|
||||
You must enter valid HTML. The Raw HTML editor does not validate your HTML code.
|
||||
Therefore you should thoroughly test the HTML content in your course.
|
||||
|
||||
|
||||
.. _HTML Component Templates:
|
||||
|
||||
*****************************
|
||||
HTML Component Templates
|
||||
*****************************
|
||||
|
||||
When you create a new HTML component, you select from a list of templates:
|
||||
|
||||
.. image:: ../Images/html_templates.png
|
||||
:alt: The list of HTML Component templates
|
||||
|
||||
The Raw HTML template is set to use the Raw HTML editor. All other templates use
|
||||
the Visual editor.
|
||||
|
||||
For any HTML component, you can change the editor, regardless of the template
|
||||
used to create the component. See `Set the Editor for an HTML Component`_.
|
||||
|
||||
.. warning:: Clicking **OK** in the source code editor does not save your changes to the HTML component. You return to the component editor, where your changes are applied. You must click **Save** to save your changes and close the component. If you click **Cancel**, the changes you made in the HTML source code are lost.
|
||||
|
||||
|
||||
.. _Create an HTML Component:
|
||||
@@ -91,9 +195,10 @@ To create an HTML component:
|
||||
.. image:: ../Images/NewComponent_HTML.png
|
||||
:alt: Image of adding a new HTML component
|
||||
|
||||
2. In the list that appears, click **Text**.
|
||||
2. Select the template.
|
||||
|
||||
.. note: You can also create a :ref:`Zooming Image` or :ref:`Image Modal`.
|
||||
The rest of these instructions assume you selected
|
||||
**Text**, which creates an empty component with the Visual editor selected.
|
||||
|
||||
An empty component appears at the bottom of the unit.
|
||||
|
||||
@@ -102,20 +207,22 @@ To create an HTML component:
|
||||
|
||||
3. In the component, click **Edit**.
|
||||
|
||||
The HTML component editor opens.
|
||||
The HTML component opens in the Visual editor.
|
||||
|
||||
.. image:: ../Images/HTMLEditor_empty.png
|
||||
:alt: Image of the HTML component editor
|
||||
|
||||
4. Enter and format your content. You can :ref:`Work with HTML code` if needed.
|
||||
|
||||
5. Enter a display name (the name that you want students to see). To do this, click **Settings** in the upper-right corner of the component editor, and then enter text in the **Display Name** field.
|
||||
5. Enter a display name (the name that you want students to see). To do this,
|
||||
click **Settings** in the upper-right corner of the component editor, and
|
||||
then enter text in the **Display Name** field.
|
||||
|
||||
To return to the text editor, click **Editor** in the upper-right corner.
|
||||
|
||||
6. Click **Save** to save the HTML component.
|
||||
|
||||
You can also:
|
||||
When using the Visual editor, you can also:
|
||||
|
||||
* :ref:`Add a Link in an HTML Component`
|
||||
* :ref:`Add an Image to an HTML Component`
|
||||
@@ -127,7 +234,8 @@ You can also:
|
||||
Add a Link in an HTML Component
|
||||
***********************************
|
||||
|
||||
To add a link to a website, course unit, or file in an HTML component, you'll work with the **Insert link** dialog box.
|
||||
When using the Visual editor, to add a link to a website, course unit, or file
|
||||
in an HTML component, you work with the **Insert link** dialog box.
|
||||
|
||||
.. image:: ../Images/HTML_Insert-EditLink_DBox.png
|
||||
:alt: Image of the Insert link dialog box
|
||||
@@ -140,9 +248,8 @@ You can:
|
||||
|
||||
.. _Add a Link to a Website:
|
||||
|
||||
============================
|
||||
Add a Link to a Website
|
||||
============================
|
||||
***********************************
|
||||
|
||||
To add a link to a website:
|
||||
|
||||
@@ -150,12 +257,15 @@ To add a link to a website:
|
||||
|
||||
#. Click the link icon in the toolbar.
|
||||
|
||||
#. In the **Insert link** dialog box, enter the URL of the website that you want in the **URL** field.
|
||||
#. In the **Insert link** dialog box, enter the URL of the website that you want
|
||||
in the **URL** field.
|
||||
|
||||
.. image:: ../Images/HTML_Insert-EditLink_Website.png
|
||||
:alt: Image of the Insert link dialog box
|
||||
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next to the **Target** field, and then select **New Window**. If not, you can leave the default value.
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next
|
||||
to the **Target** field, and then select **New Window**. If not, you can
|
||||
leave the default value.
|
||||
|
||||
#. Click **OK**.
|
||||
|
||||
@@ -164,13 +274,15 @@ To add a link to a website:
|
||||
|
||||
.. _Add a Link to a Course Unit:
|
||||
|
||||
============================
|
||||
|
||||
Add a Link to a Course Unit
|
||||
============================
|
||||
***********************************
|
||||
|
||||
You can add a link to a course unit in an HTML component.
|
||||
|
||||
#. Obtain the unit identifier of the unit you're linking to. To do this, open the unit page in Studio, and copy the unit ID from the **Unit Identifier** field under **Unit Location** in the right pane.
|
||||
#. Obtain the unit identifier of the unit you're linking to. To do this, open
|
||||
the unit page in Studio, and copy the unit ID from the **Unit Identifier**
|
||||
field under **Unit Location** in the right pane.
|
||||
|
||||
.. image:: ../Images/UnitIdentifier.png
|
||||
:alt: Image of the unit page with the unit identifier circled
|
||||
@@ -191,8 +303,9 @@ You can add a link to a course unit in an HTML component.
|
||||
.. image:: ../Images/HTML_Insert-EditLink_CourseUnit.png
|
||||
:alt: Image of the Insert link dialog box with a link to a unit identifier
|
||||
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next to
|
||||
the **Target** field, and then select **New Window**. If not, you can leave the default value.
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next
|
||||
to the **Target** field, and then select **New Window**. If not, you can
|
||||
leave the default value.
|
||||
|
||||
#. Click **Insert**.
|
||||
|
||||
@@ -200,11 +313,13 @@ You can add a link to a course unit in an HTML component.
|
||||
|
||||
.. _Add a Link to a File:
|
||||
|
||||
============================
|
||||
Add a Link to a File
|
||||
============================
|
||||
|
||||
You can add a link in an HTML component to any file you've uploaded for the course. For more information about uploading files, see :ref:`Add Files to a Course`.
|
||||
Add a Link to a File
|
||||
***********************************
|
||||
|
||||
You can add a link in an HTML component to any file you've uploaded for the
|
||||
course. For more information about uploading files, see :ref:`Add Files to a
|
||||
Course`.
|
||||
|
||||
#. On the **Files & Uploads** page, copy the **Embed URL** of the file.
|
||||
|
||||
@@ -212,7 +327,8 @@ You can add a link in an HTML component to any file you've uploaded for the cour
|
||||
.. image:: ../Images/HTML_Link_File.png
|
||||
:alt: Image of Files and Uploads page with the URL field circled
|
||||
|
||||
.. note:: You must use the **Embed URL** to link to the file, not the **External URL**.
|
||||
.. note::
|
||||
You must use the **Embed URL** to link to the file, not the **External URL**.
|
||||
|
||||
2. Select the text that you want to make into the link.
|
||||
|
||||
@@ -227,8 +343,9 @@ You can add a link in an HTML component to any file you've uploaded for the cour
|
||||
.. image:: ../Images/HTML_Insert-EditLink_File.png
|
||||
:alt: Image of the Insert link dialog box with a link to a file
|
||||
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next to
|
||||
the **Target** field, and then select **New Window**. If not, you can leave the default value.
|
||||
#. If you want the link to open in a new window, click the drop-down arrow next
|
||||
to the **Target** field, and then select **New Window**. If not, you can
|
||||
leave the default value.
|
||||
|
||||
#. Click **Insert**.
|
||||
|
||||
@@ -240,22 +357,31 @@ You can add a link in an HTML component to any file you've uploaded for the cour
|
||||
Add an Image to an HTML Component
|
||||
***********************************
|
||||
|
||||
You can add any image that you have uploaded for the course to an HTML component. For more information about uploading images, see :ref:`Add Files to a Course`.
|
||||
When using the Visual editor, you can add any image that you have uploaded for
|
||||
the course to an HTML component. For more information about uploading images,
|
||||
see :ref:`Add Files to a Course`.
|
||||
|
||||
.. note:: Review :ref:`Best Practices for Describing Images` before you add images to HTML components.
|
||||
.. note::
|
||||
Review :ref:`Best Practices for Describing Images` before you add images to
|
||||
HTML components.
|
||||
|
||||
To add an image, you'll need the URL of the image that you uploaded to the course. You'll then create a link to the image in the HTML component.
|
||||
To add an image, you'll need the URL of the image that you uploaded to the
|
||||
course. You'll then create a link to the image in the HTML component.
|
||||
|
||||
#. On the **Files & Uploads** page, copy the **Embed URL** of the image that you want.
|
||||
#. On the **Files & Uploads** page, copy the **Embed URL** of the image that you
|
||||
want.
|
||||
|
||||
.. image:: ../Images/image_link.png
|
||||
:alt: Image of the Files & Upload page with the Embed URL for the image circled
|
||||
:alt: Image of the Files & Upload page with the Embed URL for the image
|
||||
circled
|
||||
|
||||
.. note:: You must use the **Embed URL** to add the image, not the **External URL**.
|
||||
.. note::
|
||||
You must use the **Embed URL** to add the image, not the **External URL**.
|
||||
|
||||
2. Click the image icon in the toolbar.
|
||||
|
||||
#. In the **Insert image** dialog box, enter the following in the **Source** field.
|
||||
#. In the **Insert image** dialog box, enter the following in the **Source**
|
||||
field.
|
||||
|
||||
``/static/FileName.type``
|
||||
|
||||
@@ -264,16 +390,21 @@ To add an image, you'll need the URL of the image that you uploaded to the cours
|
||||
.. image:: ../Images/HTML_Insert-Edit_Image.png
|
||||
:alt: Image of the Insert image dialog box with a reference to a file
|
||||
|
||||
4. Enter alternative text in the **Image description** field. This text becomes the value of the ``alt`` attribute in HTML and is required for your course to be fully accessible. See :ref:`Best Practices for Describing Images` for more information.
|
||||
4. Enter alternative text in the **Image description** field. This text becomes
|
||||
the value of the ``alt`` attribute in HTML and is required for your course to
|
||||
be fully accessible. See :ref:`Best Practices for Describing Images` for more
|
||||
information.
|
||||
|
||||
#. As needed, customize the image dimensions. Keep **Constrain proportions** checked to ensure the image keeps the same width and height proportions.
|
||||
#. As needed, customize the image dimensions. Keep **Constrain proportions**
|
||||
checked to ensure the image keeps the same width and height proportions.
|
||||
|
||||
#. To change the spacing and border of the image, click the **Advanced** tab.
|
||||
|
||||
.. image:: ../Images/HTML_Insert-Edit_Image_Advanced.png
|
||||
:alt: Image of the Insert image dialog box Advanced tab
|
||||
|
||||
#. Enter the **Vertical space**, **Horizontal space**, and **Border** as needed. The values you enter are automatically added to the **Style** field.
|
||||
#. Enter the **Vertical space**, **Horizontal space**, and **Border** as needed.
|
||||
The values you enter are automatically added to the **Style** field.
|
||||
|
||||
#. Click **OK** to insert the image in the HTML component.
|
||||
|
||||
@@ -286,46 +417,60 @@ To add an image, you'll need the URL of the image that you uploaded to the cours
|
||||
Import LaTeX Code into an HTML Component
|
||||
****************************************
|
||||
|
||||
You can import LaTeX code into an HTML component. You might do this, for example, if you want to create "beautiful math" such as the following.
|
||||
You can import LaTeX code into an HTML component. You might do this, for
|
||||
example, if you want to create "beautiful math" such as the following.
|
||||
|
||||
.. image:: ../Images/HTML_LaTeX_LMS.png
|
||||
:alt: Image of math formulas created with LaTeX
|
||||
|
||||
.. warning:: The LaTeX processor that Studio uses to convert LaTeX code to XML is a third-party tool. We recommend that you use this feature with caution. If you do use it, make sure to work with your PM.
|
||||
.. warning::
|
||||
The LaTeX processor that Studio uses to convert LaTeX code to XML is a third-
|
||||
party tool. We recommend that you use this feature with caution. If you do use
|
||||
it, make sure to work with your Program Manager.
|
||||
|
||||
This feature is not enabled by default. To enable it, you have to change the advanced settings in your course.
|
||||
This feature is not enabled by default. To enable it, you have to change the
|
||||
advanced settings in your course.
|
||||
|
||||
To create an HTML component that contains LaTeX code:
|
||||
|
||||
#. Enable the policy key in your course.
|
||||
|
||||
#. In Studio, click **Settings**, and then click **Advanced Settings**.
|
||||
#. On the **Advanced Settings** page, scroll down to the **use_latex_compiler** policy key.
|
||||
#. In the **Policy Value** field next to the **use_latex_compiler** policy key, change **false** to **true**.
|
||||
#. On the **Advanced Settings** page, scroll down to the
|
||||
**use_latex_compiler** policy key.
|
||||
#. In the **Policy Value** field next to the **use_latex_compiler** policy
|
||||
key, change **false** to **true**.
|
||||
#. At the bottom of the page, click **Save Changes**.
|
||||
|
||||
#. In the unit where you want to create the component, click **html** under **Add New Component**, and then click **E-text Written in LaTeX**. The new component is added to the unit.
|
||||
#. In the unit where you want to create the component, click **html** under
|
||||
**Add New Component**, and then click **E-text Written in LaTeX**. The new
|
||||
component is added to the unit.
|
||||
|
||||
#. Click **Edit** to open the new component. The component editor opens.
|
||||
|
||||
.. image:: ../Images/latex_component.png
|
||||
:alt: Image of the HTML component editor with the Latex compiler.
|
||||
:alt: Image of the HTML component editor with the LaTeX compiler.
|
||||
|
||||
4. In the component editor, click **Launch Latex Source Compiler**. The Latex editor opens.
|
||||
4. In the component editor, click **Launch Latex Source Compiler**. The LaTeX
|
||||
editor opens.
|
||||
|
||||
.. image:: ../Images/HTML_LaTeXEditor.png
|
||||
:alt: Image of the HTML component editor with the Latex compiler.
|
||||
:alt: Image of the HTML component editor with the LaTeX compiler
|
||||
|
||||
#. Write Latex code as needed. You can also upload a Latex file into the editor from your computer by clicking **Upload** in the bottom right corner.
|
||||
#. Write LaTeX code as needed. You can also upload a LaTeX file into the editor
|
||||
from your computer by clicking **Upload** in the bottom right corner.
|
||||
|
||||
#. When you have written or uploaded the Latex code you need, click **Save & Compile to edX XML** in the lower-left corner.
|
||||
#. When you have written or uploaded the LaTeX code you need, click **Save &
|
||||
Compile to edX XML** in the lower-left corner.
|
||||
|
||||
The component editor closes. You can see the way your LaTeX content looks.
|
||||
|
||||
.. image:: ../Images/HTML_LaTeX_CompEditor.png
|
||||
:alt: Image of the LaTeX component
|
||||
|
||||
#. On the unit page, click **Preview** to verify that your content looks the way you want it to in the LMS.
|
||||
|
||||
If you see errors, go back to the unit page. Click **Edit** to open the component again, and then click **Launch Latex Source Compiler** in the lower-left corner of the component editor to edit the LaTeX code.
|
||||
#. On the unit page, click **Preview** to verify that your content looks the way
|
||||
you want it to in the LMS.
|
||||
|
||||
If you see errors, go back to the unit page. Click **Edit** to open the
|
||||
component again, and then click **Launch Latex Source Compiler** in the
|
||||
lower-left corner of the component editor to edit the LaTeX code.
|
||||
|
||||
@@ -66,7 +66,7 @@ Add a Page
|
||||
.. image:: ../Images/pages_editor.png
|
||||
:alt: Image of the Page editor
|
||||
|
||||
4. Enter text for your page. See :ref:`The HTML Editor` for more information about using the editor.
|
||||
4. Enter text for your page. See :ref:`Options for Editing HTML Components` for more information about using the editor.
|
||||
#. Click **Settings** to edit the **Display Name**. The display name is the name of the page visible to students in the course.
|
||||
#. Click **Save**.
|
||||
|
||||
|
||||
@@ -392,7 +392,7 @@ For checkboxes and multiple choice problems, the answer choices actually selecte
|
||||
|
||||
**Why don't I see a Question for some of my problems?**
|
||||
|
||||
The value in the **Question** column is the accessibility label for the problem. For more information about how to set up labels for problems, see :ref:`Common Problems`.
|
||||
The value in the **Question** column is the accessibility label for the problem. For more information about how to set up labels for problems, see :ref:`Create Exercises`.
|
||||
|
||||
Also, for problems that use the **Randomization** setting in Studio, if a particular answer has not been selected since early March 2014, the **Question** is blank for that answer.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user