当我用 xml 解析 mysql 数据库中的文本时保持文本格式

Question

我有一个带有标记的 javascript 谷歌地图应用程序，当您单击它们时，存储在 mysql 数据库中的文本会显示在 DIV 标记中，如下视频所示：https://youtu.be/VtcxLoAG7Wk

问题是文本显示时没有分隔线。即使在视频中看到的数据库中，存储的文本仍然具有格式。

所以我的问题是如何在保持文本格式的情况下显示此文本，正如您在我从谷歌地图中使用的代码中看到的那样，它是通过解析 xml 完成的。

     <script type="text/javascript">
    //<![CDATA[

var name;
var html;
var type;
var lat;
var point;


    var customIcons = {
      restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png'
      },
      bar: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png'
      }
    };

    function load() {
      var map = new google.maps.Map(document.getElementById("map"), {
        center: new google.maps.LatLng(48.1351, 11.5820),
        zoom: 5,
        mapTypeId: 'roadmap'
      });
      var infoWindow = new google.maps.InfoWindow;

      // Change this depending on the name of your PHP file
      downloadUrl("phpsqlajax_genxml.php", function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var name = markers[i].getAttribute("name");
          var address = markers[i].getAttribute("address");
          var type = markers[i].getAttribute("type");
          var point = new google.maps.LatLng(
              parseFloat(markers[i].getAttribute("lat")),
              parseFloat(markers[i].getAttribute("lng")));
          var html = "<b>" + name + "</b> </text> <br/>" + address;
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point,

          });
          bindInfoWindow(marker, map, infoWindow, html, name);
        }
      });
    }

    function bindInfoWindow(marker, map, infoWindow, html, name, downloadUrl) {
      google.maps.event.addListener(marker, 'click', function() {
        // infoWindow.setContent(html);
        // infoWindow.open(map, marker);

       var textillo = document.getElementById("mensaje").innerHTML = name;
      });
    }

然后在地图中显示标记的主函数调用另一个代码：

<?php
require("dbinfo.php");

function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','&lt;',$htmlStr);
$xmlStr=str_replace('>','&gt;',$xmlStr);
$xmlStr=str_replace('"','&quot;',$xmlStr);
$xmlStr=str_replace("'",'&#39;',$xmlStr);
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr;
}

// Opens a connection to a MySQL server
$connection=mysql_connect ('localhost', $user, $pass);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

// Set the active MySQL database
$db_selected = mysql_select_db($db, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// Select all the rows in the markers table
$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
  die('Invalid query: ' . mysql_error());
}

header("Content-type: text/xml");

// Start XML file, echo parent node
echo '<markers>';

// Iterate through the rows, printing XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
  // ADD TO XML DOCUMENT NODE
  echo '<marker ';
  echo 'name="' . parseToXML($row['name']) . '" ';
  echo 'address="' . parseToXML($row['address']) . '" ';
  echo 'lat="' . $row['lat'] . '" ';
  echo 'lng="' . $row['lng'] . '" ';
  echo 'type="' . $row['type'] . '" ';
  echo '/>';
}

// End XML file
echo '</markers>';


?>

Answer 1

要“保留”换行符，您可以使用 nl2br PHP function 将数据库中的换行符转换为 HTML 中的 br 标记。

像这样：

<?php
$yourText = 'text gotten from
database';
echo nl2br($yourText);