javascript - 在 ExtJS 组件中显示富文本

标签 javascript php html extjs richtext

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

这是一些带有两个换行符的示例文本\r\n\r\n

目前 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 中是可见的。

最佳答案

在 JS 中,您可以使用以下 br 标签替换换行符

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

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

关于javascript - 在 ExtJS 组件中显示富文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27419413/

相关文章:

javascript - hash (#) vs end charCode 来自 Firefox 中的按键事件

javascript - 有什么方法可以获取 Firebase Auth 用户 UID?

javascript - jquery ajax 调用后重新加载页面

php - 显示来自数据库的数据——包括图像

jquery - 第二个标题根据滚动淡入或淡出

javascript - html5 - 页面之间的无缝音频连接

javascript - 服务器发送的事件在 Chrome 中不起作用

php - 确定用户个人资料是否属于 Laravel 中的当前用户

php - 尝试从表单将数据插入数据库时​​出现错误

javascript - 使用 JavaScript 更改 HTML 元素