可视 Web 编辑器属于计算机程序，让您无需任何 HTML 或 CSS 知识也可设计网页。您可以使用鼠标和键盘在计算机上直观地设计网站，您在计算机显示器中看到的就是网站上所显示的内容。这就是它们被称为“所见即所得”Web 编辑器的原因，简称“WYSIWYG Web 编辑器”。当您创建网页时，这些编辑器会在幕后为您生成 HTML 和 CSS 代码。它们是高效且用户友好的网站制作方法，任何人（包括外行）都可以使用这些工具创建网站。不需要技术知识。您可以通过这种方式快速地设计网站，然后把时间和精力投入到对您真正重要的事上：从您的网站上形成销售，交付产品或服务，等等。这样，您的网站就不会占据您的生活。它仍然是该有的样子：达成目标的手段、出售货品的途径（或者您希望的任何用途）。

WYSIWYG（所见即所得）编辑器与 Microsoft Word 这样的文字处理程序相似。编辑器集成到 Drupal CMS 中，拥有在标准编辑器中出现的相同功能和特性。在 WYSIWYG 中可用的功能也可从主要内容编辑区域的顶部调用。

[[{"fid":"3308","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"90","width":"872","class":"media-element file-default"}}]]

 

使用 WYSIWYG 编辑器时需要了解的一些事项：

  • 有些浏览器不允许剪切、复制和粘贴按钮使用 WYSIWYG 编辑器工作。要使用这些功能，请使用键盘快捷键（ctrl+ c、v 或 x）或浏览器中的"编辑菜单。

  • 在从 MS Word 文档或其他网页进行复制和粘贴时，最好在粘贴之前清除所有格式。

  • 在每个页面底部都有“保存”按钮。只有当您点击“保存”后，才会看到更改。“保存”与“发布”不同。

按钮功能：

[[{"fid":"3312","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"33","width":"69","class":"media-element file-default"}}]] 查看源代码。此按钮将显示 html。请谨慎使用。

[[{"fid":"3314","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"40","class":"media-element file-default"}}]]全选。此按钮将突出显示此字段中的所有内容。Ctrl+A

[[{"fid":"3316","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"38","class":"media-element file-default"}}]]剪切。此按钮调用从文档的一个部分移动文本或其他数据的流程，这些数据可通过粘贴按钮/命令插入到其他位置。

[[{"fid":"3318","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"43","class":"media-element file-default"}}]]复制。此按钮调用从文档的一个部分复制文本或其他数据的流程，这些数据可通过粘贴按钮/命令插入到其他位置。

[[{"fid":"3320","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"39","class":"media-element file-default"}}]]粘贴。此按钮产生从文档的一个部分复制/移动文本或其他数据并将其插入其他位置的流程。

[[{"fid":"3322","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"26","width":"42","class":"media-element file-default"}}]]粘贴为纯文本。此按钮产生从文档的一个部分复制/移动纯文本或其他数据并将其插入其他位置的流程。这样将从文本中除去 html 标记。

[[{"fid":"3324","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"39","class":"media-element file-default"}}]]清除格式。此按钮从文本中除去 html 标记。

[[{"fid":"3326","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"35","class":"media-element file-default"}}]]撤消。此按钮允许您撤消您在此字段中执行的上一个操作。

[[{"fid":"3328","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"24","width":"33","class":"media-element file-default"}}]]重做。此按钮允许您重复上一个操作。

[[{"fid":"3330","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"25","width":"31","class":"media-element file-default"}}]]搜索。搜索此字段。

[[{"fid":"3332","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"27","width":"89","class":"media-element file-default"}}]]格式。此下拉列表为您提供了对文本应用标题之类格式的功能。标题应当用于指定信息的层次结构，就像大纲那样。 主要主题应使用标题 2。每个主要主题中的副主题应使用标题 3，依此类推。  不要使用标题 1，因为页面的标题需要使用标题 1。 为便于访问，请不要跳过标题。 例如，不要直接跳到标题 3。当您在页面中使用标题时，Sonosite 样式表将使它们看起来与网站的其余部分相似。 

[[{"fid":"3334","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"27","class":"media-element file-default"}}]]粗体。此按钮将文本设置为粗体。

[[{"fid":"3336","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"24","width":"27","class":"media-element file-default"}}]]下划线。此按钮为文本添加下划线。

[[{"fid":"3338","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"34","class":"media-element file-default"}}]]删除线。此按钮对文本应用删除线。

[[{"fid":"3340","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"27","class":"media-element file-default"}}]]斜体。此按钮将文本设置为斜体。

[[{"fid":"3342","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"24","width":"26","class":"media-element file-default"}}]]下标。此按钮将文本设置为下标。

[[{"fid":"3344","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"30","class":"media-element file-default"}}]]上标。此按钮将文本设置为上标。

[[{"fid":"3346","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"28","class":"media-element file-default"}}]]顺序列表。此按钮创建有序列表。

[[{"fid":"3348","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"22","width":"29","class":"media-element file-default"}}]]无序列表。此按钮创建无序列表。

[[{"fid":"3350","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"31","class":"media-element file-default"}}]]减少缩进量。此按钮减少/清除缩进文本的缩进量。

[[{"fid":"3352","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"27","class":"media-element file-default"}}]]增加缩进量。此按钮升高/增加缩进文本的缩进量。

[[{"fid":"5674","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"53","width":"36","class":"media-element file-default"}}]] 摘要/中断按钮。为正文区域添加摘要中断点。

[[{"fid":"3354","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"27","class":"media-element file-default"}}]]链接。此按钮添加指向其他内容/站点的超链接。

[[{"fid":"3356","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"23","width":"32","class":"media-element file-default"}}]]取消链接。此按钮删除超链接。

[[{"fid":"3358","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"22","width":"31","class":"media-element file-default"}}]]添加媒体。此按钮打开向该字段添加媒体的界面，例如图像或视频内容。

[[{"fid":"3360","view_mode":"default","type":"media","link_text":null,"attributes":{"height":"22","width":"24","class":"media-element file-default"}}]]插入特殊字符。此按钮打开添加特殊字符的界面，例如 @ 或 ®。