Оберните каждую букву строки в теге, избегая тегов HTML

Question

Оберните каждую букву строки в теге, избегая тегов HTML

Я хотел бы построить функцию, которая принимает строку и оборачивает каждую из ее букв в <span>, кроме пробелов и тегов HTML (в моем случае, <br> теги).

Так:

"Hi <br> there."

… должен стать

"<span>H</span><span>i</span> <br> <span>t</span><span>h</span><span>e</span><span>r</span><span>e</span><span>.</span>"

Мне не повезло придумать собственное решение, поэтому я огляделся по сторонам, и мне было удивительно трудно найти именно то, что я искал.

Самым близким, что я нашел, был ответ Невера Вот.

Тем не менее, это не сработало, так как каждый персонаж <br> теги были завернуты в <span> и это не соответствовало подчеркнутым персонажам, таким как стихи.

Как мне поступить с этим?
И почему синтаксический анализ тегов HTML с помощью регулярных выражений кажется таким неправильным?

3

html php preg-replace regex word-wrap

Решение

Другие решения

Вы можете попробовать что-то вроде …

<?php

$str = "Hi <br> there.";
$newstr = "";
$notintag = true;
for ($i = 0; $i < strlen($str); $i++) {
if (substr($str,$i,1) == "<") {
$notintag = false;
}
if (($notintag) and (substr($str,$i,1) != " ")) {
$newstr .= "<span>" . substr($str,$i,1) . "</span>";
} else {
$newstr .= substr($str,$i,1);
}

if (substr($str,$i,1) == ">") {
$notintag = true;
}}
echo $newstr;

?>

2

Вы можете достичь результата с ([^\s>])(?!(?:[^<>]*)?>) регулярное выражение. Чтобы включить поддержку Юникода, просто используйте его с u опция:

<?php
$re = "/([^\\s>])(?!(?:[^<>]*)?>)/u";
$str = "Hi <br> there.";
$subst = "<span>$1</span>";
$result = preg_replace($re, $subst, $str);
echo $result;
?>

Здесь вы можете найти регулярные выражения и демонстрация.

Увидеть пример программы без поддержки Unicode и здесь один с поддержкой Unicode (разница в u опция).

2

Источник

Accepted Answer

Вы можете рассмотреть возможность использования DOMDocument проанализировать HTML и обернуть только символы в пределах значения DOMText узлы. Смотрите комментарии в коде.

// Define source
$source = 'H&iuml; <br/> thérè.';

// Create DOM document and load HTML string, hinting that it is UTF-8 encoded.
// We need a root element for this so we wrap the source in a temporary <div>.
$hint = '<meta http-equiv="content-type" content="text/html; charset=utf-8">';
$dom = new DOMDocument();
$dom->loadHTML($hint . "<div>" . $source . "</div>");

// Get contents of temporary root node
$root = $dom->getElementsByTagName('div')->item(0);

// Loop through children
$next = $root->firstChild;
while ($node = $next) {
$next = $node->nextSibling; // Save for next while iteration

// We are only interested in text nodes (not <br/> etc)
if ($node->nodeType == XML_TEXT_NODE) {
// Wrap each character of the text node (e.g. "Hi ") in a <span> of
// its own, e.g. "<span>H</span><span>i</span><span> </span>"foreach (preg_split('/(?<!^)(?!$)/u', $node->nodeValue) as $char) {
$span = $dom->createElement('span', $char);
$root->insertBefore($span, $node);
}
// Drop text node (e.g. "Hi ") leaving only <span> wrapped chars
$root->removeChild($node);
}
}

// Back to string via SimpleXMLElement (so that the output is more similar to
// the source than would be the case with $root->C14N() etc), removing temporary
// root <div> element and space-only spans as well.
$withSpans = simplexml_import_dom($root)->asXML();
$withSpans = preg_replace('#^<div>|</div>$#', '', $withSpans);
$withSpans = preg_replace('#<span> </span>#', ' ', $withSpans);

echo $withSpans, PHP_EOL;

Выход:

<span>H</span><span>ï</span> <br/> <span>t</span><span>h</span><span>é</span><span>r</span><span>è</span><span>.</span>

1