Question

我正在尝试在我的extjs应用程序中使用tpl在组件中显示一些富文本。我从我的数据库中获取了富文本，它看起来像这样：

this is some example text \r\n\r\n with two line breaks

目前，extjs只显示文字，但我希望它也能使换行符。在服务器端，我使用PHP，然后通过直接层将数据加载到extjs中。

有没有可能做到这一点？最好的办法是，如果你能以某种方式将富文本翻译成HTML。

以下是我的tpl示例：

tpl:[
 '<h2>Some HTML Title</h2>'
 '{RICH_TEXT}'
 '<p>Some more HTML Stuff</p>'
]

提前感谢您的帮助。

修改我还遇到过一些例子，其中不仅仅是一些换行符：

{\rtf1\ansi\ansicpg1252\deff0{\fonttbl{\f0\fnil\fcharset0 MS Sans Serif;}}
{\colortbl ;\red0\green0\blue0;}
\viewkind4\uc1\pard\cf1\lang2055\b\f0\fs16 text text text\b0 , more text }

我该如何处理？如果没有可能，我怎么能摆脱那些东西并只显示明文，因为这在extjs中可见。

Answer 1

在JS中，您可以使用以下

替换带有br标记的换行符

str = str.replace(/(?:\r\n|\r|\n)/g, '<br />');

或者，您可以在使用内置函数nl2br发送数据之前在PHP端执行相同的过程：http://php.net/manual/en/function.nl2br.php

在ExtJS组件中显示富文本

1 个答案: