jQuery: Редактор Rich-Text Batiste - как обновить контент?

Question

Я использую этот легкий JQuery плагин для создания форматированного текстового редактора: Batiste RTE jQuery Plugin

В рамках более сложной формы, у меня есть функциональность очистки изменяет и я хочу, чтобы быть в состоянии сделать это для редактор.

Я держу исходное содержание в переменной, и я хочу сделать что-то вроде: setContent (INITIAL_CONTENT), но я не могу найти способ доступа к объекту RTE, потому что $("textarea").rte(some-options-here) возвращает textarea объект, а не rte объект.

Любая идея о том, как это сделать?

Answer 1

Я бы просто сказал, что Шон сказал здесь, но я также хотел бы привести пример этого в действии. Обратите внимание, что одна из вещей, которые делает этот пример, хранит INITIAL_CONTENT в глобальной переменной, потому что элемент управления RTE заменяет текстовое поле, а не скрывает его, что я немного расстраиваю.

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

пример того, что вы пытаетесь достичь: http://jsbin.com/ixipu

Answer 2

RTE заменяет текстовое поле iframe, но сохраняет тот же идентификатор. Чтобы получить доступ к содержимому iframe, попробуйте что-то вроде этого.

$("#textarea_ID").contents().find("body").html(INITIAL_CONTENT); 

Answer 3

Вы можете захватить тело от фрейма, а затем установить/получить содержимое:

var $R = function(sel, newContent) { 
    return $('body', $(sel).contents()).html(newContent || undefined); 
}; 
var iframe = $('iframe.rte-zone')[0]; 
alert($R(iframe)); // alerts the RTE's content 
$R(iframe, '<strong>Lorem <em>ipsum</em></strong>'); // sets the content of the RTE to "<strong>Lorem <em>ipsum</em></strong>" 

Вы также можете have a look at some examples, если вы хотите к.

Cheers :)