富文本 颜色 字体大小如何设置

在富文本中，可以通过设置 style 属性来改变文本的颜色和字体大小。style 属性是一个字符串，包含了多个 CSS 属性和值，用分号隔开。下面是一个例子，演示了如何设置文本的颜色和字体大小：

label = QLabel()
label.setText('<p style="color: red; font-size: 16px;">This is a red text with font size 16px.</p>')

在这个例子中，我们使用了 p 标签来包裹文本，然后设置了 style 属性，其中 color 属性设置为 red，字体大小属性设置为 16px。你可以根据需要设置不同的属性值来改变文本的颜色和字体大小。

相关问题

富文本 显示两行不同字体大小以及颜色的文字

要在富文本中显示两行不同字体大小以及颜色的文字，可以使用两个 p 标签来分别设置不同的样式。下面是一个例子，演示了如何在 QLabel 中显示两行不同字体大小和颜色的文字：

label = QLabel()
label.setText('<p style="color: red; font-size: 16px;">This is a red text with font size 16px.</p>'
             '<p style="color: blue; font-size: 24px;">This is a blue text with font size 24px.</p>')

在这个例子中，我们使用了两个 p 标签来分别设置不同的样式。第一个 p 标签设置了文本颜色为红色，字体大小为 16px；第二个 p 标签设置了文本颜色为蓝色，字体大小为 24px。你可以根据需要设置不同的颜色和字体大小来显示不同的样式。

quilleditor 字体大小设置_Quill 自定义富文本功能

要在 Quill 编辑器中设置字体大小，可以使用 Quill 自带的 font-size 模块。首先需要在 Quill 的初始化配置中添加 font-size 模块，然后在需要设置字体大小的地方调用该模块的 API。

以下是一个示例代码：

var quill = new Quill('#editor', {
  modules: {
    toolbar: [
      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],  // 标题
      ['bold', 'italic', 'underline', 'strike'],  // 文字样式
      ['link', 'image'],  // 插入链接和图片
      [{ 'list': 'ordered'}, { 'list': 'bullet' }],  // 列表
      [{ 'align': [] }],  // 对齐方式
      [{ 'color': [] }, { 'background': [] }],  // 文字颜色和背景色
      ['clean']  // 清除格式
    ],
    'font-size': {}  // 添加 font-size 模块
  },
  theme: 'snow'
});

// 设置字体大小为 14px
quill.format('size', '14px');

要注意的是，使用 font-size 模块设置字体大小时，需要使用 CSS 中的像素值，而不是常见的“小号”、“中号”之类的标准字号。