реагировать textarea не показывает новые строки - PullRequest
Новая
       4

реагировать textarea не показывает новые строки

1 голос
/ 31 марта 2020

У меня есть вопрос, и я надеюсь, что вы знаете, как мне помочь.

У меня есть текстовая область , где я показываю свой ответ от бэкэнда.

Ответ в следующем формате: 

<rdf:RDF
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:j.0="http://xmlns.com/foaf/0.1/">
  <j.0:Person rdf:about="https://create-profile.com">
    <j.0:homepage></j.0:homepage>
    <j.0:firstName></j.0:firstName>
    <j.0:based_near></j.0:based_near>
    <j.0:mbox_sha1sum>myemail-example@s.com</j.0:mbox_sha1sum>
    <j.0:lastName></j.0:lastName>
    <j.0:img></j.0:img>
    <j.0:schoolHomepage></j.0:schoolHomepage>
    <j.0:title></j.0:title>
    <j.0:skypeID></j.0:skypeID>
    <j.0:currentProject></j.0:currentProject>
    <j.0:publications></j.0:publications>
    <j.0:nick></j.0:nick>
    <j.0:weblog></j.0:weblog>
    <j.0:account>https://create-profile.com</j.0:account>
    <j.0:account></j.0:account>
    <j.0:workplaceHomepage></j.0:workplaceHomepage>
  </j.0:Person>
</rdf:RDF>

Но когда я помещаю его в текстовую область, я получаю что-то вроде этого: 

<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns# xmlns:j.0="http://xmlns.com/foaf/0.1/"><j.0:Person rdf:about="https://create-profile.com"> <j.0:homepage></j.0:homepage>

Я пытался сделайте что-нибудь с css, новая строка et c, но это не сработает. Это хорошо работает, только если я отправляю ответ в div.

Может кто-нибудь сказать мне, как получить тот же формат ответа в текстовой области?

1 Ответ

0 голосов
/ 31 марта 2020

Сложно определить, разместив здесь данные, какой код символа разделяет ваши теги. Из примера вывода видно, что это могут быть только пробелы. В этом случае вы можете попробовать код ниже. Если это не пробел, и вы можете определить, что такое разделитель (например, '\ r'), вы можете заменить его пробелом в регулярном выражении. 

// Example data with space as a delimiter
const data = `<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:j.0="http://xmlns.com/foaf/0.1/"> <j.0:Person rdf:about="https://create-profile.com"> <j.0:homepage></j.0:homepage> <j.0:firstName></j.0:firstName> <j.0:based_near></j.0:based_near> <j.0:mbox_sha1sum>myemail-example@s.com</j.0:mbox_sha1sum> <j.0:lastName></j.0:lastName> <j.0:img></j.0:img> <j.0:schoolHomepage></j.0:schoolHomepage> <j.0:title></j.0:title> <j.0:skypeID></j.0:skypeID> <j.0:currentProject></j.0:currentProject> <j.0:publications></j.0:publications> <j.0:nick></j.0:nick> <j.0:weblog></j.0:weblog> <j.0:account>https://create-profile.com</j.0:account> <j.0:account></j.0:account> <j.0:workplaceHomepage></j.0:workplaceHomepage> </j.0:Person> </rdf:RDF>`;

var regex = /> /g;
const formattedData = data.replace(regex,'>\n');;
document.getElementById('xml-data').innerHTML = formattedData;
<html>
  <head></head>
  <body>
    <form>
      <textarea id="xml-data"></textarea>
    </form>
  </body>
</html>
...