WYSIWYG(所见即所得)编辑器用于向网页、横幅和类别添加内容。它用于在不接触代码的情况下添加或编辑商店的内容。它不会编辑主题文件或更改主题样式。
店面看起来与编辑器不同?WYSIWYG 编辑器不考虑主题可能应用于您的内容的任何 CSS 样式或脚本。您在编辑器中看到的并不总是它在店面中的显示方式。要使其看起来符合您的要求,可能需要编辑模板主题文件或自定义旧版蓝图模板文件。
格式化文本
WYSIWYG编辑器中可用的文本格式选项类似于常见的文字处理程序。他们可以应用基本的文本装饰、样式、字体、大小和对齐方式。
此外,还有用于项目符号列表、编号列表、缩进、缩进、文本颜色和突出显示颜色的按钮。
创建链接
要创建链接,请选择要链接的文本或图像,然后单击相应的链接按钮。您可以创建三种类型的链接:
关联
使用插入/编辑链接按钮链接到不属于您的 BigCommerce 域的 URL,或链接到同一页面上的锚点。取消链接按钮将从已链接的文本或图像中删除链接。
常规选项卡允许您定义常规属性:
- 链接 URL — 要链接到的网址
- 目标 — 确定链接是在当前窗口/选项卡中打开,还是在新窗口/选项卡中打开
- Title — 当有人将光标悬停在链接上时显示的文本
- Class — 应用自定义 CSS 样式
弹出选项卡允许您创建弹出窗口:
- JavaScript Popup — 确定 Popup URL 是否将在新的独立窗口中打开。如果未选中,弹出 URL 将在新的标准窗口或选项卡中打开。
- Popup URL — 单击时弹出的网址
- Window Name — 通过给现有的弹出窗口命名来重新调整它的用途
- Size — 弹出窗口的尺寸(以像素为单位)
- 位置 — 屏幕上弹出窗口左上角将打开的位置的 X 和 Y 坐标。为这两个值输入c 以自动居中弹出窗口。
- 选项 — 确定特定浏览器元素是否是弹出窗口的一部分,例如位置栏、状态栏或滚动条
事件选项卡允许您根据特定的用户行为执行 JavaScript。
当心!BigCommerce 技术支持团队无法解决与自定义脚本相关的问题。
高级选项卡允许您为链接定义自定义 ID、样式和类。它还具有一些较少使用的字段,用于确定链接的各个方面,例如语言和编码类型。
店铺链接
商店链接用于链接到商店中现有的产品、类别、品牌或网页。
锚
插入/编辑锚按钮用于跳转到同一页面上的特定位置。使用此按钮命名锚点,然后使用插入/编辑链接按钮创建链接。不要指定链接 URL,而是从下拉列表中选择新创建的锚点。
添加图像
使用插入/编辑图像在页面内容或描述中包含图像。
常规选项卡提供了几个用于选择图像的选项:
- 上传图像 — 使用“浏览”或“选择文件”按钮从硬盘驱动器中选择图像
- 图像 URL — 通过输入 URL 链接到远程托管的图像
- 来自图库的图像 — 选择已通过图像管理器上传的图像
外观选项卡包括对齐、尺寸、间距、边框、自定义样式、图像描述和标题的设置。
高级选项卡具有用于根据鼠标行为将图像交换为另一个的选项,并包括用于设置自定义图像 ID、指定语言设置、利用图像映射以及包含长描述链接的其他选项。
添加视频和其他媒体
使用插入视频从以下位置嵌入视频:
- YouTube
- 维密欧
- 元咖啡厅
注意:粘贴 YouTube 视频 URL 时,您必须使用完整的 URL,而不是缩短的 (youtu.be) 版本。
使用插入/编辑嵌入媒体来嵌入其他媒体。
可以嵌入七种类型的媒体,包括:
- Flash
- HTML5音频和视频
- QuickTime电影
- Shockware应用
- Windows媒体文件
- 真实媒体文件
- 通过iframe的另一个网站
高级选项卡包含特定于每种媒体类型的附加选项。
Source选项卡将显示用于嵌入元素的代码。使用它来粘贴来自第三方的嵌入代码,或操作编辑器创建的代码。
创建表
使用插入/编辑表格来创建 HTML 表格。
“常规”选项卡包含列数和行数、大小、对齐方式、边框粗细以及单元格填充和间距的基本设置。
高级选项卡包含背景和边框颜色、语言方向和自定义样式的其他设置。
选择现有表格时,可以使用其他特定于表格的按钮。
表格行属性和表格单元格属性按钮分别应用特定于各个行或单元格的设置。
有插入和删除特定行和列的按钮。
使用拆分和合并表格单元格按钮合并单元格或拆分合并的单元格。
附加选项
撤消和重做按钮的工作方式与其他程序类似,允许您撤消上一个操作,或在适用时重做。
切换全屏模式将扩展编辑器以填充浏览器窗口。
除了标准的剪切、复制和粘贴按钮之外,编辑器还包括几个高级选项。 粘贴为纯文本 将粘贴不带格式的复制内容,从 Word 中粘贴 将在从 Microsoft Word 复制内容时保留格式。
Clean Up Messy Code将尝试清理小的代码问题,例如复制到编辑器中的 HTML 代码中缺少开始和结束标记。
当心!此功能只会修复轻微的语法错误;它不能解决主要的自定义编码问题。如果您遇到问题或不确定从哪里开始寻找,请联系我们的合作伙伴之一寻求帮助。
为打印插入分页符将在必要时插入强制分页符。
编辑 HTML 源代码允许直接访问内容的 HTML 以添加、编辑或删除代码。您需要使用此按钮粘贴或编写任何自定义代码。如果使用编辑器,它将尝试将其格式化为内容,这可能会破坏代码。
常问问题
WYSIWYG 接受哪些图像文件类型?
要在网站上使用图像,请使用JPG、GIF或PNG图像。
我可以使用 WYSIWYG 更改主题吗?
不,他所见即所得的编辑器只影响添加到页面的内容。要调整主题的代码或 CSS,请参阅模板主题以获取有关编辑主题的资源。
主题中的 CSS 会覆盖在所见即所得编辑器中所做的更改吗?
主题将优先考虑在所见即所得编辑器中所做的更改。例如,如果您更改某些文本或链接的颜色,主题将尊重该颜色,而不是强制其链接颜色。如果未指定颜色,它将默认为这些颜色的主题设置。
有键盘快捷键吗?
键入时按 Shift Enter 以插入换行符并在下一行继续键入(单倍行距)。在行尾按Enter会创建一个新段落。Ctrl Z或Cmd Z将撤消,Ctrl Y或Cmd Y将重做一个步骤。复制、剪切和粘贴的键盘快捷键也可以使用。
如何添加电子邮件链接?
创建电子邮件地址的链接时,请在Link URL中包含mailto:name@domain.com。将 name@domain.com替换为 您要链接到的电子邮件地址。
可以将其他媒体添加到页面吗?
媒体文件可以通过 HTML 上传和添加。按照上传和链接到您商店中的文件的说明进行操作。
有没有简单的方法来调整桌子的大小?
可以通过选择现有表格,然后拖动其边缘之一来更改现有表格的大小。
是否可以使用 HTML 创建页面?
是的,您可以使用Edit HTML Source按钮构建页面的所有内容。
网页内容是否可导出?
不可以。网页内容不能在 BigCommerce 中导出。如果您计划移动您的网站,请通过将其 HTML 源代码下载到本地计算机或设备来备份您的网页内容,或者使用像Rewind这样的备份和恢复应用程序 来备份您的网页、产品(带有说明)和类别。
我可以禁用所见即所得编辑器吗?
是的。转到设置›常规,然后单击显示选项卡。向下滚动到控制面板,您可以在其中启用或禁用整个控制面板的 WYSIWYG 编辑器。