Как сделать сохранение в ckeditor inline?

Question

[CloudMonster]

Здравствуйте, поставил в админку CKEditor. Но не знаю, как сделать сохранение.

<div class="row">
	<div contenteditable="true" class="col-md-4">1</div>
	<div contenteditable="true" class="col-md-4">2</div>
	<div contenteditable="true" class="col-md-4">3</div>
</div>

Допустим, что есть такой макет, каждый блок можно редактировать. Но непонятно, как сохранять одной кнопкой все блоки сразу, может, кто-нибудь знает? Или же автосохранение.

Или же как можно получить значения всех этих блоков, если было бы textarea, то легко можно было бы написать name="column1" и все.

Answer 1

[Илья Лесных]

document.getElementById(id) / $('#id') ?

Comments

[CloudMonster]

А если у меня несколько форм с разными id?

[Илья Лесных]

@CloudMonster
1) собираете нужные данные по-элементно (см. выше);
2) сериализуете форму целиком;
$('form').serialize() )
3) собираете массив данных по классу.

var data = [];
$('.field').each(function(){
    data[] = $(this).val();
});

[CloudMonster]

@Aliance Можете пожалуйста в примере объяснить, js только начал изучать, мне все эти блоки нужно в форму обернуть?

[CloudMonster]

@CloudMonster И можно ли массив data[] передать в переменную php?

[Илья Лесных]

@CloudMonster я писал абстрактное решение для задачи. Если отталкиваться именно от вашей вёрстки, то я бы порекомендовал вам назначить всем трем дивам какой-то класс, и использовать вариант №3, который я предложил (не забудьте изменить .val() на .html(), т.к. у вас не поле формы, а див).

[CloudMonster]

@Aliance Значит где вариант номер три, это для каждого класса отдельно надо писать такое да?

[Илья Лесных]

@CloudMonster нет, на то он и класс. jsfiddle.net/Aliance/R2Q27

[CloudMonster]

@Aliance Спасибо большое

[CloudMonster]

@Aliance А как полученное значение передать в php?

[Илья Лесных]

@CloudMonster например, с помощью AJAX. Либо дедовским способом, через сабмит формы.