秀米编辑器使用html,秀米编辑器的操作步骤

前几天有小粉丝给运营姐留言说想要学习秀米编辑器的使用，让小姐姐出一篇操作指南。这段时间一直忙着考试，也没有时间更文。趁着周六刚考完一科，周日偷懒放空的时间，满足一下小粉丝的小要求。

(快给我一个个小飞吻~么)

百度搜索：秀米(https://xiumi.us/)

在登录的界面中，点击“登录”，注册一个账号方便以后使用

登录之后，会让大家选择新建一个或者使用已有模板。在挑选风格秀中，有各式各样别人已经编辑好的模板。有的需要付费，有的免费。

最重要的是可以

根据不同的分类，呈现不同的模板样式

，这点超级棒的，特别好用。

备注：风格秀是类似H5的那种，可以插入音乐，可以翻页的那种。风格模板就是可以放在公众号后台的，这两种区别大家不要弄混了哟！

▼怎么选择模板进行修改呢？

我选择了一个简约免费版本给大家操作一下流程

点击想要的图文，就会出现以下界面。

①

的位置可以查看这个模板长什么样，如果确定自己想要这个模板就点击

②

保存到

“我的图文”

中

再回到头顶菜单栏的位置，选择

“我的图文”

，找到刚刚的那篇文章，点击进入编辑界面

▲鼠标移动到图文上，选择“编辑”即可

进入编辑界面后，大家会看到4个基础的功能区

①样式菜单栏区

。就是可以选择样式的地方，旁边有一个主题色，可以更改图文的整体风格颜色

②样式展示区

。点击样式菜单栏后，对应的样式呈现效果区域。想要哪个样式，就点击哪个样式。

③图文标签区

。为了方便大家找到自己做过的图文，大家可以做一个图文便签，到时候看封面图和文字界面，很容易就能在“我的图文”中找到这篇文章。

④正文编辑区

。顾名思义这里就是编辑区域。

由于这是已经做好的模板，大家只需要将文中的图片和文字修改成自己想要的内容即可。

▼

下面给大家说一下图片的替换

假设我要替换这张橙色的图，鼠标点击一下这张图片，就会自动跳到“我的图库”功能区。

点击“上传图片”

，上传电脑桌面上的图片，图片就会上传到

“我的图片”

中了。

右键点击一下图片，就替换成功了

，还是挺简单的。额外说一下，大家也可以提前在“我的图库”上传图片，然后想要修改文章中的哪张照片，就先点击文章中的图片，再点击图库中的图片，即可替换成功。

说完了使用模板修改的步骤，接着说一下“新建模板”的操作步骤(

就是自己重头到尾自己设计

)

点击头顶上的“

我的图文

”，点击“

添加新的图文

”进入到图文编辑界面

这里的简介图，我单独框出来了。注意：这里的摘要是分享到微信群或朋友圈中可以展示出来的文字和图片。这点挺好的，大家可以好好利用。

这个地方是编辑区，就是你要输入内容的地方。默认的基础格式是：字号16，行间距1.6，字间距0。大家可以根据自己的需要进行修改。左边我用红框框出来的功能，我分别来解释一下

①布局模式

。每个编辑器中都有一个布局功能，相对来说秀米的

基础布局比较多样化，现在一共有

8种

。除了普通布局，另外还有表格单元布局、固定布局、左右滑动布局、上下滑动布局、SVG布局等，各有各的用处，可以在编辑区域左侧“图

文模板布局基础布局

”里面看到

②设置全文属性

。这里可以设置全文的文字属性，旁边的灰色小圈是可以设置图文的背景颜色。

③全文信息统计

。就是可以从这里可以知道你本篇文章的字数等信息

了解完基本功能介绍后，我们来进行简单的操作讲解。我录制了一个视频，大家点击视频看即可。

(

录制了16分钟的视频，大家耐心点看完哈)

备注：使用秀米编辑器最好搭配谷歌浏览器，在排版展示方便视觉效果更好，也不容易出现乱码的情况。

个人感觉，秀米一开始使用的时候，不是很习惯，但是用习惯了还是不错的。除了有模板风格可以选择，可以使用的样式也挺多，很多都不需要花钱。