entityMap|blocks|key|8kj0l|text|我想你可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|cge48|setItemDelegate|79b3m|方法为树视图项设置自定义画笔。在代理的paint方法中，您可以使用QTextDocument将项的文本加载为html并呈现它。请检查以下示例是否适用于您：|1k7t|treeview初始化：|d949h|...
++++//+create+simple+model+for+a+tree+view
++++QStandardItemModel+*model+=+new+QStandardItemModel();
++++QModelIndex+parentItem;
++++for+(int+i+=+0;+i+<+4;+%2B%2Bi)
++++{
++++++++parentItem+=+model->index(0,+0,+parentItem);
++++++++model->insertRows(0,+1,+parentItem);
++++++++model->insertColumns(0,+1,+parentItem);
++++++++QModelIndex+index+=+model->index(0,+0,+parentItem);
++++++++model->setData(index,+"blah-blah+some+text+other+blah");
++++}
++++//+create+custom+delegate
++++HTMLDelegate*+delegate+=+new+HTMLDelegate();
++++//+set+model+and+delegate+to+the+treeview+object
++++ui->treeView->setModel(model);
++++ui->treeView->setItemDelegate(delegate);
...|code-block|syntax|javascript|36v05|自定义委托实现|6eftr|class+HTMLDelegate+:+public+QStyledItemDelegate
{
protected:
++++void+paint+(+QPainter+*+painter,+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&+index+)+const;
++++QSize+sizeHint+(+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&+index+)+const;
};

void+HTMLDelegate::paint(QPainter*+painter,+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&index)+const
{
++++QStyleOptionViewItemV4+options+=+option;
++++initStyleOption(&options,+index);

++++painter->save();

++++QTextDocument+doc;
++++doc.setHtml(options.text);

++++options.text+=+"";
++++options.widget->style()->drawControl(QStyle::CE_ItemViewItem,+&options,+painter);

++++painter->translate(options.rect.left(),+options.rect.top());
++++QRect+clip(0,+0,+options.rect.width(),+options.rect.height());
++++doc.drawContents(painter,+clip);

++++painter->restore();
}

QSize+HTMLDelegate::sizeHint+(+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&+index+)+const
{
++++QStyleOptionViewItemV4+options+=+option;
++++initStyleOption(&options,+index);

++++QTextDocument+doc;
++++doc.setHtml(options.text);
++++doc.setTextWidth(options.rect.width());
++++return+QSize(doc.idealWidth(),+doc.size().height());
}|4r1di|希望这能有所帮助，致敬|19hk7|update0|evkjt|：更改HTMLDelegate以使图标可见，并为所选项目显示不同的笔颜色|61a1a|void+HTMLDelegate::paint(QPainter*+painter,+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&index)+const
{
++++QStyleOptionViewItemV4+options+=+option;
++++initStyleOption(&options,+index);

++++painter->save();

++++QTextDocument+doc;
++++doc.setHtml(options.text);

++++options.text+=+"";
++++options.widget->style()->drawControl(QStyle::CE_ItemViewItem,+&options,+painter);

++++//+shift+text+right+to+make+icon+visible
++++QSize+iconSize+=+options.icon.actualSize(options.rect.size());
++++painter->translate(options.rect.left()%2BiconSize.width(),+options.rect.top());
++++QRect+clip(0,+0,+options.rect.width()%2BiconSize.width(),+options.rect.height());

++++//doc.drawContents(painter,+clip);

++++painter->setClipRect(clip);
++++QAbstractTextDocumentLayout::PaintContext+ctx;
++++//+set+text+color+to+red+for+selected+item
++++if+(option.state+&+QStyle::State_Selected)
++++++++ctx.palette.setColor(QPalette::Text,+QColor("red"));
++++ctx.clip+=+clip;
++++doc.documentLayout()->draw(painter,+ctx);

++++painter->restore();
}^0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|Z|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|10|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|11|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|12|9|@]|A|@]|B|$]]|$2|I|4|J|6|K|8|13|9|@]|A|@]|B|$L|M]]|$2|N|4|O|6|7|8|14|9|@]|A|@]|B|$]]|$2|P|4|Q|6|K|8|15|9|@]|A|@]|B|$L|M]]|$2|R|4|S|6|7|8|16|9|@]|A|@]|B|$]]|$2|T|4|U|6|7|8|17|9|@]|A|@]|B|$]]|$2|V|4|W|6|7|8|18|9|@]|A|@]|B|$]]|$2|X|4|Y|6|K|8|19|9|@]|A|@]|B|$L|M]]]]

I guess you can use <a href="http://qt-project.org/doc/qt-4.8/qabstractitemview.html#setItemDelegate" rel="noreferrer">setItemDelegate</a> method of the treeview to setup custom painter for your treeview items. In the delegate's paint method you can use QTextDocument to load item's text as html and render it. Please check if an example below would work for you:

treeview initialization:

<pre><code>...
 // create simple model for a tree view
 QStandardItemModel *model = new QStandardItemModel();
 QModelIndex parentItem;
 for (int i = 0; i &lt; 4; ++i)
 {
 parentItem = model-&gt;index(0, 0, parentItem);
 model-&gt;insertRows(0, 1, parentItem);
 model-&gt;insertColumns(0, 1, parentItem);
 QModelIndex index = model-&gt;index(0, 0, parentItem);
 model-&gt;setData(index, "&lt;span&gt;blah-blah &lt;b&gt;some text&lt;/b&gt; other blah&lt;/span&gt;");
 }
 // create custom delegate
 HTMLDelegate* delegate = new HTMLDelegate();
 // set model and delegate to the treeview object
 ui-&gt;treeView-&gt;setModel(model);
 ui-&gt;treeView-&gt;setItemDelegate(delegate);
...
</code></pre>

custom delegate implementation

<pre><code>class HTMLDelegate : public QStyledItemDelegate
{
protected:
 void paint ( QPainter * painter, const QStyleOptionViewItem &amp; option, const QModelIndex &amp; index ) const;
 QSize sizeHint ( const QStyleOptionViewItem &amp; option, const QModelIndex &amp; index ) const;
};

void HTMLDelegate::paint(QPainter* painter, const QStyleOptionViewItem &amp; option, const QModelIndex &amp;index) const
{
 QStyleOptionViewItemV4 options = option;
 initStyleOption(&amp;options, index);

 painter-&gt;save();

 QTextDocument doc;
 doc.setHtml(options.text);

 options.text = "";
 options.widget-&gt;style()-&gt;drawControl(QStyle::CE_ItemViewItem, &amp;options, painter);

 painter-&gt;translate(options.rect.left(), options.rect.top());
 QRect clip(0, 0, options.rect.width(), options.rect.height());
 doc.drawContents(painter, clip);

 painter-&gt;restore();
}

QSize HTMLDelegate::sizeHint ( const QStyleOptionViewItem &amp; option, const QModelIndex &amp; index ) const
{
 QStyleOptionViewItemV4 options = option;
 initStyleOption(&amp;options, index);

 QTextDocument doc;
 doc.setHtml(options.text);
 doc.setTextWidth(options.rect.width());
 return QSize(doc.idealWidth(), doc.size().height());
}
</code></pre>

hope this helps, regards

update0: changes to HTMLDelegate to make icons visible and different pen color for selected items

<pre><code>void HTMLDelegate::paint(QPainter* painter, const QStyleOptionViewItem &amp; option, const QModelIndex &amp;index) const
{
 QStyleOptionViewItemV4 options = option;
 initStyleOption(&amp;options, index);

 painter-&gt;save();

 QTextDocument doc;
 doc.setHtml(options.text);

 options.text = "";
 options.widget-&gt;style()-&gt;drawControl(QStyle::CE_ItemViewItem, &amp;options, painter);

 // shift text right to make icon visible
 QSize iconSize = options.icon.actualSize(options.rect.size());
 painter-&gt;translate(options.rect.left()+iconSize.width(), options.rect.top());
 QRect clip(0, 0, options.rect.width()+iconSize.width(), options.rect.height());

 //doc.drawContents(painter, clip);

 painter-&gt;setClipRect(clip);
 QAbstractTextDocumentLayout::PaintContext ctx;
 // set text color to red for selected item
 if (option.state &amp; QStyle::State_Selected)
 ctx.palette.setColor(QPalette::Text, QColor("red"));
 ctx.clip = clip;
 doc.documentLayout()-&gt;draw(painter, ctx);

 painter-&gt;restore();
}
</code></pre>

entityMap|blocks|key|3mm33|text|我的回答主要是受到@serge的启发|type|unstyled|depth|inlineStyleRanges|entityRanges|data|fr83b|_|fuo1b|古本科就是其中之一。但是，我们做了一些改进，使代码在我的应用程序中最终变得有用。|52orl|class+HtmlDelegate+:+public+QStyledItemDelegate
{
protected:
++++void+paint+(+QPainter+*+painter,+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&+index+)+const;
++++QSize+sizeHint+(+const+QStyleOptionViewItem+&+option,+const+QModelIndex+&+index+)+const;
};

void+HtmlDelegate::paint(QPainter+*painter,+const+QStyleOptionViewItem+&option,+const+QModelIndex+&index)+const
{
++++QStyleOptionViewItemV4+optionV4+=+option;
++++initStyleOption(&optionV4,+index);

++++QStyle+*style+=+optionV4.widget?+optionV4.widget->style()+:+QApplication::style();

++++QTextDocument+doc;
++++doc.setHtml(optionV4.text);

++++///+Painting+item+without+text
++++optionV4.text+=+QString();
++++style->drawControl(QStyle::CE_ItemViewItem,+&optionV4,+painter);

++++QAbstractTextDocumentLayout::PaintContext+ctx;

++++//+Highlighting+text+if+item+is+selected
++++if+(optionV4.state+&+QStyle::State_Selected)
++++++++ctx.palette.setColor(QPalette::Text,+optionV4.palette.color(QPalette::Active,+QPalette::HighlightedText));

++++QRect+textRect+=+style->subElementRect(QStyle::SE_ItemViewItemText,+&optionV4);
++++painter->save();
++++painter->translate(textRect.topLeft());
++++painter->setClipRect(textRect.translated(-textRect.topLeft()));
++++doc.documentLayout()->draw(painter,+ctx);
++++painter->restore();
}

QSize+HtmlDelegate::sizeHint(const+QStyleOptionViewItem+&option,+const+QModelIndex+&index)+const
{
++++QStyleOptionViewItemV4+optionV4+=+option;
++++initStyleOption(&optionV4,+index);

++++QTextDocument+doc;
++++doc.setHtml(optionV4.text);
++++doc.setTextWidth(optionV4.rect.width());
++++return+QSize(doc.idealWidth(),+doc.size().height());
}|code-block|syntax|javascript^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|N|9|@]|A|@]|B|$]]|$2|G|4|H|6|I|8|O|9|@]|A|@]|B|$J|K]]]]

My answer is mostly inspired by @serge_gubenko's one. However, there were made several improvements so that the code is finally useful in my application.

<pre><code>class HtmlDelegate : public QStyledItemDelegate
{
protected:
 void paint ( QPainter * painter, const QStyleOptionViewItem &amp; option, const QModelIndex &amp; index ) const;
 QSize sizeHint ( const QStyleOptionViewItem &amp; option, const QModelIndex &amp; index ) const;
};

void HtmlDelegate::paint(QPainter *painter, const QStyleOptionViewItem &amp;option, const QModelIndex &amp;index) const
{
 QStyleOptionViewItemV4 optionV4 = option;
 initStyleOption(&amp;optionV4, index);

 QStyle *style = optionV4.widget? optionV4.widget-&gt;style() : QApplication::style();

 QTextDocument doc;
 doc.setHtml(optionV4.text);

 /// Painting item without text
 optionV4.text = QString();
 style-&gt;drawControl(QStyle::CE_ItemViewItem, &amp;optionV4, painter);

 QAbstractTextDocumentLayout::PaintContext ctx;

 // Highlighting text if item is selected
 if (optionV4.state &amp; QStyle::State_Selected)
 ctx.palette.setColor(QPalette::Text, optionV4.palette.color(QPalette::Active, QPalette::HighlightedText));

 QRect textRect = style-&gt;subElementRect(QStyle::SE_ItemViewItemText, &amp;optionV4);
 painter-&gt;save();
 painter-&gt;translate(textRect.topLeft());
 painter-&gt;setClipRect(textRect.translated(-textRect.topLeft()));
 doc.documentLayout()-&gt;draw(painter, ctx);
 painter-&gt;restore();
}

QSize HtmlDelegate::sizeHint(const QStyleOptionViewItem &amp;option, const QModelIndex &amp;index) const
{
 QStyleOptionViewItemV4 optionV4 = option;
 initStyleOption(&amp;optionV4, index);

 QTextDocument doc;
 doc.setHtml(optionV4.text);
 doc.setTextWidth(optionV4.rect.width());
 return QSize(doc.idealWidth(), doc.size().height());
}
</code></pre>

entityMap|blocks|key|2ap2s|text|下面是上面几个答案的PyQt转换结果，这些结果对我来说都是有效的。我希望这对PySide也能起到几乎相同的作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|e5vuk|from+PyQt4+import+QtCore,+QtGui

class+HTMLDelegate(QtGui.QStyledItemDelegate):
++++def+paint(self,+painter,+option,+index):
++++++++options+=+QtGui.QStyleOptionViewItemV4(option)
++++++++self.initStyleOption(options,index)

++++++++style+=+QtGui.QApplication.style()+if+options.widget+is+None+else+options.widget.style()

++++++++doc+=+QtGui.QTextDocument()
++++++++doc.setHtml(options.text)

++++++++options.text+=+""
++++++++style.drawControl(QtGui.QStyle.CE_ItemViewItem,+options,+painter);

++++++++ctx+=+QtGui.QAbstractTextDocumentLayout.PaintContext()

++++++++#+Highlighting+text+if+item+is+selected
++++++++#if+(optionV4.state+&+QStyle::State_Selected)
++++++++++++#ctx.palette.setColor(QPalette::Text,+optionV4.palette.color(QPalette::Active,+QPalette::HighlightedText));

++++++++textRect+=+style.subElementRect(QtGui.QStyle.SE_ItemViewItemText,+options)
++++++++painter.save()
++++++++painter.translate(textRect.topLeft())
++++++++painter.setClipRect(textRect.translated(-textRect.topLeft()))
++++++++doc.documentLayout().draw(painter,+ctx)

++++++++painter.restore()

++++def+sizeHint(self,+option,+index):
++++++++options+=+QtGui.QStyleOptionViewItemV4(option)
++++++++self.initStyleOption(options,index)

++++++++doc+=+QtGui.QTextDocument()
++++++++doc.setHtml(options.text)
++++++++doc.setTextWidth(options.rect.width())
++++++++return+QtCore.QSize(doc.idealWidth(),+doc.size().height())|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

Here's the PyQt conversion of the combination of the above answers that worked for me. I would expect this to work virtually identically for PySide as well.

<pre><code>from PyQt4 import QtCore, QtGui

class HTMLDelegate(QtGui.QStyledItemDelegate):
 def paint(self, painter, option, index):
 options = QtGui.QStyleOptionViewItemV4(option)
 self.initStyleOption(options,index)

 style = QtGui.QApplication.style() if options.widget is None else options.widget.style()

 doc = QtGui.QTextDocument()
 doc.setHtml(options.text)

 options.text = ""
 style.drawControl(QtGui.QStyle.CE_ItemViewItem, options, painter);

 ctx = QtGui.QAbstractTextDocumentLayout.PaintContext()

 # Highlighting text if item is selected
 #if (optionV4.state &amp; QStyle::State_Selected)
 #ctx.palette.setColor(QPalette::Text, optionV4.palette.color(QPalette::Active, QPalette::HighlightedText));

 textRect = style.subElementRect(QtGui.QStyle.SE_ItemViewItemText, options)
 painter.save()
 painter.translate(textRect.topLeft())
 painter.setClipRect(textRect.translated(-textRect.topLeft()))
 doc.documentLayout().draw(painter, ctx)

 painter.restore()

 def sizeHint(self, option, index):
 options = QtGui.QStyleOptionViewItemV4(option)
 self.initStyleOption(options,index)

 doc = QtGui.QTextDocument()
 doc.setHtml(options.text)
 doc.setTextWidth(options.rect.width())
 return QtCore.QSize(doc.idealWidth(), doc.size().height())
</code></pre>

entityMap|blocks|key|989nc|text|这个是用PySide写的。我将QPainter传递给QLabel并让它自己绘制，而不是进行大量的自定义绘制。突出显示从其他答案借用的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|71fma|from+PySide+import+QtGui

class+TaskDelegate(QtGui.QItemDelegate):
++++#https://doc.qt.io/archives/qt-4.7/qitemdelegate.html#drawDisplay
++++#https://doc.qt.io/archives/qt-4.7/qwidget.html#render
++++def+drawDisplay(self,+painter,+option,+rect,+text):
++++++++label+=+QtGui.QLabel(text)

++++++++if+option.state+&+QtGui.QStyle.State_Selected:
++++++++++++p+=+option.palette
++++++++++++p.setColor(QtGui.QPalette.WindowText,+p.color(QtGui.QPalette.Active,+QtGui.QPalette.HighlightedText))

++++++++++++label.setPalette(p)

++++++++label.render(painter,+rect.topLeft(),+renderFlags=QtGui.QWidget.DrawChildren)|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

This one is in PySide. Rather than doing a lot of custom drawing, I pass the QPainter to the QLabel and make it draw itself. Highlighting code borrowed from other answers.

<pre><code>from PySide import QtGui

class TaskDelegate(QtGui.QItemDelegate):
 #https://doc.qt.io/archives/qt-4.7/qitemdelegate.html#drawDisplay
 #https://doc.qt.io/archives/qt-4.7/qwidget.html#render
 def drawDisplay(self, painter, option, rect, text):
 label = QtGui.QLabel(text)

 if option.state &amp; QtGui.QStyle.State_Selected:
 p = option.palette
 p.setColor(QtGui.QPalette.WindowText, p.color(QtGui.QPalette.Active, QtGui.QPalette.HighlightedText))

 label.setPalette(p)

 label.render(painter, rect.topLeft(), renderFlags=QtGui.QWidget.DrawChildren)
</code></pre>

entityMap|blocks|key|fijil|text|写另一个关于如何在C%2B%2B中做到这一点的答案。到目前为止提供的答案的不同之处在于，这是针对Qt5的，而不是针对Qt4的。然而，最重要的是，前面的回答忽略了项目委派应该能够|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5d1gs|对齐|cv348|指定的文本(例如，在|57i5r|)。此外，我还实现了一种方法|f41rq|省略掉富文本|efmjd|为了获得与纯文本委托一致的感觉(在ItemViews中)。|car72|因此，不再赘述，下面是我的代码|92q30|void+RichTextItemDelegate::paint(QPainter+*painter,+const+QStyleOptionViewItem+&inOption,
+++++++++++++++++++++++++++++++++const+QModelIndex+&index)+const+{
++++QStyleOptionViewItem+option+=+inOption;
++++initStyleOption(&option,+index);

++++if+(option.text.isEmpty())+{
++++++++//+This+is+nothing+this+function+is+supposed+to+handle
++++++++QStyledItemDelegate::paint(painter,+inOption,+index);

++++++++return;
++++}

++++QStyle+*style+=+option.widget+?+option.widget->style()+:+QApplication::style();

++++QTextOption+textOption;
++++textOption.setWrapMode(option.features+&+QStyleOptionViewItem::WrapText+?+QTextOption::WordWrap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++:+QTextOption::ManualWrap);
++++textOption.setTextDirection(option.direction);

++++QTextDocument+doc;
++++doc.setDefaultTextOption(textOption);
++++doc.setHtml(option.text);
++++doc.setDefaultFont(option.font);
++++doc.setDocumentMargin(0);
++++doc.setTextWidth(option.rect.width());
++++doc.adjustSize();

++++if+(doc.size().width()+>+option.rect.width())+{
++++++++//+Elide+text
++++++++QTextCursor+cursor(&doc);
++++++++cursor.movePosition(QTextCursor::End);

++++++++const+QString+elidedPostfix+=+"...";
++++++++QFontMetrics+metric(option.font);
#if+QT_VERSION+>=+QT_VERSION_CHECK(5,+11,+0)
++++++++int+postfixWidth+=+metric.horizontalAdvance(elidedPostfix);
#else
++++++++int+postfixWidth+=+metric.width(elidedPostfix);
#endif
++++++++while+(doc.size().width()+>+option.rect.width()+-+postfixWidth)+{
++++++++++++cursor.deletePreviousChar();
++++++++++++doc.adjustSize();
++++++++}

++++++++cursor.insertText(elidedPostfix);
++++}

++++//+Painting+item+without+text+(this+takes+care+of+painting+e.g.+the+highlighted+for+selected
++++//+or+hovered+over+items+in+an+ItemView)
++++option.text+=+QString();
++++style->drawControl(QStyle::CE_ItemViewItem,+&option,+painter,+inOption.widget);

++++//+Figure+out+where+to+render+the+text+in+order+to+follow+the+requested+alignment
++++QRect+textRect+=+style->subElementRect(QStyle::SE_ItemViewItemText,+&option);
++++QSize+documentSize(doc.size().width(),+doc.size().height());+//+Convert+QSizeF+to+QSize
++++QRect+layoutRect+=+QStyle::alignedRect(Qt::LayoutDirectionAuto,+option.displayAlignment,+documentSize,+textRect);

++++painter->save();

++++//+Translate+the+painter+to+the+origin+of+the+layout+rectangle+in+order+for+the+text+to+be
++++//+rendered+at+the+correct+position
++++painter->translate(layoutRect.topLeft());
++++doc.drawContents(painter,+textRect.translated(-textRect.topLeft()));

++++painter->restore();
}

QSize+RichTextItemDelegate::sizeHint(const+QStyleOptionViewItem+&inOption,+const+QModelIndex+&index)+const+{
++++QStyleOptionViewItem+option+=+inOption;
++++initStyleOption(&option,+index);

++++if+(option.text.isEmpty())+{
++++++++//+This+is+nothing+this+function+is+supposed+to+handle
++++++++return+QStyledItemDelegate::sizeHint(inOption,+index);
++++}

++++QTextDocument+doc;
++++doc.setHtml(option.text);
++++doc.setTextWidth(option.rect.width());
++++doc.setDefaultFont(option.font);
++++doc.setDocumentMargin(0);

++++return+QSize(doc.idealWidth(),+doc.size().height());
}|code-block|syntax|javascript^0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|T|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|U|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|V|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|W|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|X|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|Y|9|@]|A|@]|B|$]]|$2|M|4|N|6|7|8|Z|9|@]|A|@]|B|$]]|$2|O|4|P|6|Q|8|10|9|@]|A|@]|B|$R|S]]]]

Writing up yet another answer for how this can be done in C++. The difference to the answers provided so far is that this is for Qt5 and not Qt4. Most importantly however the previous answers neglected that the item delegate should be able to align the text as specified (e.g. in a <code>QTreeWidget</code>). Additionally I also implemented a way to elide rich text in order to get a consistent feeling with plaintext delegates (in ItemViews).
So without further ado, here is my code for a <code>RichTextDelegate</code>:
<pre><code>void RichTextItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &amp;inOption,
 const QModelIndex &amp;index) const {
 QStyleOptionViewItem option = inOption;
 initStyleOption(&amp;option, index);

 if (option.text.isEmpty()) {
 // This is nothing this function is supposed to handle
 QStyledItemDelegate::paint(painter, inOption, index);

 return;
 }

 QStyle *style = option.widget ? option.widget-&gt;style() : QApplication::style();

 QTextOption textOption;
 textOption.setWrapMode(option.features &amp; QStyleOptionViewItem::WrapText ? QTextOption::WordWrap
 : QTextOption::ManualWrap);
 textOption.setTextDirection(option.direction);

 QTextDocument doc;
 doc.setDefaultTextOption(textOption);
 doc.setHtml(option.text);
 doc.setDefaultFont(option.font);
 doc.setDocumentMargin(0);
 doc.setTextWidth(option.rect.width());
 doc.adjustSize();

 if (doc.size().width() &gt; option.rect.width()) {
 // Elide text
 QTextCursor cursor(&amp;doc);
 cursor.movePosition(QTextCursor::End);

 const QString elidedPostfix = &quot;...&quot;;
 QFontMetrics metric(option.font);
#if QT_VERSION &gt;= QT_VERSION_CHECK(5, 11, 0)
 int postfixWidth = metric.horizontalAdvance(elidedPostfix);
#else
 int postfixWidth = metric.width(elidedPostfix);
#endif
 while (doc.size().width() &gt; option.rect.width() - postfixWidth) {
 cursor.deletePreviousChar();
 doc.adjustSize();
 }

 cursor.insertText(elidedPostfix);
 }

 // Painting item without text (this takes care of painting e.g. the highlighted for selected
 // or hovered over items in an ItemView)
 option.text = QString();
 style-&gt;drawControl(QStyle::CE_ItemViewItem, &amp;option, painter, inOption.widget);

 // Figure out where to render the text in order to follow the requested alignment
 QRect textRect = style-&gt;subElementRect(QStyle::SE_ItemViewItemText, &amp;option);
 QSize documentSize(doc.size().width(), doc.size().height()); // Convert QSizeF to QSize
 QRect layoutRect = QStyle::alignedRect(Qt::LayoutDirectionAuto, option.displayAlignment, documentSize, textRect);

 painter-&gt;save();

 // Translate the painter to the origin of the layout rectangle in order for the text to be
 // rendered at the correct position
 painter-&gt;translate(layoutRect.topLeft());
 doc.drawContents(painter, textRect.translated(-textRect.topLeft()));

 painter-&gt;restore();
}

QSize RichTextItemDelegate::sizeHint(const QStyleOptionViewItem &amp;inOption, const QModelIndex &amp;index) const {
 QStyleOptionViewItem option = inOption;
 initStyleOption(&amp;option, index);

 if (option.text.isEmpty()) {
 // This is nothing this function is supposed to handle
 return QStyledItemDelegate::sizeHint(inOption, index);
 }

 QTextDocument doc;
 doc.setHtml(option.text);
 doc.setTextWidth(option.rect.width());
 doc.setDefaultFont(option.font);
 doc.setDocumentMargin(0);

 return QSize(doc.idealWidth(), doc.size().height());
}
</code></pre>

Suppose my model has items with the following string for Qt::DisplayRole

<pre><code>&lt;span&gt;blah-blah &lt;b&gt;some text&lt;/b&gt; other blah&lt;/span&gt;
</code></pre>

I want QTreeView (actually, any item view) to render it like a rich text. Instead, item views render it like a pure text by default. How to achieve the desired rendering?

<hr>

Actually, this is a search results model. User enters a text, some document is searched against that text and the user is presented with search results, where the words being searched should be bolder than surrounding text.

How to make item view render rich (html) text in Qt

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

 假设我的模型包含Qt::DisplayRole具有以下字符串的项 blah-blah some text other blah 我希望QTreeView (实际上是任何项目视图)将其呈现为富文本。相反，默认情况下，项视图将其呈现为纯文本。如何实现所需的渲染？ 实际上，这是一个搜索结果模型。用户输入一个文本，针对该文本...

问如何使项目视图在Qt中呈现富(html)文本
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使项目视图在Qt中呈现富(html)文本EN