You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
318 lines
15 KiB
318 lines
15 KiB
// (c) Copyright by authors of the Tiki Wiki CMS Groupware Project
|
|
//
|
|
// All Rights Reserved. See copyright.txt for details and a complete list of authors.
|
|
// Licensed under the GNU LESSER GENERAL PUBLIC LICENSE. See license.txt for details.
|
|
// $Id$
|
|
|
|
/**
|
|
* Make page ready for inline editing
|
|
*/
|
|
|
|
function enableWysiwygInlineEditing() {
|
|
|
|
if ($(".wp_wysiwyg").length) {
|
|
alert(tr("This page contains a WYSIWYG plugin so is not suitable for inline editing, sorry."));
|
|
setCookie("wysiwyg_inline_edit", "", "preview", "session");
|
|
return false;
|
|
}
|
|
|
|
ajaxLoadingShow("page-data");
|
|
setCookie("wysiwyg_inline_edit", 1, "preview", "session");
|
|
$.get($.service("wiki", "get_page", {page: window.CKEDITOR.config.autoSavePage}), function (data) {
|
|
if (data) {
|
|
$("#page-data").html(data);
|
|
$("body").append($("script", "#page-data").remove()); // move scripts somewhere else
|
|
// lists dont inline happily so wrap in divs
|
|
$("#page-data > ul, #page-data > ol, #page-data > dl, #page-data > table").each(function () {
|
|
$(this).wrap("<div>");
|
|
});
|
|
// save original data and add contenteditable
|
|
$("#page-data > *:not(.icon_edit_section)").each(function () {
|
|
if ($(".tiki_plugin", this).length === 0 && !$(this).hasClass("tiki_plugin")) {
|
|
$(this).data("inline_original", $(this).html())
|
|
.attr("contenteditable", true);
|
|
} else {
|
|
$(this).attr("title", tr("This block is not editable inline currently as it contains plugins."));
|
|
}
|
|
});
|
|
|
|
// handle toobals per element
|
|
window.CKEDITOR.on("instanceCreated", function( event ) {
|
|
var editor = event.editor,
|
|
element = editor.element;
|
|
|
|
// Customize editors for headers and tag list.
|
|
// These editors dont need features like smileys, templates, iframes etc.
|
|
if ( element.is( "h1", "h2", "h3", "h4", "h5", "h6" )) {
|
|
// Customize the editor configurations on "configLoaded" event,
|
|
// which is fired after the configuration file loading and
|
|
// execution. This makes it possible to change the
|
|
// configurations before the editor initialization takes place.
|
|
editor.on( "configLoaded", function() {
|
|
// Remove unnecessary plugins to make the editor simpler.
|
|
editor.config.removePlugins = "colorbutton,find,flash,font," +
|
|
"forms,iframe,image,newpage,removeformat,scayt," +
|
|
"smiley,specialchar,stylescombo,templates,wsc";
|
|
// Rearrange the layout of the toolbar.
|
|
// editor.config.toolbarGroups = [
|
|
// { name: "editing", groups: [ "basicstyles", "links" ] },
|
|
// { name: "undo" },
|
|
// { name: "clipboard", groups: [ "selection", "clipboard" ] }
|
|
// ];
|
|
});
|
|
}
|
|
editor.on('blur', function (event) {
|
|
// Check if something has changed
|
|
var e = event.editor;
|
|
if (e.checkDirty()) {
|
|
// Unsaved changed
|
|
$(this.element)[0].addClass('unsavedChangesInEditor');
|
|
}
|
|
});
|
|
editor.on("instanceReady", function (event) {
|
|
// Remove "Rich Text Editor,..." tooltip
|
|
$(event.editor.element.$).attr('title', '');
|
|
});
|
|
});
|
|
// init inline ckeditors
|
|
window.CKEDITOR.inlineAll();
|
|
ajaxLoadingHide();
|
|
}
|
|
});
|
|
|
|
$(window).on('beforeunload', function(e) {
|
|
if (window.needToConfirm && checkWysiwygInlineEditingDirty()) {
|
|
var msg = tr("You are about to leave this page. Changes since your last save may be lost. Are you sure you want to exit this page?");
|
|
if (e) {
|
|
e.returnValue = msg;
|
|
}
|
|
return msg;
|
|
}
|
|
});
|
|
|
|
window.needToConfirm = true;
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Stop inline editing on this page.
|
|
* The user will confirm the closing. Thus it can be cancelled
|
|
*
|
|
* @return boolean true if stopped, otherwise false
|
|
*/
|
|
|
|
function disableWYSIWYGInlineEditing(dontConfirm) {
|
|
|
|
// Check for unsaved changes
|
|
if (! dontConfirm && checkWysiwygInlineEditingDirty()) {
|
|
var msg = tr("You are about to exit the inline editor. Changes since your last save may be lost. Are you sure you want to proceed?");
|
|
var rc = confirm(msg);
|
|
if (rc == false) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// Stop inline editing
|
|
ajaxLoadingShow("page-data");
|
|
setCookie("wysiwyg_inline_edit", "", "preview", "session");
|
|
$.get($.service("wiki", "get_page", {page: window.CKEDITOR.config.autoSavePage}), function (data) {
|
|
if (data) {
|
|
$("#page-data").html(data);
|
|
$("#page-data > *").removeClass("unsavedChangesInEditor"); // Clear the dirty marker display
|
|
$("#page-data > *[contenteditable=true]").attr("contenteditable", false).removeClass("cke_editable");
|
|
for (var e in CKEDITOR.instances) {
|
|
if (CKEDITOR.instances[e] != null) {
|
|
CKEDITOR.instances[e].destroy();
|
|
}
|
|
}
|
|
}
|
|
ajaxLoadingHide();
|
|
$.buildAutoToc();
|
|
});
|
|
|
|
return true;
|
|
}
|
|
|
|
function checkWysiwygInlineEditingDirty() {
|
|
if (typeof CKEDITOR === 'object') {
|
|
for (var ed in CKEDITOR.instances) {
|
|
if (CKEDITOR.instances.hasOwnProperty(ed)) {
|
|
if (CKEDITOR.instances[ed].checkDirty()) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Process divs set up by wikiplugin_wysiwyg
|
|
*/
|
|
|
|
$.fn.wysiwygPlugin = function (execution, page, ckoption) {
|
|
|
|
$(this).each(function () {
|
|
var $this = $(this).css({position: "relative"});
|
|
var $edit_button = $("<button />")
|
|
.addClass("btn btn-primary edit_button_wp_wysiwyg_" + execution)
|
|
.text(tr("Edit"))
|
|
.button()
|
|
.mouseover(function () {
|
|
$(this).show();
|
|
$this.css({
|
|
backgroundColor: "rgba(128,128,125,0.25)"
|
|
});
|
|
});
|
|
var wp_bgcol = $(this).css("background-color");
|
|
$(this).mouseover(function () {
|
|
$(this).css({
|
|
backgroundColor: "rgba(128,128,125,0.2)"
|
|
});
|
|
$edit_button
|
|
.css({ right: "1em", bottom: "1em" })
|
|
.show();
|
|
}).mouseout(function () {
|
|
$(this).css({
|
|
backgroundColor: wp_bgcol
|
|
});
|
|
$edit_button.hide();
|
|
}).append(
|
|
$edit_button
|
|
.css({position: "absolute", display: "none"})
|
|
.click(function () {
|
|
// check no one else is editing this page
|
|
$.getJSON($.service("semaphore", "is_set_by_other"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
}, function (data) {
|
|
if (data) {
|
|
$("#tikifeedback").showError(tr("This page is being edited by another user. Please reload the page and try again later."));
|
|
} else {
|
|
// coast is clear, carry on...
|
|
|
|
$.getJSON($.service("semaphore", "set"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
});
|
|
$edit_button.remove();
|
|
$("#outerToc-static").hide();
|
|
|
|
var ok = true;
|
|
$(".wp_wysiwyg:not(#wp_wysiwyg_" + execution + ")").each(function () {
|
|
if (CKEDITOR.instances[$(this).attr("id")]) {
|
|
if (CKEDITOR.instances[$(this).attr("id")].checkDirty()) {
|
|
if (confirm(tr("You have unsaved changes in this WYSIWYG section.\nDo you want to save your changes?"))) {
|
|
CKEDITOR.instances[$(this).attr("id")].focus();
|
|
ok = false;
|
|
return;
|
|
}
|
|
}
|
|
CKEDITOR.instances[$(this).attr("id")].destroy();
|
|
}
|
|
$(".button_" + $(this).attr("id")).remove();
|
|
});
|
|
if (!ok) {
|
|
return;
|
|
}
|
|
|
|
CKEDITOR.replace($this.attr("id"), ckoption);
|
|
CKEDITOR.on("instanceReady", function (event) {
|
|
// close others
|
|
var editor = event.editor;
|
|
|
|
if (editor.element.getId() !== "wp_wysiwyg_" + execution) {
|
|
return;
|
|
}
|
|
var editorSelector = "#cke_" + editor.element.getId();
|
|
|
|
$(".button_wp_wysiwyg_" + execution).remove();
|
|
|
|
var lastEdited = Date.now();
|
|
|
|
editor.on( 'key', function() {
|
|
if (Date.now() - lastEdited > 30000) {
|
|
lastEdited = Date.now();
|
|
$.getJSON($.service("semaphore", "set"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
});
|
|
}
|
|
});
|
|
|
|
$(editorSelector).after(
|
|
$("<button />")
|
|
.addClass("button_wp_wysiwyg_" + execution)
|
|
.text(tr("Cancel"))
|
|
.button()
|
|
.click(function () {
|
|
$.getJSON($.service("semaphore", "unset"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
}, function () {
|
|
// reload
|
|
location.href = location.href.replace(/#.*$/, "");
|
|
});
|
|
})
|
|
).after(
|
|
$("<button />")
|
|
.addClass("button_wp_wysiwyg_" + execution)
|
|
.text(tr("Save"))
|
|
.button()
|
|
.click(function (event) {
|
|
// FIXME: loses width parameter
|
|
|
|
$(editorSelector).tikiModal(tr("Saving..."));
|
|
|
|
$.getJSON($.service("semaphore", "unset"), {
|
|
object_type: jqueryTiki.current_object.type,
|
|
object_id: jqueryTiki.current_object.object
|
|
});
|
|
|
|
var data = editor.getData();
|
|
data = data.replace(/<\/p>\n\n<p/g, "</p>\n<p"); // remove cke4 extra linefeeds
|
|
data = data.replace(/\n\n\s*?$/m, "\n");
|
|
var height, params = {};
|
|
|
|
// Set height parameter
|
|
if (editor.plugins.divarea) {
|
|
height = editor.ui.space("contents").getClientRect().height;
|
|
} else if (editor.window) { // Not defined in source mode
|
|
height = $(editor.window.getFrame().$).height();
|
|
}
|
|
if (height) {
|
|
params["height"] = height + "px";
|
|
} else {
|
|
// Fallback to the parameter's current value, which is passed in the style attribute
|
|
params["height"] = $(editorSelector).prev(".wp_wysiwyg").css('min-height');
|
|
}
|
|
|
|
params["use_html"] = $(editorSelector).prev(".wp_wysiwyg").data("html");
|
|
var options = {
|
|
page: page,
|
|
type: "wysiwyg",
|
|
message: "Modified by WYSIWYG Plugin",
|
|
index: execution,
|
|
content: data,
|
|
params: params,
|
|
ticket: $this.data("ticket"),
|
|
};
|
|
|
|
$.post($.service('plugin', 'replace'), options, function () {
|
|
location.reload();
|
|
},
|
|
"json"
|
|
).always(function () {
|
|
$(editorSelector).tikiModal();
|
|
});
|
|
return false;
|
|
})
|
|
);
|
|
});
|
|
}
|
|
});
|
|
})
|
|
);
|
|
});
|
|
};
|
|
|