VisualForce：将长文本字段中的回车符转换为 html 换行符

发布于 2024-08-26 08:06:10 字数 558 浏览 15 评论 0原文

在 Salesforce 中，如果我将文本字段绑定到 VisualForce 页面，将文本字段中的回车符转换为 HTML 标记的好方法是什么？

例如，从这样的内容开始：

<apex:page standardController="Case">
  <apex:pageBlock title="Test">
      <p>{!case.Description}</p>
  </apex:pageBlock>                   
  <apex:detail relatedList="false" />
</apex:page>

...如果描述很长并且有很多回车符，我如何对其进行 HTML 化？

（我想这是一个相当简单的问题，我确信我可以用 google 搜索它，但为了让 Salesforce 社区在这里继续下去，我认为我们需要一些简单的问题。）

编辑：（添加赏金是为了尝试引起一些兴奋）

原文

In Salesforce, if I'm binding a text field into a VisualForce page, whats a good way to convert the carriage returns in the text-field into HTML <br/> tags?

e.g. starting from something like this:

<apex:page standardController="Case">
  <apex:pageBlock title="Test">
      <p>{!case.Description}</p>
  </apex:pageBlock>                   
  <apex:detail relatedList="false" />
</apex:page>

... if the Description is long with lots of carriage returns, how do I HTML-ify it?

(I guess this is a fairly easy question, and I'm sure I could google it, but to get the Salesforce community going on here I figure we need a few easy questions.)

edit: (Bounty added to try and generate some excitement)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

痴情 2024-09-02 08:06:10

试试这个：

<apex:outputField value="{!case.Description}"/>

使用输出字段将自动保持格式。

Try this:

<apex:outputField value="{!case.Description}"/>

Using output fields will maintain formatting automagically.

回复收藏 0 原文

桃扇骨 2024-09-02 08:06:10

我最终通过一些冗长的代码实现了这一点。

在自定义控制器中，添加手动搜索后返回字段的方法，并替换字段中的换行符并将其替换为标签：

public string getCaseDescriptionFormatted()
{
    Case c = this.loadCaseFromDatabaseOrWhatever();
    return lineBreaks(c.Description);   
}

private string lineBreaks(string inText)
{
   if (inText == null)
       return '';
   else
       return inText.replaceAll('<','(').replaceAll('>',')').replaceAll('\n','<br/>');
}

然后在页面中，使用 apex:outputText with escape="false"：

<apex:outputText value="{!CaseDescriptionFormatted}" escape="false" />

请注意，escape="false" 对于防止 VisualForce 转义 html 标记是必要的。这也意味着您可能会受到假设嵌入数据中的脚本攻击的影响。这就是为什么控制器中的 lineBreaks() fn 也会替换任何 < 和 > 字符。

（可能有更好的方法使字符串安全，欢迎建议）

I eventually achieved this with some long winded code.

In the custom controller, add methods to return the field after manually searching and replace the line breaks in the field and replacing them with <br/> tags:

public string getCaseDescriptionFormatted()
{
    Case c = this.loadCaseFromDatabaseOrWhatever();
    return lineBreaks(c.Description);   
}

private string lineBreaks(string inText)
{
   if (inText == null)
       return '';
   else
       return inText.replaceAll('<','(').replaceAll('>',')').replaceAll('\n','<br/>');
}

Then in the page, use apex:outputText with escape="false":

<apex:outputText value="{!CaseDescriptionFormatted}" escape="false" />

Note that escape="false" is necessary to prevent VisualForce from escaping the html tags. This also means you leave yourself open to scripting-attacks that could by hypothetically embedded in the data. Thats why the lineBreaks() fn in the controller also replaces any < and > characters.

(There may be a better way to make the string safe, suggestions welcome)

回复收藏 0 原文

幻想少年梦 2024-09-02 08:06:10

上面的 TehNrd 回答了我的问题。

我正在开发案例的选项卡式视图，类似于帐户的常见示例。在显示案例评论时，您不能只是将它们放入相关列表中，而是需要手动设置它们的格式。使用标准的 apex pageBlockTable 会产生一个紧密包装的表，用户无法读取该表，因此我们必须进行更多的手动编码。这种方法还允许我使用 CSS 来格式化表格内容。但问题是用换行符格式化案例评论并格式化电子邮件。 TehNrd 的回答非常有效！

对于其他人，这里是显示带有格式化 CaseComment 的选项卡以及编辑评论的操作的代码。

<apex:tab label="Comments" name="Comments" id="tabComments">
    <apex:form >
        <apex:pageBlock id="commentsPageBlock">
            <apex:pageBlockButtons location="top">
                <apex:commandButton value="Toggle Sort" action="{!RequeryComments}" id="theButton" rerender="commentsPageBlock"></apex:commandButton>
            </apex:pageBlockButtons>
            <table border="0"  class="commentsTable">       
            <tr>
                <th class="commentsActionColumn">Action</th>
                <th class="commentBodyClass">Comments</th>
            </tr>
            <!-- get the case comments from the controller -->
            <apex:repeat value="{!comments}" var="c">
                <tr>
                <td class="commentsActionColumn">
                <!-- open the case comment for edit -->
                <apex:outputLink title="" value="/{!c.id}/e?parent_id={!c.parentId}&retURL=/apex/{!$CurrentPage.Name}%3Fid={!case.id}" style="font-weight:bold">Edit</apex:outputLink> 
                </td>
                <td>
                <!-- display the case comment formatted using the apex outputField -->
                <div class="commentTdClass">
                <apex:outputField value="{!c.commentbody}"></apex:outputField>
                </div>
                </td>
                </tr>
            </apex:repeat>
            </table>
        </apex:pageBlock>
    </apex:form>
</apex:tab>

TehNrd above answered the question for me.

I am developing a tabbed view of Cases similar to the common example for Accounts. When it comes to showing the case comments you can not just put them into a related list and instead you need to format them by hand. Using the standard apex pageBlockTable results in a tightly packed table that can not be read by users so we have to do more hand coding. This approach also allows me to use CSS to format the table contents. But the problem was formatting the Case Comments with line breaks and email messages formatted. TehNrd's answer worked perfectly!

For others here is the code to display a tab with formatted CaseComment along with an action to edit the comment.

<apex:tab label="Comments" name="Comments" id="tabComments">
    <apex:form >
        <apex:pageBlock id="commentsPageBlock">
            <apex:pageBlockButtons location="top">
                <apex:commandButton value="Toggle Sort" action="{!RequeryComments}" id="theButton" rerender="commentsPageBlock"></apex:commandButton>
            </apex:pageBlockButtons>
            <table border="0"  class="commentsTable">       
            <tr>
                <th class="commentsActionColumn">Action</th>
                <th class="commentBodyClass">Comments</th>
            </tr>
            <!-- get the case comments from the controller -->
            <apex:repeat value="{!comments}" var="c">
                <tr>
                <td class="commentsActionColumn">
                <!-- open the case comment for edit -->
                <apex:outputLink title="" value="/{!c.id}/e?parent_id={!c.parentId}&retURL=/apex/{!$CurrentPage.Name}%3Fid={!case.id}" style="font-weight:bold">Edit</apex:outputLink> 
                </td>
                <td>
                <!-- display the case comment formatted using the apex outputField -->
                <div class="commentTdClass">
                <apex:outputField value="{!c.commentbody}"></apex:outputField>
                </div>
                </td>
                </tr>
            </apex:repeat>
            </table>
        </apex:pageBlock>
    </apex:form>
</apex:tab>

回复收藏 0 原文

烟沫凡尘 2024-09-02 08:06:10

您尝试过使用outputText吗？

如果这不起作用，请在这里投票支持我的想法： https://sites.secure .force.com/ideaexchange/ideaView?id=08730000000H4XDAA0
因为我在尝试将 JSON 返回到页面时遇到了同样的问题。

其他人也想要这个想法 https://sites.secure.force。 com/ideaexchange/apex/ideaview?id=08730000000BrhEAAS

回复收藏 0 原文

狼性发作 2024-09-02 08:06:10

对我来说，TehNrd 成功了——我试图在 VisualForce 通知电子邮件模板中显示案例“描述”，所有 CR/LF 都消失了，并且行/段落一起运行。使其成为 OutputField 值完全解决了这个问题。

回复收藏 0 原文

水中月 2024-09-02 08:06:10

你可以尝试这样的事情：

{!substitute(Case.Description, '\n', '<br/>')}

You could try something like:

{!substitute(Case.Description, '\n', '<br/>')}

回复收藏 0 原文

~没有更多了~

关于作者

离去的眼神

暂无简介

文章

495 人气

关注发私信

友情链接

文江博客

VisualForce：将长文本字段中的回车符转换为 html 换行符

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

佚名

羁客

天天爱笑的徐老师

星

夏日落

隐诗

友情链接

VisualForce：将长文本字段中的回车符转换为 html 换行符

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

佚名

羁客

天天爱笑的徐老师

星

夏日落

隐诗

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。