Revision 551d4b78
Von Moritz Bunkus vor fast 11 Jahren hinzugefügt
| SL/ClientJS.pm | ||
|---|---|---|
|
removeData => 2,
|
||
|
|
||
|
# Form Events
|
||
|
focus => 1,
|
||
|
focus => 1, # kivi.set_focus(<TARGET>)
|
||
|
|
||
|
# Generic Event Handling ## pattern: $(<TARGET>).<FUNCTION>(<ARG1>, kivi.get_function_by_name(<ARG2>))
|
||
|
on => 3,
|
||
| ... | ... | |
|
'jstree:deselect_node' => 2,
|
||
|
'jstree:deselect_all' => 1,
|
||
|
|
||
|
# ## ckeditor stuff ##
|
||
|
'focus_ckeditor' => 1, # kivi.focus_ckeditor_when_ready(<TARGET>)
|
||
|
|
||
|
# ## other stuff ##
|
||
|
redirect_to => 1, # window.location.href = <TARGET>
|
||
|
|
||
| ... | ... | |
|
return $self;
|
||
|
}
|
||
|
|
||
|
sub ckeditor {
|
||
|
my ($self) = @_;
|
||
|
$self->{_prefix} = 'ckeditor:';
|
||
|
return $self;
|
||
|
}
|
||
|
|
||
|
sub flash {
|
||
|
my ($self, $type, @messages) = @_;
|
||
|
|
||
| js/client_js.js | ||
|---|---|---|
|
else if (action[0] == 'removeData') $(action[1]).removeData(action[2]);
|
||
|
|
||
|
// Form Events
|
||
|
else if (action[0] == 'focus') $(action[1]).focus();
|
||
|
else if (action[0] == 'focus') kivi.set_focus(action[1]);
|
||
|
|
||
|
// Generic Event Handling ##
|
||
|
else if (action[0] == 'on') $(action[1]).on(action[2], kivi.get_function_by_name(action[3]));
|
||
| ... | ... | |
|
else if (action[0] == 'jstree:deselect_node') $.jstree._reference($(action[1])).deselect_node(action[2]);
|
||
|
else if (action[0] == 'jstree:deselect_all') $.jstree._reference($(action[1])).deselect_all();
|
||
|
|
||
|
// ## ckeditor stuff ##
|
||
|
else if (action[0] == 'focus_ckeditor') kivi.focus_ckeditor_when_ready(action[1]);
|
||
|
|
||
|
// ## other stuff ##
|
||
|
else if (action[0] == 'redirect_to') window.location.href = action[1];
|
||
|
else if (action[0] == 'flash') kivi.display_flash(action[1], action[2]);
|
||
| js/kivi.js | ||
|---|---|---|
|
ns._locale = locale;
|
||
|
};
|
||
|
|
||
|
ns.set_focus = function(element) {
|
||
|
var $e = $(element).eq(0);
|
||
|
if ($e.data('ckeditorInstance'))
|
||
|
ns.focus_ckeditor_when_ready($e);
|
||
|
else
|
||
|
$e.focus();
|
||
|
};
|
||
|
|
||
|
ns.focus_ckeditor_when_ready = function(element) {
|
||
|
$(element).ckeditor(function() { ns.focus_ckeditor(element); });
|
||
|
};
|
||
|
|
||
|
ns.focus_ckeditor = function(element) {
|
||
|
var editor = $(element).ckeditorGet();
|
||
|
var editable = editor.editable();
|
||
|
|
||
|
if (editable.is('textarea')) {
|
||
|
var textarea = editable.$;
|
||
|
|
||
|
if (CKEDITOR.env.ie)
|
||
|
textarea.createTextRange().execCommand('SelectAll');
|
||
|
else {
|
||
|
textarea.selectionStart = 0;
|
||
|
textarea.selectionEnd = textarea.value.length;
|
||
|
}
|
||
|
|
||
|
textarea.focus();
|
||
|
|
||
|
} else {
|
||
|
if (editable.is('body'))
|
||
|
editor.document.$.execCommand('SelectAll', false, null);
|
||
|
|
||
|
else {
|
||
|
var range = editor.createRange();
|
||
|
range.selectNodeContents(editable);
|
||
|
range.select();
|
||
|
}
|
||
|
|
||
|
editor.forceNextSelectionCheck();
|
||
|
editor.selectionChange();
|
||
|
|
||
|
editor.focus();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
ns.init_tabwidget = function(element) {
|
||
|
var $element = $(element);
|
||
|
var tabsParams = {};
|
||
| ... | ... | |
|
$element.tabs(tabsParams);
|
||
|
};
|
||
|
|
||
|
ns.init_text_editor = function(element) {
|
||
|
var layouts = {
|
||
|
all: [ [ 'Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript' ], [ 'BulletedList', 'NumberedList' ], [ 'RemoveFormat' ] ],
|
||
|
default: [ [ 'Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript' ], [ 'BulletedList', 'NumberedList' ], [ 'RemoveFormat' ] ]
|
||
|
};
|
||
|
|
||
|
var $e = $(element);
|
||
|
var buttons = layouts[ $e.data('texteditor-layout') || 'default' ] || layouts['default'];
|
||
|
var config = {
|
||
|
entities: false,
|
||
|
language: 'de',
|
||
|
removePlugins: 'resize',
|
||
|
toolbar: buttons
|
||
|
}
|
||
|
|
||
|
var style = $e.prop('style');
|
||
|
$(['width', 'height']).each(function(idx, prop) {
|
||
|
var matches = (style[prop] || '').match(/(\d+)px/);
|
||
|
if (matches && (matches.length > 1))
|
||
|
config[prop] = matches[1];
|
||
|
});
|
||
|
|
||
|
$e.ckeditor(config);
|
||
|
|
||
|
if ($e.hasClass('texteditor-autofocus'))
|
||
|
$e.ckeditor(function() { ns.focus_ckeditor($e); });
|
||
|
};
|
||
|
|
||
|
ns.reinit_widgets = function() {
|
||
|
ns.run_once_for('.datepicker', 'datepicker', function(elt) {
|
||
|
$(elt).datepicker();
|
||
| ... | ... | |
|
});
|
||
|
|
||
|
ns.run_once_for('.tabwidget', 'tabwidget', kivi.init_tabwidget);
|
||
|
ns.run_once_for('.texteditor', 'texteditor', kivi.init_text_editor);
|
||
|
};
|
||
|
|
||
|
ns.submit_ajax_form = function(url, form_selector, additional_data) {
|
||
Auch abrufbar als: Unified diff
kivi.js: ckeditor über Klasse »texteditor« nutzen können