Dear Ric,
Yes, the preview text does not
contain any HTML mark-up. It is just plan text. However, with a bit of
template editing, I think you can achieve the desired effect. Here's one
way to go about it...
Within your preview.html template, make this:
<p class="question-preview">
{{ question.preview }}...
<a class="question-popover pull-right" rel="popover" data-original-title="Answer" data-load="/questions/{{
question.id }}/answer" href="/questions/{{
question.id }}">read more <i class="icon-forward"></i></a>
</p>
<p class="question-preview" style="overflow:hidden; height:75px;">
{{ question.answer|safe }}
</p>
<a class="question-popover pull-right" rel="popover"
data-original-title="Answer" data-load="/questions/{{
question.id
}}/answer" href="/questions/{{
question.id }}">read more <i
class="icon-forward"></i></a>
The
second form uses the entire answer rather than just the preview. The
"safe" filter allows for HTML markup. And the style on the
"question-preview" paragraph controls the height of the area allowed for
your answer and ensures that any extra content past that height is
hidden.