如何确保多余的
标签不会破坏样式？

| 我从Tumblr API获得了不可靠的结果。当我收到一行文字时，我只会收到文字。当有多行时，每行都被包裹在“ 0”标签中。所以我要么得到：

This is a value with no second line

要么

<p>This is a value</p>
<p>with a second line</p>

我希望两者都一样。我一直在值附近手动添加“ 0”，但这将导致：

<p><p>This is a value</p>
<p>with a second line</p></p>

在多行值上。对于如何解决此问题，我有一些想法，但不确定哪种方法最好。创建新的CSS样式p p {}，以抵消错误的样式使用jQuery提取冗余标签的DOM内容，并使它们成为非冗余的只需将文本加载到jQuery函数中，查看是否有标记，如果没有则添加它们，然后将结果写入DOM。我不确定选项1是否可以很好地工作（尤其是在浏览器中），而且似乎有点怪异。关于选项2或3是否更好的任何想法，以及我将如何实施？编辑：应该提到我正在玩Tumblr主题，所以Python / PHP / ASP / etc对我不可用（这对我来说会更容易！）。

已邀请:

5 个回复

旗低饶彤

首先匹配：

result = /^\\s*\\<p\\>.+\\<\\/p\\>$/.test(result) ? result : \'<p>\' + result + \'</p>\';

而不是一直添加标签。

课刊灭似

为什么不只是

if ( str.indexOf(\'<p>\') === -1 ) {
   str = \'<p>\' + str + \'</p>\';    
}

因此，如果在字符串中没有单个出现\"\"字符串，则意味着结果为\“ single-line \”，您需要将其包装在\"\"标记中。

瞧叮

在您的选择中，我认为选择3是最好的方法。但是，我有另一个有用的想法：我不确定您要在哪个平台上开发（php / asp.net / etc ..），您可能也可以在前端进行。接收消息（1行或更多行）使用平台的“ 12”功能基于对换行符的搜索，将字符串拆分为一个数组遍历数组值，并删除所有remove0ѭ（如果有）再次迭代，并在每个数组索引前添加  将每个数组字符串截断为一个字符串，然后输出到dom 中提琴！无论是1行还是10行，没有ѭ0或10ѭ0，您都可以依靠该功能。这种方法将“面向未来”应用程序的这一部分，因为，正如我们所有人所看到的那样，偶尔公司会在没有警告的情况下迅速更改api的返回结果，或更改api的工作方式

抽法

假设PHP；并且如果字符串格式是一致的〜

$str = \'hello world\';
//$str = \'<p>a string with a p tag</p>\';

if(substr($str,0,3)==\'<p>\') {

    echo $str;

} else {

    echo \'<p> \' . $str . \'</p>\';

}

// <p>hello world</p>
// <p>a string with a p tag</p>

粱委教

另一个解决方案可能是将所有的“ 18”替换为“ 19”，这样可以保留多行段落中的换行符。

要回复问题请先登录或注册

如何确保多余的
标签不会破坏样式？

5 个回复

发起人

jquery

css

tumblr

问题状态

如何确保多余的标签不会破坏样式？

与内容相关的链接

5 个回复

发起人

jquery

css

tumblr

问题状态

如何确保多余的
标签不会破坏样式？