【问题标题】:Display textarea output as a list with bullets将 textarea 输出显示为带有项目符号的列表
【发布时间】:2017-09-30 12:48:24
【问题描述】:

我有一个带有textarea 的表格,我的客户在其中写了几个短语/句子,通常每个短语/句子跨越一两行,然后他们按回车键插入换行符/开始下一个短语。

理想情况下,当从数据库中获取此文本并显示在网页上时,它应该具有某种列表格式,即在每个短语的开头使用项目符号或 - 字符。

所以它应该看起来像带有ulli 的典型列表。但是在纯文本区域中,您只能换行,不能格式化。我使用nl2br($mytext) 将这些转换为换行事件到输出中的<br> 标记。但是有什么类似的东西可以将整个文本转换为列表或列表项(li)?

我知道我可以使用 TinyMCE 并让他们对其进行格式化,但我不希望他们格式化任何内容,我希望这些分隔的行显示为一个列表。

我曾考虑将包含项目符号的 :before 伪元素添加到 br 标签,但这些是行尾,而不是开头 - 行不通...有什么想法可以做吗?

【问题讨论】:

  • 致反对者:您希望我发布什么样的代码?我无法模拟首先将文本内容写入表单,然后在 sn-p、codepen 或 jsfiddle 中从数据库中获取...
  • 所以,如果我理解的话,为了简化您的问题,您正在寻找一种方法来获取您的回车分隔的数据库记录并将它们显示为一个列表?对吗?
  • @j08691 是的,基本上就是这样

标签: php html css textarea


【解决方案1】:

用新行分割字符串并用'<ul><li>' . implode('</li><li>', $string) . '</li></ul>' 内爆。

【讨论】:

  • 啊,太好了!非常感谢!
猜你喜欢
  • 1970-01-01
  • 2016-07-17
  • 2017-10-04
  • 1970-01-01
  • 1970-01-01
  • 2019-12-07
  • 2015-07-10
  • 1970-01-01
  • 2012-06-12
相关资源
最近更新 更多