Блог

Главная - Вопросы по программированию - Как мне заставить содержимое текстовой области ckeditor отображаться в div

Как мне заставить содержимое текстовой области ckeditor отображаться в div

#javascript #ckeditor

#javascript #ckeditor

Вопрос:

Я использую ckeditor в качестве моей текстовой области в форме. Когда кто-то вводит текст в текстовую область, я хочу, чтобы div отображался в другом месте экрана во время ввода. например, они вводят fiddly-piddly-poo, а fiddly-piddly-poo появляется в div под текстовой областью. К сожалению, я не очень много знаю о javascript (обучение), и я не могу заставить его работать.

Код, который я пытаюсь:

 $('#CampaignStory').bind("propertychange input", function() {
  $('#story').text($(this).text());
});

<div class="input textarea">
    <label for="CampaignStory">Story</label>
    <textarea name="data[Campaign][story]" class="ckeditor" id="CampaignStory" ></textarea>
</div>

<div id="story"></div>

Это не работает, и я понятия не имею, почему. Кто-нибудь может мне помочь?

Ответ №1:

Вам нужно использовать this.value вместо метода .text()

http://jsfiddle.net/kLYDE / (лол…. только что заметил, что его URL-адрес — klyde: P)

 $('#CampaignStory').bind("input propertychange", function() {
  $('#story').text(this.value);
});

Комментарии:

1. Хм…. работает в вашей скрипке, но не в моем приложении. У меня забавное чувство, что это из-за ckeditor. Сделает ли это другое значение? Не уверен, что я понимаю ссылку на klyde: (

2. @DidjuJuzphart если позже в вашем коде значения входных элементов с помощью ckeditor будут изменены, это может произойти. (Я думал, что клайд был аккуратным, потому что jsfiddle случайным образом генерирует эту часть URL-адреса, и обычно она не образует полное слово)

3. Ах да, я не часто использую jsfiddle (это меняется!), Поэтому не понял. Я узнал, что klyde — это имя рэпера Bay Area из Питтсбурга, штат Калифорния, что, я полагаю, интересно :). Я не думаю, что в моем коде изменяются значения входных элементов с помощью ckeditor. Я ничего не делал, если только ckeditor не сделает это сам? Я в тупике.

4. @DidjuJuzphart может ли быть перезаписан ваш выходной div (#story)?

5. Я так не думаю. Я больше читал, и, похоже, мне нужно использовать что-то вроде CKEDITOR.instances. [textboxname].getData() для получения содержимого текстовой области ckeditor, но когда я пытаюсь использовать это в своем коде вместо предложенного вами this.value, мой dreamweaver сообщает, что синтаксис неправильный, и код не работает. Я недостаточно знаю о javascript. Вам это кажется правильным?

Метки: