228.TinyMCE使用

228.TinyMCE使用

1.视频教程 1.1切换至全屏模式-编辑模式-预览模式-发布效果 1.2和word类似的基础操作 1.3超链接锚点实现跳转和目录 1.4图片上传和调整 2.分步教程 1.文本&文本字体颜色

  与word类似不赘述

2.字体加粗&划线

 与word类似不赘述

一些快捷键

选中后  ctrl + B  加粗快捷键

选中后  ctrl + I  斜体快捷键

选中后  ctrl + U  下划线快捷键

3.标号&缩进&引用

标号和缩进  与word类似不赘述

 引用可用于插入引用语句,主要是与主文本不一样,有区分作用,如

这是一个引用测试

4.角标&符号

  与word类似不赘述

其中水平线可起到分割作用,左击在想要水平线前面光标闪烁,插入水平线,则上方出现水平线,可插入多条

228.TinyMCE使用

5.居中&对齐

 与word类似不赘述

6.查找&替换

 与word类似不赘述

7.插入时间&页面预览

 插入日期和时间插入此时时间和日期

 页面预览可查看发表后效果

228.TinyMCE使用

8.链接处理 8.1 插入超链接

*******************************

如  我是为去下划线的 跳转主页

如  点我跳转主页

*******************************

1.写下要插入超链接的文字或者图片

228.TinyMCE使用

2.将超链接复制到剪贴板

3.选中文字,并点击插入/编辑链接

 

228.TinyMCE使用

4.将剪贴板内容粘贴至链接URL地址,选择打开方式,点击插入,

228.TinyMCE使用

目标:就是打开链接方式

方式一  在本页面打开   目标:在目前窗口打开超链接

方式二  新建窗口打开   目标:在新窗口打开(_blank)

方式三  在父级打开 逻辑上一层页面   目标:在父级窗口打开超链接(_parent)

方式四  在顶部打开 逻辑最顶层页面  目标:在顶部窗口打开超链接(_top)

5.完成,如下图,字体变红,有下划线

228.TinyMCE使用

注意,这个是编辑视角,所以点击没有反应,在预览或者正式发布点击才有效果

8.2 去除下划线

1.插入超链接后

2.切换到编辑HTML源代码(12左,下图所示)

228.TinyMCE使用

3.找到对应代码,本实例可以直接通过找点我跳转主页六个字快速定位

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgdzzd.html