在上一节我们新建了一篇关于我们的文章，但这篇文章全是文字，实际中的网页是丰富多彩的。这这一节我们来讨论一下如何丰富文章的内容，顺便认识一下我们的本节的主角——编辑器。

1，本节目标

了解向文章中插入图片，视频，附件等的操作方法。学习TinyMCE编辑器。

2，编辑器

 Joomla文章内容的编辑是在编辑器中完成的，Joomla的编辑器截图如下：

 上面这就是大名鼎鼎的 TinyMCE编辑器的工作界面了。整个的操作布局和上面截图一样，两个重点的地方我已经标注了。编辑器的操作方法和word文档的操作方法相差不大，基本上你会基本的word文档的操作就会这个编辑器了。主要的操作逻辑是首选选择你需要操作的内容，然后点击编辑器工具栏上的相对应的功能，就可以完成编辑了。

如果需要插入图片，表格，视频等内容，分别点击工具栏上的相关按钮，按照提示操作即可。在此就不截图了说明了，大家多多试一下即可了。

在这个编辑中，不单单能输入常规内容，也可以调用系统资源，比如在文章中显示一个模块，这些都是可以做到的。在文章中执行php代码，这些高级需求也是可以做到，前提是你需要安装相关的扩展插件。

3，编辑器扩展功能按钮

在上图左边的插入是编辑器的扩展功能按钮，默认joomla已经自带了一下扩展功能。截图如下： 

对于初学者，经常会用到的功能有两个，一个是插入摘要分隔符，一个是插入图片。在此分别做一下简单的介绍。

3.1 插入摘要分隔符

在文章列表页面，我们一般会显示一系列文章的简介而不会显示整个文章的内容。joomla默认并不没有提供单独的简介输入的地方，默认情况下是没有简介的。如果需要加上简介，你只需要在文章的简介处点击上图中的插入摘要分隔符即可完成。这样系统就会在文中插入一条红线，红线之前的部分为简介部分。效果如图：

3.2 插入图片

虽然编辑器的常规功能区上面也有插入图片的按钮，但那个按钮只允许你插入图片的地址，并不允许你插入一个本地的图片，或者上传一个图片。在实际的编辑工作中，我们经常使用扩展区的插入图片功能来完成插入图片的工工作。在需要插入图片的地方，点击插入图片按钮，即可出现媒体库，允许你选择需要插入的图片或者上传图片。如图：

 其他的编辑器扩展功能大家可以自己试着摸索一下。充分使用编辑器的功能，可以让你创建处非常复杂的页面。

4，深入认识编辑器

 在设计上，编辑器是以插件（你可以在插件管理中进行设置）的方式存在的，上面的TinyMCE编辑器的实质是众多的编辑器中的一个，你可以更换其他的编辑器。之所以我们要学习这个，原因是这个编辑器是Joomla官方维护的，在安全性和稳定性都有很好的保障，并且他能满足我们的功能需求。

TinyMCE编辑器 我们通常将其称作为“所见即所得”编辑器 。这也就是所有的网页编辑器的设计目标 ——“所见即所得”。设计师希望实现在编辑器中看到的效果和你在前台浏览网页看到的效果一样...

由于这个编辑器并不是为中文网用户设计的，因此，在使用方面上还是不怎么友好，如：没有中文字体。

另外有一些功能使用起来并不是很爽，比如插入在内容中插入图片的操作。我们需要通过安装一些扩展来对齐进行改进。在随后我们将详细介绍如何改善这些问题