作为讲师,我该如何把图像从 Canvas 嵌入到富内容编辑器内?

富内容编辑器 (Rich Content Editor) 将在未来版本中停止使用。您可以在课程功能选项里启用新富内容编辑器 (New Rich Content Editor) 功能

您可以把图像文件上传至您在 Canvas 中的文件,并将其它们到富内容编辑器内。您也可为更好的访问性添加替代标签到您的图像。

作为讲师,您可以选择使用内容选择器 (Content Selector) 把图像上传至您的课程文件内。如果图像插入后您的个人文件中的图像出现更改,您已经添加到富内容编辑器的图像不会改变。

打开富内容编辑器

打开富内容编辑器

使用支持编辑器的 Canvas 功能之一打开富内容编辑器。

打开图像

打开图像

点击图像 (Image) 图标。

选择 Canvas 选项卡

选择 Canvas 选项卡

点击 Canvas 选项卡。

打开课程或私人文件

打开课程或私人文件

您可以选择图像插入到您的课程文件夹 [1] 或个人文件夹 [2]。作为讲师,您可以把来自您的文件夹中的任何图像,甚至包括学生不可见的文件夹中的图像,插入富内容编辑器。

注意:访问课程文件夹时,学生将只能看见向整个课程公开的图像。

选择图像

选择图像

要嵌入此前上传的图像,请点击您想要嵌入的图像。

上传图像

上传图像

要上传图像用于嵌入,请点击上传文件 (Upload File) 按钮。

选择文件

选择文件

在对话框内选择要上传的文件 [1]。然后点击打开 (Open) 按钮 [2]。

查看文件

查看文件

查看您上传的文件。

插入替代文本

插入替代文本

属性 (Attributes) 字段将填充替代文本字段 [1],替代文本是图像的名称。为了改善访问性,请给图像内容输入描述。要添加图像作为装饰,请点击装饰图像 (Decorative image) 复选框 [2]。如果选择装饰图像 (Decorative image) 复选框,则替代文本字段将变为灰色。

注意:如果您想包含图像标题,使该标题在用户把光标悬停在图像上时显示出来,请嵌入图像,然后切换到 HTML 编辑器 (HTML Editor)。标题的标签必须要手动地添加到 HTML 代码。

更改属性中的图像尺寸

更改属性中的图像尺寸

图像的默认尺寸也将自动填充。尺寸引用自像素,用宽度和高度定义。

更改图像的尺寸时,键入您希望新图像宽度所具有的像素数 [1]。然后按电脑键盘上的跳格键 (Tab)。因为 Canvas 保持您的图像的纵横比,所以图像高度的输入值会自动更改 [2]。

插入的图像

插入的图像

点击更新 (Update) 按钮。

注意:作为未来的快捷方式,当您不需要更改图像的任何属性时,请找到图像,然后只需双击 (double click) 该图像的名称。该图像将直接插入您的帖子。

查看已经插入的图像

查看已经插入的图像

在富内容编辑器中查看您插入的图像。

编辑图像属性

编辑图像属性

要编辑嵌入的图像,请点击图像 [1],然后点击图像 (Image) 图标 [2]。编辑/嵌入窗口将会弹出,以便进行更改。

当您编辑现有图像时,URL 选项卡将显示该 Canvas 图像的位置;不过,Canvas 选项卡仍将显示该文件。在选项卡中所有属性保持不变并可以根据需要进行编辑。

如果您想更换 Canvas 图像时,请点击 Canvas 选项卡 [3],并寻找另一个图像。

目视调整图像

目视调整图像

您还可以使用图像周围的手柄直观地更改图像大小。为此,请点击该图像,然后将鼠标停留在某一白色外框,直到光标变为箭头。拖动并调整图像。请注意,图像将始终保持其长宽的比率,使图像不至于被扭曲。

注意:富内容编辑器不支持裁剪图像。