微信编辑器使用教程



一:页面介绍

微信编辑器

二:使用步骤

 A:点击左边“样式分类区”相应的样式分类,在页面的“素材选择区”选择所需的素材;

 B:选好素材后,在页面的“素材调色区”调整素材的颜色(图片样式或部分元素因特殊原因不能调整);

 C:点击选择样式会自动移到“内容排版编辑区”,并在编辑区内进行调整修改图文等信息及样式排版工作;

 D:最后到“编辑区”完成文案的编辑,再整体复制到微信官方编辑器中;


三:如何编辑

 在编辑过程中,尽量将文字清除格式,或先将文字复制到记事本,到复制到“编辑器”进行编辑,否则会造成发送后格式失效的问题。关于浏览器方面,推荐使用谷歌chrome浏览器、或者IE11版本!或者其他双核浏览器的极速版(360极速浏览器、百度极速浏览器等等都支持)!


四:图片如何上传

 为了图片后期的稳定和打开速度,请用微信官方编辑器上传图片,再复制到“编辑器”进行编辑。本人不建议使用在线上传图片功能,在复制过程中极其的不稳定!但是功能是可以放心使用的!

步骤一: 从微信公众号素材库获取图片地址

微信编辑器

步骤二:将所需的图片替换过来

微信编辑器

五:内容编辑区常用控件介绍

微信编辑器

 参考上图,我们从左往右依次讲解:


 1、HTML代码模式和普通模式切换;

 2-3、取消和重做;

 4、设字体为粗体;

 5、设字体为斜体;

 6、增加字体下划线;

 7、设置字体颜色(对应代码:color: rgb(xxx, xxx, xxx);)

 8、设置字体背景色(对应代码:background-color: rgb(xxx, xxx, xxx);

 9-10、新增超链接和取消超链接;

 11、段落标题设置;

 12、设置字体样式(对应代码:font-family: xxx;

 13、设置字体大小(对应代码:font-size: xxx;

 14、设置内容段落格式为“首行缩进”(对应代码:text-indent: 2em;

 15、将所选内容设置为“居左对齐”(对应代码:text-align: left;

 16、将所选内容设置为“居中对齐”(对应代码:text-align: center;

 17、将所选内容设置为“居右对齐”(对应代码:text-align: right;

 18、将所选内容设置为“两端对齐”;

 19-21、设置图文信息“段前距”、“段后距”和“行间距”;

 22、在光标所在位置插入表格(对应代码:<table>...</table>

 23、在线“多图上传”、“图片替换”;

 24、在线“新增音乐”(目前支持百度音乐添加,不支持微信平台使用,待后续重新开发);

 25、在线“表情”;

 26、在线“百度地图”;

 27、在线“视频上传”、“视频添加”(仅支持腾讯视频,其他视频添加后微信平台自动屏蔽);

 28、图文信息分割线;

 29、特殊字符选项功能;

 30、图文信息在线“查询替换”;

 31、清除格式;

 32、多功能“自动排版”;

 33、如误将编辑器关闭,可找回关闭前内容