关于微信公众号文章编辑器不能直接编辑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、为了方便以后不再这么麻烦的去转,微信公众号文章编辑器有一个——添加图文模板,你可以将次作为模板,下次直接调用。

欧了,本次讲解到此为止~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/10271.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信公众号发布svg排版文章

svg代码&#xff1a; 页面初加载只显示一张图片&#xff0c;点击后自动展开显示一张长图页面初加载只显示一张图片&#xff0c;点击后自动展开显示一张长图页面初加载只显示一张图片&#xff0c;点击后自动展开显示一张长图 <!DOCTYPE html> <html lang"en&quo…

微信公众号推文(编辑+排版教程)

目录 一、登录公众号二、打开秀米网站&#xff08;最好用谷歌浏览器&#xff09;1、新建图文2、大标题字号16、小标题字号14 加粗3、段落文字首行缩进、字间距2、行间距1.8、页边距104、重点句子加粗、换颜色5、结尾前添加分割线&#xff0c;分割线前后加空格6、添加二维码7、完…

免费chatGTP-3.5 后续接口持续开发中

网址&#xff1a;www.wanwu.chat 邀请码&#xff1a;vn1F 输入邀请码后可以免费获得20次使用次数&#xff01;&#xff01;&#xff01;&#xff01; 后续不定期赠送礼包码&#xff0c;免费赠送使用次数&#xff01;&#xff01;&#xff01; 次数有限&#xff0c;先到…

如何用 ChatGPT 一句话生成 Web 应用?

原型系统的开发对很多不会编程的人来说&#xff0c;原本确实是一道门槛&#xff0c;而且看似难以逾越。而现在&#xff0c;障碍突然间就消失了。 插件 ChatGPT 现在有了一个内容比较丰富的插件系统&#xff0c;而且 Plus 用户已经不再需要填表申请后漫长等待&#xff0c;直接就…

chatGPT对于一个python初学者有什么用?

目录 一、前言二、开始请教三、总结 一、前言 我最近开始学习python&#xff0c;感觉python整体语法啥的还是很好学的&#xff0c;但是正是由于太简单&#xff0c;且我还有多年的java编程基础&#xff0c;便很难沉下心去学习。想到之前看到的一段话&#xff1a;人性总是趋利避…

用二十段话介绍下ChatGPT

用二十段话介绍下ChatGPT-3.5 ChatGPT是一个基于GPT-3.5架构的大型语言模型。它由OpenAI开发&#xff0c;是一种强大的自然语言处理工具。ChatGPT可以理解和生成人类语言&#xff0c;可以应用于许多不同的领域。它可以帮助人们进行自然语言的翻译、摘要、问答等任务。ChatGPT拥…

用好ChatGPT,毕业直接走上人生巅峰

毕业论文交上去了&#xff0c;学分也攒齐了。考研没上岸的准毕业生们接下来要面对的不是惨烈的秋招&#xff0c;就是蹲家准备二战。生活终于要对各位小可爱们动手啦&#xff01; 不想默默承受社会的毒打&#xff1f; 不愿在屡战屡败屡败屡战的压力下秃头&#xff1f; 想必各位…

【ChatGPT】阿里版 ChatGPT 突然官宣意味着什么?

Yan-英杰的主页 悟已往之不谏 知来者之可追 C程序员&#xff0c;2024届电子信息研究生 目录 阿里版 ChatGPT 突然官宣 ​ ChatGPT 技术在 AI 领域的重要性 自然语言生成 上下文连续性 多语言支持 ChatGPT 未来可能的应用场景 社交领域 商业领域 ​编辑 医疗领域…

中国互联网已经渐渐变成创新荒漠

最近在chatGPT高调宣布以后&#xff0c;我思索半天发现近几年&#xff0c;国内互联网已经再没有眼前一亮的创新&#xff0c;难道国内真变成只会抄作业的坏学生了&#xff0c;我觉得造成这样的状况&#xff0c;可能是由多方面因素造成的&#xff0c;主要有以下几点原因&#xff…

“署名ChatGPT”:人类正经历第一次AI著作权冲击

1971年&#xff0c;美国南加利福尼亚大学法律哲学教授克里斯托弗斯通&#xff0c;发表了一篇名为《树木拥有法律地位吗&#xff1f;》的文章。 这篇文章中明确表示&#xff0c;自然物的权利应该由它们的代理人来实施。一般来说&#xff0c;要由人或者组织、法人、政府来代表自然…

chatgpt赋能Python-python_ps图片

Python PS图片的SEO指南 Python在数字图像处理中广泛应用。其中&#xff0c;Photoshop文件&#xff08;psd&#xff09;是一种常见的图像文件格式。但是&#xff0c;如何在搜索引擎上优化Python PS图片并提高其排名仍然是一个挑战。 什么是Python PS图片&#xff1f; Python…

国内主流平台QMT和Ptrade哪个软件更好用?应该怎么选择?

国内主流的量化平台有&#xff1a; 迅投QMT和恒生Ptrade。 这两个软件都是挺好的&#xff0c;因为针对不同的投资者开发了不同的权限。 ①、如果您不会编写程序的可以使用普通版本的&#xff0c;支持篮子交易&#xff0c;网格交易&#xff0c;条件单等等&#xff0c;相对来说不…

一文理解GPT及向ChatGPT提问的技巧

一、什么是ChatGPT&#xff1f; 人工智能已成为当今科技领域的一大热门话题。随着深度学习的快速发展&#xff0c;OpenAI团队在其GPT&#xff08;Generative Pre-trained Transformer&#xff09;模型的基础上&#xff0c;推出了ChatGPT&#xff0c;这是一种革命性的大型语言模…

2022mathorcup数学建模大数据竞赛原创成品

“MathorCup高校数学建模挑战赛”全称“MathorCup高校数学建模挑战赛——大数据竞赛”&#xff08;简称“MathorCup高校大数据竞赛”&#xff09;。 1. 2022年竞赛初赛时间为2022年12月20日18:00至2023年1月19日20:00&#xff1b;初赛前10%的队伍进入复赛&#xff0c;复赛时间…

数学建模常用功能

目录 pandas读取数据 查看数据异常 提取指定列 将dataframe数据以numpy形式提取 数据划分 随机森林回归 GBDT回归 特征重要性可视化 输出&#xff1a; ​ 绘制3D散点图 导入自定义包且.py文件修改时jupyter notebook自动同步 dataframe删除某列中重复字段并删除对应行…

什么是数学建模?如何在数学建模中拿奖?通过建模学到了啥?

个人大学四年经验分享之数学建模 无论什么水平&#xff0c;看过此文章后必有收获&#xff01;一、数学建模到底是什么&#xff1f;1&#xff0c;数学模型2&#xff0c;数学建模 二、如何在数学建模中拿奖(三个方面&#xff09;1.组队2&#xff0c;知识准备3&#xff0c;比赛过程…

【2023 年第十三届 MathorCup 高校数学建模挑战赛】A 题 量子计算机在信用评分卡组合优化中的应用 详细建模过程解析及代码实现

相关信息 &#xff08;1&#xff09;建模思路 【2023 年第十三届 MathorCup 高校数学建模挑战赛】A 题 量子计算机在信用评分卡组合优化中的应用 详细建模过程解析及代码实现 【2023 年第十三届 MathorCup 高校数学建模挑战赛】 B 题 城市轨道交通列车时刻表优化问题 详细建…

数学建模【三款超实用建模小软件!】

最近听到很多小伙伴的反馈&#xff0c;说学编程好麻烦&#xff0c;有没有一些简单的软件可以实现数学建模的相关模型&#xff0c;今天“科研交流”工作室为大家带来了几款实用的数学建模小软件&#xff0c;可以实现基础的评价、预测、网络分析等功能&#xff0c;在比赛时能缩短…

还在为数学建模的事发愁?带你一起来看看数模竞赛中必备的经典算法

前言 数学建模比赛是本科生和研究生阶段最重要的比赛之一&#xff0c;包括全国大学生数学建模竞赛&#xff08;俗称“国赛”&#xff09;和美国大学生数学建模竞赛&#xff08;俗称“美赛”&#xff09;。在这些比赛中取得好成绩&#xff0c;不仅有助于保研、有助于找工作&…

一份简短又全面的数学建模技能图谱:常用模型算法总结

声明一下&#xff1a;下述内容的多数链接出自一本教材&#xff1a; 司守奎《数学建模算法与应用》 第二版的PDF版本&#xff0c;改成转载需要给出原创链接&#xff1b;实属无意冒犯。 【pdf版教材链接-百度网盘&#xff1a; https://pan.baidu.com/s/1TEYSW5ZImQU4Sy7Om2rxgA …