tinymce inline ajax save

[Kostia]

Помогите разобрать с сохранением в tinymce.
Я реализовал такую штуку, что если кликнуть по полю, то его можно редактировать, а по событию onBlur данные сохраняются. Для удобства я прикрутил монитор tinymce, но когда я брожу по пунктам tinymce, то срабатывает событие onblur и данные сохраняются.

[mv28jam]

Не понял.
Усё верно. Потеря фокуса текстового поля = сохранение.

[Kostia]

Усё верно. Потеря фокуса текстового поля = сохранение.

Потеря происходит если я брожу по пунктам меню tinymce, мне этого не нужно! Т.е. если я в tinymce откроют окно source, то данные будут сохранены, хотя редактирование еще не окончено.

Редактирование и сохранение:

	$(".component .field").on("click", function () {
		$(this).attr("contenteditable", true);
		$(this).focus();
	}).on("blur", function () {
		$(this).attr("contenteditable", false);
		var data = {command: "Entity@Patch", id: $(this).data("id"), model: $(this).data("model")};
		data[$(this).data("model")] = {};
		data[$(this).data("model")][$(this).data("field")] = $(this).html();
		app.callCommand(data);
	});

Так происходит инициализация tinymce:

		tinymce.init({
			selector: ".component .field[data-type='editor']",
			inline: true,
			plugins: [
				"advlist autolink lists link image charmap print anchor",
				"searchreplace visualblocks code fullscreen",
				"insertdatetime media table contextmenu paste"
			],
			toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
		});

[mv28jam]

Потеря происходит если я брожу по пунктам меню tinymce, мне этого не нужно! Т.е. если я в tinymce откроют окно source, то данные будут сохранены, хотя редактирование еще не окончено.

Это я понял, что не нужно. Для этого нужно использовать другую привязку и событие.
Если любое поле

$(".component .field")

теряет фокус то будет вызвано сохранение. Клик по меню и есть потеря фокуса.

Событие надо "вешать" на весь редактор, чтобы работало так как вам хочется. Причём другое, тк focus могут принимать только редактируемые поля.

[Kostia]

теряет фокус то будет вызвано сохранение. Клик по меню и есть потеря фокуса.

Событие надо "вешать" на весь редактор, чтобы работало так как вам хочется. Причём другое, тк focus могут принимать только редактируемые поля.

Да, я понимаю. Но в идеале мне достаточно события on close и on save для tinymce. Но для save есть зацепки:

tinymce.init({
    plugins: "save",
    toolbar: "save",
    save_enablewhendirty: true,
    save_onsavecallback: function() {console.log("Save");}
});

Хоть и не понятно, как получить редактируемые данные(редактируемый элемент) для сохранения.

А вот дела с on close обстоят плохо. Ничего найти не получается.

На некоторых ресурсах предлагают вешать на весь document событие click, и проверять куда он был совершен по редактируемому полю или по tinymce, но на странице может быть несколько tinymce(не инлайновые например), и всё сломается.

[mv28jam]

Есть событие beforeunload.

В целом я рекомендую чаще сохранять контент, экономить на траффике редактора - это что-то из разряда абстрактной оптимизации. Бишь оставить как есть либо не мучаться и делать кнопку. Либо хард - кнопка, либо софт - частое автосохранение, медиум решение оно как правило сочетает в себе недостатки обоих крайних.

[Kostia]

Всё оказалось значительно проще:

		tinymce.init({
			selector: ".component .field[data-type='editor']",
			inline: true,
			plugins: [
				"advlist autolink lists link image charmap print anchor",
				"searchreplace visualblocks code fullscreen",
				"insertdatetime media table contextmenu paste"
			],
			setup: function (editor) {
				editor.on('blur', function (e) {
					app.component.patch(e.target.targetElm);
				});
			},
			toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
		});

Нужно лучше документацию читать )