Javascript 如何从敲除html绑定中删除新行分隔符？

因此，目前我有一个foreach循环，它拉入一个消息列表，比如消息中心，它显示日期/计算短主题/计算短消息/状态。所以当它拉入短消息时，我将它显示为HTML，因为它是来自HTML编辑器的消息。但当它显示时，它会显示消息中的所有空格和其他内容，直到达到25个字符

在将html消息添加到foreach循环时，如何从html消息中删除换行符？或者，如果我将其切换到剔除文本绑定，则删除html字符并替换为空格

淘汰赛：

 self.ShortSubject = ko.computed(function () {
        if (self.Subject().length < 20) {
            return self.Subject();
        }
        else {
            return self.Subject().substring(0, 20) + '...';
        }
    });

    self.ShortMessage = ko.computed(function () {
        if (self.Message().length < 50) {
            return self.Message();
        }
        else {
            return self.Message().substring(0, 50) + '...';
        }
    });

self.ShortSubject=ko.computed（函数（）{
if（self.Subject（）.长度<20）{
返回self.Subject（）；
}
否则{
返回self.Subject（）；
}
});
self.ShortMessage=ko.computed（函数（）{
if（self.Message（）.长度<50）{
返回self.Message（）；
}
否则{
返回self.Message（）；
}
});

HTML:

消息类型
主题
消息
创建日期

截断HTML的问题是，其中可能有未关闭的标记，这可能会破坏页面的格式。所以你可能只想提取文本，它告诉你怎么做

如果您确信表格单元格不会与即将获得的HTML冲突，则可以将单元格内所有内容的

display

样式设置为

inline

。短消息*{
显示：内联；
}

你好 一些文本 一个 两个

---

向我们展示您的数据以及您的代码。是否将我的代码添加到原始邮件以及问题数据的示例？

<table class="table table-hover table-striped table-bordered text-center">
                            <thead>
                                <tr class="bg-success">
                                    <th width="15%" class="table-title" data-bind="click: sortMessageType" style="cursor: pointer">Message Type </th>
                                    <th width="25%" class="table-title" data-bind="click: sortSubject" style="cursor: pointer">Subject </th>
                                    <th width="40%" class="table-title" data-bind="click: sortMessage" style="cursor: pointer">Message </th>
                                    <th width="20%" class="table-title" data-bind="click: function(data, event) { sortDateCreated( $data, event ) }" style="cursor: pointer">Date Created </th>

                                </tr>
                            </thead>
                            <tbody data-bind="foreach: VisibleTemplates">
                                <tr>
                                    <td class="mailbox-subject" data-bind="click: function(data, event) { $parent.selectTemplate( $data, event ) }, text: $data.MessageType"></td>
                                    <td class="mailbox-subject" data-bind="click: function(data, event) { $parent.selectTemplate( $data, event ) }, text: $data.ShortSubject"></td>
                                    <td class="mailbox-subject" data-bind="click: function(data, event) { $parent.selectTemplate( $data, event ) }, text: $data.ShortMessage"></td>
                                    <td class="mailbox-subject" data-bind="click: function(data, event) { $parent.selectTemplate( $data, event ) }, text: $data.DateTime"></td>
                                </tr>
                            </tbody>
                        </table>