Как заменить значение wysiwyg textarea на jQuery?

Question

Я использую textarea с классом wysiwyg, используемым из Simpla Admin из Themeforest (я не знаю, актуально ли это последнее).

<textarea name="message" id="targetText" class="wysiwyg">Hello</textarea> 

Я хочу изменить "Hello" с "Test" с JQuery с помощью:

$("#message").html("Test") 

Но теперь весь объект WYSIWYG полностью исчезает, и я вижу только "Test".

Что я могу сделать, чтобы сохранить редактор wysiwyg и получить внутри этого редактора значение «Тест»?

Answer 1

Поскольку у меня нет инструмента WYSIWYG вы используете, так что я не могу точно сказать, но я могу сказать вам, как найти !

Возможно, вы используете плагин javascript, который преобразует текстовое поле с классом .wysiwyg и преобразует его, чтобы он добавлял в него виджет.

Чтобы найти реальный элемент, который содержит ваш HTML-контент (который вы хотите изменить с помощью wysiwyg), воспользуйтесь инструментом Google Chrome Dev Tool, нажав F12 (или любой инструмент Dev) и изучите документ HTML, чтобы узнать, какой элемент «действительно», содержащий содержимое HTML. И тогда вы можете напрямую изменить HTML, как в своем примере, но с правильным селектором!

Надеюсь, это помогло!

Answer 2

$("#targetText").val("Test"); 

или

$('textarea[name="message"]').val("Test"); 

или

$('.wysiwyg').val("Test"); 

Answer 3

$("textarea#message").html("Test")