openLayer使用气泡弹窗，如何解析htmltext中的换行符

在OpenLayers中，如果你想要使用气泡弹窗（通常称为InfoWindow）显示包含HTML文本的内容，需要注意的是，HTML文本中的换行符 `<br>` 在弹出窗口中会被浏览器解析成实际的换行。这意味着，如果你在`htmltext`属性中直接写入`<br>`，它会在弹出窗口中显示为新行。

例如：

let htmlText = "<p>这是一个段落，<br>其中包含换行。</p>";
let popup = new ol.layer.Vector.Style({
    'info': (function(feature, resolution) {
        return {
            fill: true,
            stroke: false,
            graphic: new ol.Graphic({
                geometry: feature.getGeometry(),
                style: {
                    image: new ol.style.Icon({
                        src: 'icon.png',
                        anchor: [0.5, 46], // 图标中心点
                        size: [32, 32] // 图标尺寸
                    }),
                    text: new ol.style.Text({
                        font: '18px sans-serif',
                        text: htmlText,
                        fill: new ol.style.Fill({ color: '#ffcc33' }),
                        stroke: new ol.style.Stroke({ color: '#ccc', width: 1 })
                    })
                }
            })
        };
    })()
});

在这个例子中，当用户点击图层时，InfoWindow会展示带有换行的新行。

如果需要在HTML文本中保持`<br>`不受影响，你可以在创建HTML文本时，将其替换为`&lt;br&gt;` 或者 `"\n"`，这样浏览器不会尝试解析它们为换行符。