pzg's blog

wordpress 编辑器使用教程

WordPress是使用的TinyMCE作为可视化的编辑器

TinyMCE 是一个基于 Web 和 Javascript,跨平台的所见即所得 HTML 编辑器控件。它由 Moxiecode Systems AB 开发并遵守开放源码的 LGPL 协议。它可以将 HTML 格式的TEXTAREA 区域及其他 HTML 元素转换成编辑器实例。

Rich Editing 基础
富文本编辑(Rich editing),又叫 WYSIWYG(What You See Is What You Get),意味着您在打字的同时可以看到最终效果。富文本编辑器在您专心写作的时候在后台生成HTML代码。字体,链接,图片以及其他都将以最终效果直接显示在编辑器中。

WordPress 包含一个富文本编辑器,这个编辑器能在主流浏览器上良好工作。编辑 HTML 和输入文本是有所区别的。每个 Web 页面都包含了两个组成元素:结构,即编辑器产生的 HTML 代码,还有就是显示,当前使用的 WorfPress 主题的 style.css 定义了外观样式。更进一步说,WordPress 采用了 XHTML 1.0,也就意味页面的显示效果不能被结构元素控制。所以插入多个断行并不能在网页上产生空白,多余的的断行会被系统自动过滤掉。

当您使用编辑器时,大部分键盘的快捷键和其它编辑器是一样的。例如:Shift+Enter插入断行,Ctrl+C = 拷贝,Ctrl+X = 剪切,Ctrl+Z = 撤销,Ctrl+Y = 重做,Ctrl+A = 全选,等等。 (Mac机器上使用Command键代替Ctrl)。所有快捷键参见快捷键表。

如果您不喜欢富文本编辑器,你可以在“我的配置”子菜单中关闭它,就在管理菜单的“用户”中。

高级可视化编辑
图像和附件
图像插入按钮允许您插入一个在服务器上存在的图像。插入图像只要将图像的 URL 填入弹出的对话框中的 URL 一栏即可。

如果您需要从您的电脑上传图像或音频文件,您可以使用文本编辑下的上传工具。当您上传图像文件时,上传工具将尝试生成图像的缩略图。把您上传的图像插入到您的文章中,首先点击缩略图,然后在出现的菜单中根据您的意愿选择 “使用…”、“链接到…”的相关选项,一切就绪后,点击 “发送到编辑器” 完成操作。

Rich Editor 中的 HTML 代码
您在可视化编辑器中输入的 HTML 代码将会直接显示在您的文章中。如果您想输入 HTML 代码需要在工具栏上点击 “HTML” 按钮便可编辑 HTML 代码,完成后单击 “更新”。如果您输入的代码有效并被编辑器识别,您立即就可以看到效果。

在富文本编辑器中粘帖
当从网页复制内容时根据您的浏览器和具体网页的不同可能产生复杂的情况。编辑器会尝试修正粘帖的错误HTML代码,最好使用HTML模式或者第二行工具栏的粘帖按钮。另一种选择是可以一段一段的粘帖,在大多数浏览器中,三击即可。

从其它程序粘贴内容,例如 Word 或 Excel,最好用第二行的粘帖按钮完成,或者在HTML模式下完成。

最快速写作
比起伸出手去移动您的鼠标,然后单击工具条按钮,使用快捷键显然更方便。Windows 和 Linux平台请使用 Ctrl + letter,Macintosh 用户请使用 Command + letter。

字母 动作 字母 动作
c 拷贝 v 粘帖
a 选择全部 x 剪切
z 撤销 y 重做
b 醒目的 i 斜体
u 下划线 1 头部 1
2 头部 2 3 头部 3
4 头部 4 5 头部 5
6 头部 6 9 地址:

以下快捷方式使用不同的快捷键: Alt + Shift + letter.

字母 动作 字母 动作
n 拼写检查 l 左对齐
j 文本左右对齐 c 居中对齐
d 删除线 r 右对齐
u • 列表 a 插入链接
o 1. 列表 s 移除链接
q 引用 m 插入图像
g 全屏 t 插入 “More” 标签
p 插入分页标签 h 帮助
e 跳转到HTML模式

《 “wordpress 编辑器使用教程” 》 有 7 条评论

  1. 不羡鱼 的头像

    html编辑器下,按钮太少,如p和/p都没有,该如何增加呢?

    1. countmeon 的头像

      有增强编辑器 你可以网上找找

  2. 不羡鱼 的头像

    我用插件解决了,想加多少加多少。谢谢

  3. 梦梦 的头像

    WP就是编辑器不好用

    1. countmeon 的头像

      新版本的似乎优化了些

  4. 丁旭东 的头像

    我的编辑器为什么只能用代码模式 想了很多办法都 不行 ,,,,

  5. 博狗手机版官网 的头像

    凡真心尝试助人者,没有不帮到自己的。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注