Как выполнить код стиля в переменной php для текстовой области html

У меня есть переменная php:

$correction = <span style = "background:yellow">iiii</span> am a good person.

Эта переменная отправляется в ajax из php под

success: function(msg)
{       
    $("#target").val(msg); // msg is the $correction string
}

затем он отображается в текстовом поле. Однако я хочу, чтобы стиль выполнялся вместо отображения html-кода в $correction.

Он обнаруживает опечатки и выделяет их желтым цветом, но я понятия не имею, как заставить его отображать строку.

Я попытался создать функцию в функции успеха ajax и отправить переменную msg в функцию Javascript, но это не сработало.

Я попытался добавить на него тег <body></body> и даже заменил

<span> to <div id = "display" style = "background:yellow">iiii</div> am a good person.

и это все еще не работало.

ожидаемый результат: <mark>iiii</mark> am a good person.

фактический результат: <span style = "background:yellow">iiii</span> am a good person.

Спасибо за помощь.

Как вы передаете свою переменную в ajax? пс. Измените на это объявление вашей переменной php $correction = "<span style=\"background:yellow\">iiii</span> я хороший человек.";

Sfili_81 23.05.2019 17:27

Спасибо. Я использовал функцию str_ireplace из php

adm 28.05.2019 16:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
176
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы не можете установить HTML-код внутри <textarea/>https://www.w3schools.com/tags/tag_textarea.asp, потому что это объект «многострочного ввода текста».

Если вы хотите, чтобы это было внутри текстового поля, вы можете сделать это с помощью обходного пути <div contenteditable = "true">your editable content</div> в теге DIV. https://www.w3schools.com/tags/att_global_contenteditable.asp

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

adm 27.05.2019 09:41

Другие вопросы по теме