在字符串中查找並替換<?php & ?>

Question

我有一大串有效的HTML代碼將被插入到DOM中，該字符串還包含PHP代碼。我希望將php代碼顯示爲純文本，Chrome會自動註釋PHP代碼。顯然，PHP代碼被包裹在<?php ... ?>所以我的問題是：

我如何用<span>標籤與</span>取代公開<?php，並更換?>關閉打開的<span>標記，這樣的PHP代碼中的<span>標籤和爲此可見爲純文本？

編輯：我將通過替換span來包裝PHP代碼回<?php ?>，因此轉義字符會使這變得更加困難。

Answer 1

你可以逃避它。

來源： https://css-tricks.com/snippets/javascript/htmlentities-for-javascript/

function htmlEntities(str) { 
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); 
} 

Answer 2

正如你說，HTML是一個字符串，你可以很容易地只使用replace()功能。

var html = // your html 
var sanitized = html.replace(/<\?php/g, "<span>").replace(/\?>/g, "</span>"); 

Answer 3

使用正則表達式！

RegExp101是一個很棒的操場。 請記住將左側菜單中的風味改爲JavaScript。

最簡單的方法是使用.replace()函數。

var str = str.replace(/(<\?php)|(<\?)|(<\?=)/g, '<span>').replace(/(\?>)/g, '</span>');

編輯：按照要求通過Get Off My Lawn，我已經添加了支持<?=第二<?標籤。管道|代表正則表達式中的或。