228.TinyMCE使用

  • 时间:
  • 浏览:2
  • 来源:大发时时彩_时时彩娱乐app_大发时时彩娱乐app

1.1切换至全屏模式-编辑模式-预览模式-发布效果

1.2和word类似的基础操作

1.3超链接锚点实现跳转和目录

1.4图片上传和调整

1.文本&文本字体颜色

  与word类似不赘述

2.字体加粗&划线

 与word类似不赘述

有些快捷键

选中后  ctrl + B  加粗快捷键

选中后  ctrl + I  斜体快捷键

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

3.标号&缩进&引用

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

 引用可用于插入引用一句话,主假使 与主文本不一样,有区分作用,如

这是三个小多多引用测试

4.角标&符号

  与word类似不赘述


其中水平线可起到分割作用,左击在让你水平线前面光标闪烁,插入水平线,则后边老出水平线,可插入多条

5.居中&对齐

 与word类似不赘述

6.查找&替换

 与word类似不赘述

7.插入时间&页面预览

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

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

8.链接外理

8.1 插入超链接

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

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

如  点我跳转主页

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

1.写下要插入超链接的文字可是 图片

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

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

 

4.将剪贴板内容粘贴至链接URL地址,选着打开土措施,点击插入,

目标:假使 打开链接土措施

土措施一  在本页面打开   目标:在目前窗口打开超链接

土措施二  新建窗口打开   目标:在新窗口打开(_blank)

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

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

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

 注意,这俩 是编辑视角,可是 点击这么 反应,在预览可是 正式发布点击才有效果

8.2 去除下划线

1.插入超链接后

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

3.找到对应代码,本实例都须要直接通过找点我跳转主页三个小字快速定位

6.在a标签后herf地址时候加入下面代码并点更新

  

下面是加过时候的代码,主要a时候href时候全部时会三个小多多多半角英文空格

<p><span style="color: #000000;">&nbsp; 

<a style="text-decoration: none;" href="https://www.cnblogs.com/ZanderZhao/p/11385770.html" target="_blank">点我跳转主页</a></span></p>



7.完成,如下图效果,这么 超链接下划线了

 8.3 插入锚点(书签)并使用

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

如  我是跳转锚点的出发点  

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

1.选着目标  现在想从 8.3下面的跳转锚点出发点到文章末尾的锚点目的地

出发点

目的地

2.左击光标在目的地闪烁,点击插入锚点按钮

3.输入锚点名,点击插入

4.插入后,使用时类似链接,选着出发点文字,点击插入链接

 

 5.下拉选着锚点目标和插入链接类似都须要选着是在本页面跳转还是新窗口跳转

 

6.完成,点击出发点就到文末目的地

9.清除格式

 与word类似不赘述

10.图片&多媒体

 

顺序分别是插入网络图片和编辑图片,上传插入本地图片,插入网络多媒体

10.1 插入并调整图片

1.上传图片

1.1本地图片:上传本地图片点击后边上传图片按钮,上传本地图片

大部分浏览器支持拖拽上传,和剪贴板一键复制上传,可是 有的浏览器不支持

1.2网络图片:获取图片地址,点击第三个小多多插入编辑图片,粘贴图片地址,点击插入

      

2.调整图片

点击插入/编辑图片,点击外观,根据要求设置点击插入

多媒体与插入网络图片类似

 大部分浏览器支持直接拖拽调整大小,有的不支持

11.插入代码

1.将写好的代码一键复制到剪贴板

2.光标左击等待时间在让你插入代码位置

3.插入代码右击,粘贴,选语言,还可选是有无折叠等,插入

.

//不折叠
public class Welcome {
    //单行注释
    public static void main(String[] args/*行内注释 */) {
        System.out.println("Hello World!");
    }
}

折叠的代码让你更改能够能够一键复制重新插入,这么 直接改

12.编辑源码&全屏视角

编辑HTML源码 都须要将有些网页源码直接一键复制,也都须要用HTML自己编写

切换全屏模式 可使编辑页面变大,有更好的视角

 

13.大纲&字体

 与word类似不赘述

后期很可是 利用js实现自动生成导航目录,可是 推荐用大纲决定一二级标题

14.撤销

 与word类似不赘述

15.表格相关

15.1插入

插入表格选着几行几列等属性

默认刚插入空表格无内容如上,输入内容自动扩充如下,也可自己设置

15.2行及表格元件属性

       可自行选着有些常规设置

注意:可是 会受主题CSS影响,有些属性不一定是设置的样子

15.3删除行列与word类似

删除连续多行,可选中某一列可是 选着删除行;也可快速点击,让光标自己移动下一格删除

15.4合并与拆分与word类似

注意:和word不同的是,另三个小多多假使 三个小多多单元格的无法拆分,拆分能够能够拆分由合并得来的单元格

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

 8.3插入锚点测试

 如  我是跳转锚点的目的地

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

此博客假使 简介对于这么 学过web假使 简单用,可是 刚开使用的,假使 有些常规操作,可在留言区分享更多操作,欢迎转载~

猜你喜欢

【完全开源】博客园客户端UWP版 带源码、带APP(下篇)

目录说明功能PC截图手机截图关于源代码和体验Win10开发资料说明上次发了一篇博客,最少展示了不时需登录就能够能够 操作的这些功能。然后一一两个多 星期,我陆陆续续完成了登

2020-02-18

高以翔遗体抵台 月中举行告别式

图:台湾艺人高以翔遗体2日下午运送回台中央社【大公报讯】据中通社报道:台湾艺人高以翔日前在大陆录製节目时猝逝,遗体12月2日下午抵台。事先灵车前往台北市第一殡仪馆,完成其人生最

2020-02-18

化境ASP在线文件管理系统 v1.0 Build 428|化境ASP在线文件管理系统 v1.0 Build 428 下载

下载首页最近更新下载排行软件分类源码报导模板下载网站资源论坛Asp源码.net源码PHP源码其它源码书籍教程服务器类网络软件应用软件系统工具图形图像多媒体类安全相关发布软件/源

2020-02-18

dnf2017圣诞节活动大全

更新时间:2017-12-0520:54:03来源:斗蟹游戏编辑:周公约我dnf2017圣诞节有哪此活动?但是小伙伴就有知道,下面斗蟹网小编就为我们带来dnf2017圣诞节活动

2020-02-17

华为副董事长胡厚崑:数字世界不能再竖起“柏林墙”

5月24日午间消息,华为副董事长胡厚崑近日在德国波茨坦国家网络安全大会上发表主旨演讲,阐述了对近期美国针对华为一系列事件的看法。胡厚崑表示,在欧洲,近四分之三的用户使用Andr

2020-02-17