QT 文本html显示格式的问题，如在QTextBrowser.setText用tr(),其中为html格式

最新推荐文章于 2024-02-29 11:25:15 发布
最新推荐文章于 2024-02-29 11:25:15 发布
阅读量1.1w 收藏 18
点赞数 8
分类专栏： QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xj626852095/article/details/10376885
版权

 

QObject::tr("<h1><font color = green>%1</font>的人品指数：<font color = orange>%2</font>"
                                    "<h4>点评：奸雄，实实在在的奸雄，宁可我负人人，不可人人负我，"
                                    "你的人品不及格，小心哦。"
                                    "<h2><font color = gray>代表人物：曹操</font>"
                                    "<img src=\":/images/CC.jpg\">"
                                    ).arg(_Name).arg(_Score));


用html可以设置 字体 图片 颜色等。。。

 

2. html 编写示例

<p> 创建新段落，<br>插入一个回车

tml>
<body>

<p>
要在一段中换行<br>要用br这个Tag
</p>

</body>
</html>

<h1> <h6>标题大小 1最大6最小

<html>
<body>

<h1>这是1号标题</h1>
<h2>这是2号标题</h2>
<h3>这是3号标题</h3>
<h4>这是4号标题</h4>
<h5>这是5号标题</h5>
<h6>这是6号标题</h6>

</body>
</html>

居中显示标题

<html>
<body>

<h1 align="center">这是标题</h1>
<p>上面的标题是居中显示</p>

</body>
</html>

<hr>显示横线

<html>
<body>

<p>用hr这个Tag可以在HTML文件里面加一条横线</p>
<hr>
<p>查看上面有没有横线显示</p>
<hr>

</body>
</html>
 

 常用格式示例

<html>
<body>

<p><b>粗体用b表示。</b></p>
<p><i>斜体用i表示。</i></p>
<p><del>芙蓉姐姐</del>这个词当中划线表示删除。</p>
<p><ins>想唱就唱</ins>这个词下划线插入。</p>
<p>X<sub>2</sub>其中的2是下标</p>
<p>X<sup>2</sup>其中的2是上标</p>
<p><blockquote>好好学习，天天向上。这句话缩进表示引用</blockquote></p>
<pre>
这是
预设(preformatted)文本.
在pre这个tag里的文本      保留
空格和
分行。
</pre>
<code>call getOrders</code>
<p>用code显示计算机代码，code里显示的字符是等宽字符。</p>

</body>
</html>


 ------------------------------- 《转载》 详细说明如下 --------------------------

<pre></pre>         创建预格式化文本

<h1></h1>          创建最大的标题

<h6></h6>          创建最小的标题

<b></b>           创建黑体字

<i></i>           创建斜体字

<tt></tt>          创建打字机风格的字体

<cite></cite>        创建一个引用,通常是斜体

<em></em>          加重一个单词（通常是斜体加黑体）

<strong></strong>      加重一个单词（通常是斜体加黑体）

<font size=?></font>     设置字体大小，从 1 到 7

<font color=?></font>    设置字体的颜色,使用名字或十六进制值

2、图形(命令)

<img src="name">       添加一个图像

<img src="name" align=?>   排列对齐一个图像:左中右或上中下

<img src="name" border=?>  设置围绕一个图像的边框的大小

<hr>             加入一条水平线

<hr size=?>         设置水平线的大小（高度）

<hr width=?>         设置水平线的宽度（百分比或绝对像素点）

<hr noshade>         创建一个没有阴影的水平线

 

 

3、链接(命令)

<a href="URL"></a>      创建一个超链接

<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接

<a name="NAME"></a>     创建一个位于文档内部的靶位

<a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接

 

4、格式排版(命令)

<p>             创建一个新的段落

<p align=?>         将段落按左、中、右对齐

<br>             插入一个回车换行符

<blockquote></blockquote>  从两边缩进文本

<dl></dl>          创建一个定义列表

<dt>             放在每个定义术语词之前

<dd>             放在每个定义之前

<ol></ol>          创建一个标有数字的列表

<li>             放在每个数字列表项之前，并加上一个数字

<ul></ul>          创建一个标有圆点的列表

<li>             放在每个圆点列表项之前，并加上一个圆点

<div align=?>        一个用来排版大块HTML 段落的标签，也用于格式化表

 

二、HTML基本语法

 

文件格式<html></html>(文件的开头与结尾)

主题<title></title>(放在文件的开头)

文头区段<head></head>(描述文件的信息)

内文区段<body></body>(放此文件的内容)

标题<h?></h>(?=1~6,改变标题字的大小)

标题对齐<h align=right,left,center></h>

字加大<big></big>

字变小<small></small>

粗体字<b></b>

斜体字<i></i>

底线字<u></u>

上标字<sup></sup>

下标字<sub></sub>

居中<center></center>

居左<left> </left>

居右<right> </right>

基本字体大小<basefont size>(取值范围从1到7，默认值为3)

改变字体大小<font size=?></font>(?=1~7)

 

字体颜色<font color=#rrggbb></font>(RGB色码)

指定字型<font face=?></font>(?=宋体，楷体等)

网址链结<a href="URL"></a>

设定锚点<a name="?"></a>(?以容易记为原则)

链结到锚点<a href="#?"></a>(同一份文件)

<a href="URL#?"></A>(锚点不同文件)

显示图形<img src="URL"></a>

图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)

图形取代文字<img src="URL"alt=?>(无法显示图形时用)

图形尺寸<img src="URL" width=? height=?>(?以像素为单位)

连结图形边线<img src="URL"border=?>(?以像素为单位)

图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)

段落<p></p>

断行<br></br>

横线<hr>

横线厚度<hr size=?>(?以像素为单位)

横线长度<hr width=?>(?以像素为单位)

横线长度<hr width=?%>(?与页宽相比较)

实横线<hr noshade>(无立体效果)

背景图案<body background=图形文件名>(图形文件格式为gif和jpg)

背景颜色<body bgcolor=#rrggbb>(RGB色码)

背景文字颜色<body text=#rrggbb>(RGB色码)

未链结点颜色<body link=#rrggbb>(RGB色码)

已链结点颜色<body vlink=#rrggbb>(RGB色码)

正在链结点颜色<body alink=#rrggbb(RGB色码)

 

三、具体在做html文件前,我们还有哪些需要做的：

 

1、网页图象一般有什么要求？

  受网络传输速度制约，图象要尽量小。一般每幅最大不要20K。

图象格式一般为gif和jpg两种。通常单调的可以考虑使用gif压缩。用jpg处理照片比较合适，因为里面包含许多色彩的缓和变化。不管是哪种，做好后都应压缩以给图片减肥，但不要压得太多而失真。压缩可用JPEG Optimizer或Image Optimizer两种工具，若用photoshop5.5做的图象，保存时直接用Save For Web可进行压缩。另外，Gif格式可作成动画。

 

2、选择图片的网络存储空间

  建议各位卖家们事先可以找一个稳定的空间来存放你的图片，以确保你的买家随时可以看到精美漂亮的商品。注意：不要把图片存放在免费相册里，因为这些相册的路径一般都是虚拟的，每一次浏览的URL都会改变，这对我们卖家来说是非常不好的。

另外要注意的一点是：有一些买家反映看到的卖家商品的图片是小叉叉，这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中，这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉！所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片！

 

四、练习的例子：（红色字体部分即可修改成你自己的自定义）

 

第一：用HTML来插入一个图片，

<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">

 

Key:

 

第二：用HTML来插入一个URL，

<a href="http://www.cyberhome.cn/images/girl/PLMM_F.jpg">点击我进入</a>

 

Key:点击我进入

 

第三：插入url的同时，插入图片，点击图片就可以进入这个url，如做一个插入网园淘艺坊的图片链接代码： <a href="http://taobao.cyberhome.cn/"><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>

 

Key:

 

第四：插入一段音乐     <bgsound src="Music File Name" loop=n>   （音乐文件在同一文件夹）

 

高山流水：<embed src="http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>

 

Key:

 

何日君再来：<a href="http://202.108.23.172/m?ct=134217728&tn=baidumt, 何日君再来 &word=mp3, http://lib.jiutai.org/longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,, [%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si = %BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;; %B5%CB%C0%F6%BE%FD&lm = 16777216">何日君再来</a>

Key:

何日君再来

                                                                             

 

今晚打酱油8
关注
  • 8
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解析在Android中为TextView增加自定义HTML标签的实现方法
01-20
Android中的TextView，本身就支持部分的Html格式标签。这其中包括常用的字体大小颜色设置，文本链接等。使用起来也比较方便，只需要使用Html类转换一下即可。比如： textView.setText(Html.fromHtml(str)); 然而，有一种场合，默认支持的标签可能不够用。比如，我们需要在textView中点击某种链接，返回到应用中的某个界面，而不仅仅是网络连接，如何实现？ 经过几个小时对android中的Html类源代码的研究，找到了解决办法，并且测试通过。 先看Html类的源代码中有这样一段： 代码如下:/**     * Is notified when HTML
QTableWidget Item文本显示不全(文本溢出)
12-15
QTableWidget item文本显示不全的通过气泡提示出来，如果item内容是完全显示的则气泡不会出现。只有显示不全时气泡才会出现。效果图：https://blog.csdn.net/qq_41622002/article/details/111224339
Qt textBrowser的Html相关
最新发布
sdustzk的博客
02-29 560
使用append或者insertHtml都是一样的效果，点第一下的时候没有问题， 再之后的所有添加，结果都是颜色起作用，居中还是靠右都是第一次的格式，后面的添加不会起作用。输出Html后发现，不能直接这么用，要更改所有的html代码才可以。一开始就想要一个简单的功能，点一下按钮，添加的文字居中显示，再点一下按钮，添加的文字变更颜色居右显示。前，添加代码块就可以了。
Qt下操作TabWidget和TreeWidget以及treeView的操作，实现控件的上移，下移，删除，新建操作；以及树形控件的操作；
qq_40004575的博客
04-23 3221
Qt下操作TabWidget和TreeWidget以及treeView的操作，实现控件的上移，下移，删除，新建操作；以及树形控件的操作； Qt下分为模型控件和Item控件：以下代码都有设计： infodialog.h #ifndef INFODIALOG_H #define INFODIALOG_H #include <QDialog> #include "ui_infodialog...
Qt进程与线程的概念、Qt多线程编程、多线程间的同步
m0_73443478的博客
02-11 439
Qt进程与线程的概念、Qt多线程编程、多线程间的同步
Qt：第三章：常用控件介绍
NewNovice1的博客
08-14 1312
窗口分为三种：普通窗口、无边框窗口以及顶层窗口(顶层窗口永远在最上面)
人品计算器
YUJINTIAO的专栏
11-25 396
using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ConsoleApplication9 { class Program { static void Main(string[] args) {
Qt creator 中设置Label中文字的上下标
weixin_52292160的博客
11-15 1907
//举个例子 ui->label->settext(tr("<font color='black'>g/cm<sup>3</sup>"));//这是上标 ui->label->settext(tr("<font color='black'>O<sub>2</sub>"));//这是下标 //举了两个简单的例子，可以在程序初始化时把上面的程序语句修改一下写上 ...
富文本表达QT setText中加入HTML标签和CSS样式
weixin_41639378的博客
04-21 610
打开 Qt Creator，依次选择“Tools”->“External”->“Linguist”，在弹出的“Linguist”窗口中，点击“File”->“New Translation”，选择语言和翻译文件的保存路径。这段代码是用于在Qt中设置一个居中、字体为方正姚体、字号为44pt、颜色为黑色的富文本格式的文本，内容是“请将注意力集中在屏幕中心数字上，”。点击“OK”后，会出现一个新的窗口，用于编辑翻译文件。翻译完成后，点击“File”->“Release”生成翻译后的二进制 .qm 文件。
hyperapp-render:通过SSR和Node.js流支持将Hyperapp渲染为HTML字符串
05-26
Hyperapp渲染 该库允许您将视图呈现为HTML字符串。 用户体验—在服务器上生成HTML，并在初始请求中向下发送标记，以加快页面加载速度。 Hyperapp中的内置功能使您能够获得非常出色的首次加载体验。 辅助功能-允许...
Android的TextView使用Html来处理图片显示、字体样式、超链接等
07-27
其中 Html.fromHtml("<img src='"+clickedImageId+"'/>"就是HTML的图片标记，在Android中支持了部分HTML标记的使用（这方面我还在继续研究），HTML标记必须被Html.fromHtml修饰。imageGetter即为之前创建的...
Android利用SpannableString实现格式化微博内容
01-05
在Android开发中，有许多信息展示需要通过TextView来展现，如果只是普通的信息展现，使用TextView setText(CharSequence str)设置即可，但是当在TextView里的这段内容需要截取某一部分字段，可以被点击以及响应响应...
Qt中的多线程及其应用（1）
Willwilling
03-30 1395
一、进程与线程的概念什么是程序？程序是计算机存储系统中的数据文件。分为源代码程序和可执行程序。源代码程序一般为文本文件，用来描述程序的行为和功能，可执行程序一般为二进制文件，可以直接加载并执行。源代码程序经过编译器编译，就成为可执行程序。什么是进程？广义的概念认为是程序关于某个数据集合的一次运行活动，狭义地讲，就是程序被加载到内存中后，执行得到的进程。程序和进程的区别：程序是硬盘中的静态文件，是存...
QT界面开发--基础学习篇一（上）
weixin_51471186的博客
08-28 5348
一、Qt简单介绍： 1、QT的简单理解： Qt简单的说就是一种可以跨平台的编程语言工具，可以直接类比C语言和C++. 且一般QT的代码逻辑也是以C语言和C++（也可以适用于像JS的语言），可以直观理解于VScode、vs2019. 不过它主要处理是以应用程序开发为主。（拿来直接当C编译器也是不错的）。 2、QT支持的范围广： QT能够适用于面前市场上的大部分平台，如：iOS、Android、WP,iOS、Android、它提供给应用程序开发者建立艺术级的图形用户界面所需的所有功能。基本上，Qt
Qt自定义标题栏（可拖动标题栏编辑修改窗口大小）
weixin_46246664的博客
06-06 5617
记录下Qt的自定义标题栏
Qt知识笔记（五）—— 常用窗口
qq_51762652的博客
03-03 441
Qt知识笔记（五）—— 常用窗口
QT读写XML文件，XML读写复杂结构体
amxld的博客
12-02 1243
//打开或创建文件 QFile file("config/Element.xml"); //相对路径、绝对路径、资源路径都可以 if(!file.open(QFile::WriteOnly|QFile::Truncate)) //可以用QIODevice，Truncate表示清空原来的内容 return; QDomDocument doc; //写入xml头部 QDomProcessingInstruction instructi..
java如何使用resultArea.setText读取文本第一行并显示
05-27
可以使用以下代码来读取文本文件的第一行并显示在`resultArea`文本区域中： ```java try { BufferedReader reader = new BufferedReader(new FileReader("file.txt")); String firstLine = reader.readLine(); //...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值