关于微信公众号文章编辑器不能直接编辑html样式的处理方法
1、微信的后台是不支持html编辑的;你可以先在其他的编辑器里面编辑好了以后,复制到微信编辑器里面;这样既可以保持原来的格式,还可以自由设置自己的喜欢的格式。
比如我有一大大大大大大大大大大大段话,不想让他在页面上全部展示,只给他一个区域,让他 显摆,然后用户可以手动的滑动此区域来观看所有的内容。
2、寻找一款编辑器(百度一大堆),确保编辑器上有截图中红框功能(这里推荐UEditor ,不要问我为啥推荐它,我也是蓦然回首,它在百度之首,在线演示地址:GitHub - fex-team/ueditor: rich text 富文本编辑器)
3、在编辑器正文出放入自己的文字:
4、然后点击红框 ‘html’ 来搞些事情,示例如图
5、此时我们可以在这个时候高点事情,比如加点样式
注意:编辑器似乎不喜欢div标签哦~
我在这里给第一个<p>标签设置了样式:
width:300px; height:200px; border:1px solid #000; overflow:hidden; overflow-y:scroll宽300像素 高200像素 边框1像素 实线 黑色 超出隐藏 y轴超出可滚动
此处注意,当点击html编辑功能之后,操作栏的其他按钮都灰不溜秋的了,他们都用不了了哦。如上图显示。
5、当我们想要的效果编辑完毕,再次点击 ‘html’ ,结果如下图显示
好,这个可以滚动的框框就是我想要的了,接下来在这个界面全选正文,ctrl+c复制转到微信公众号文章编辑器,ctrl+v粘贴;结果如下图:
是不是发现想要的那种滚动有了?但是后面的H标签咋都一样了呢,这是因为,你在UEditor那里没有对他们进行代码样式编辑,在UEditor那里编辑器会自动转换成对应的,复制过来后就没有这个默认的样式了。
6、此处可预览:
发现右边那个竖条了吗,就表示是可以滑动的,你可以发送到手机上试一试哦。
7、为了方便以后不再这么麻烦的去转,微信公众号文章编辑器有一个——添加图文模板,你可以将次作为模板,下次直接调用。
欧了,本次讲解到此为止~
关于微信公众号文章编辑器不能直接编辑html样式的处理方法相关推荐
- 微信公众号html在线编辑器,关于微信公众号文章编辑器不能直接编辑html样式的处理方法...
一.微信的后台是不支持html编辑的:你能够先在其余的编辑器里面编辑好了之后,复制到微信编辑器里面:这样既能够保持原来的格式,还能够自由设置本身的喜欢的格式.css 好比我有一大大大大大大大大大大大段 ...
- 向微信公众号文章添加Excel表格文件、PPT演示文稿
在编辑微信公众号文章时需要手动编辑图文信息 想要在文章中添加一个可供用户下载.编辑的文件时 很多公众号的运营者不知道如何操作 在公众号信息编辑页面是没有添加ppt功能的 今天就推荐给同行们一款可以上传 ...
- 135编辑器怎么用HTML,微信公众号文章查看HTML代码(HTML代码修改方法)
但是微信公众号自带的编辑器并不支持插入代码,我们今天来介绍一个小技巧,教大家查看微信公众号文章查看HTML代码,以及修改文章HTML代码方法. 一.查看微信文章HTML代码方法 如果要查看某篇公众号文 ...
- 嵌套页面h5怎么调起手机文件_让微信公众号文章排版像网页h5一样高大上
做过微信公众号文章排版的同学都知道,微信自己的排版工具只能排些简单的图文混合.遇到这种同况时,很多同学会考虑用第三方编辑器或直接用他们的模板,然后稍微改改便直接发布. 没有我想要的排版样式怎么办,可以 ...
- 微信公众平台菜单编辑php,如何使用Vue.js实现微信公众号菜单编辑器(思路详解)...
这次给大家带来如何使用Vue.js实现微信公众号菜单编辑器(思路详解),使用Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试 ...
- 微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解(上)
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试着做一个像 ...
- 微信公众号文章怎么插附件
日常中,很多公众号运营者希望公众号能支持上传一些文档(如Word文档,Excel表格,PDF文件等)在公众号作为附件给粉丝用户下载.众所周知,微信公众号并不支持在文章中插入附件,那么我们可以借助&qu ...
- 微信公众号音乐html,如何在微信公众号文章内插入音频及样式?
在微信公众号文章中,插入音频不仅丰富了文章内容,读者在阅读时,还可以获得较好的阅读体验.但有时候公众号插入音频,样式较为单一.刻板,给公众号排版工作带来了很多障碍.小蚂蚁编辑器插入音频边框功能,可以最 ...
- Markdown懒办法排版微信公众号文章
懒人的烦恼 写微信公众号的人群里面,不乏十分勤奋者.看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少辛劳了. 请注意,他们是一个标题.一个段落.一个引言这样的用样式模板插入内容.这样排版 ...
最新文章
- 关于毕设WiFi选型
- php购物车生成订单,php – 在购物车,结帐和查看订单中设置产品自定义字段和显示值...
- LeetCode Longest Palindromic Substring
- Acwing第 33 场周赛【完结】
- mongodb中分页显示数据集的学习
- ASP.NET vs MVC vs WebForms
- Codeforces 1058 D. Vasya and Triangle 分解因子
- 引入springcloud报错。common依赖找不到_微服务架构:spring cloud之服务注册和服务发现...
- 火山引擎智能容器云 veCompass v3.0 重磅发布!
- vscode运行vue时,显示loader. js SyntaxError: Unexpected identifier
- Win10右键添加获取管理员权限
- java网络编程小结(黑马程序员基础java总结)
- 博途V16软件官方下载和安装
- 最佳阵容问题matlab,若在NBA组一队小球打法最佳阵容,哪5人在一起最无解?
- 【项目技术点总结之二】微信小程序中集成antvF2进行图表开发
- linux 云锁 端口,问一下,云锁安装后还可以修改端口吗?
- WIN7下安装WIN2003系统
- springboot jedis配置以及集群(第三篇) ubuntu16实现redis集群
- 区块链 Hyperledger Composer 使用教程(环境搭建、项目开发 一)
- android paint跑马灯,Android使用Canvas实现跑马灯
热门文章
- 拓扑排序(topo_sort)
- 美团一点都不美,我再也不想给美团打工了
- mat1 and mat2 shapes cannot be multiplied ( )的解决
- OpenStack实战
- 谈互联网产品运营(转载)
- linux学习笔记(6)磁盘管理
- ae字体预设下载_AE超强文字预设包(附插件和教程)Videohive 2D Text Preset Pack for Animation Composer Plug-in...
- 玉堂金阙百度云php100,玉堂金阙(全二册)
- Win11下蓝牙鼠标停止4秒后启动卡顿
- RabbitMQ Applying plugin configuration to rabbit@xxx... Plugin configuration unchanged.