mbirth/LuckyCoinkydink
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

External onclick handlers for editor tools.

Browse Source
This commit is contained in:
Matthias Mees
2013-06-14 11:24:55 +02:00
parent 5894a82ced
commit bc0549397a
2 changed files with 41 additions and 17 deletions

32
templates/2k11/admin/entries.tpl

@ -39,15 +39,15 @@
<div id="tools_entry" class="editor_toolbar">
{if $entry_vars.wysiwyg_advanced}
{if $iso2br}
<input type="button" name="insX" value="NoBR" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[body]'],'<nl>','</nl>')">
<input class="wrap_selection" type="button" name="insX" value="NoBR" data-tag="nl" data-tarea="body">
{/if}
<input class="hilite_i" type="button" name="insI" value="I" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[body]'],'<em>','</em>')">
<input class="hilite_b" type="button" name="insB" value="B" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[body]'],'<strong>','</strong>')">
<input class="hilite_u" type="button" name="insU" value="U" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[body]'],'<u>','</u>')">
<input type="button" name="insQ" value="{$CONST.QUOTE}" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[body]'],'<blockquote>','</blockquote>')">
<input type="button" name="insJ" value="img" onclick="wrapInsImage(document.forms['serendipityEntry']['serendipity[body]'])">
<input type="button" name="insImage" value="{$CONST.MEDIA}" onclick="window.open('serendipity_admin_image_selector.php?serendipity[textarea]=body', 'ImageSel', 'width=800,height=600,toolbar=no,scrollbars=1,scrollbars,resize=1,resizable=1');">
<input type="button" name="insURL" value="URL" onclick="wrapSelectionWithLink(document.forms['serendipityEntry']['serendipity[body]'])">
<input class="hilite_i wrap_selection" type="button" name="insI" value="I" data-tag="em" data-tarea="body">
<input class="hilite_b wrap_selection" type="button" name="insB" value="B" data-tag="strong" data-tarea="body">
<input class="hilite_u wrap_selection" type="button" name="insU" value="U" data-tag="u" data-tarea="body">
<input class="wrap_selection" type="button" name="insQ" value="{$CONST.QUOTE}" data-tag="blockquote" data-tarea="body">
<input class="wrap_insimg" type="button" name="insJ" value="img" data-tarea="body">
<input class="wrap_insmedia" type="button" name="insImage" value="{$CONST.MEDIA}" data-tarea="body">
<input class="wrap_insurl" type="button" name="insURL" value="URL" data-tarea="body">
{else}
{if $iso2br}
<input type="button" value="NoBR" onclick="serendipity_insBasic(document.forms['serendipityEntry']['serendipity[body]'], 'x')">
@ -98,15 +98,15 @@
<div id="tools_extended" class="editor_toolbar">
{if $entry_vars.wysiwyg_advanced}
{if $iso2br}
<input type="button" name="insX" value="NoBR" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[extended]'],'<nl>','</nl>')">
<input class="wrap_selection" type="button" name="insX" value="NoBR" data-tag="nl" data-tarea="extended">
{/if}
<input class="hilite_i" type="button" name="insI" value="I" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[extended]'],'<em>','</em>')">
<input class="hilite_b" type="button" name="insB" value="B" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[extended]'],'<strong>','</strong>')">
<input class="hilite_u" type="button" name="insU" value="U" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[extended]'],'<u>','</u>')">
<input type="button" name="insQ" value="{$CONST.QUOTE}" onclick="wrapSelection(document.forms['serendipityEntry']['serendipity[extended]'],'<blockquote>','</blockquote>')">
<input type="button" name="insJ" value="img" onclick="wrapInsImage(document.forms['serendipityEntry']['serendipity[extended]'])">
<input type="button" name="insImage" value="{$CONST.MEDIA}" onclick="window.open('serendipity_admin_image_selector.php?serendipity[textarea]=extended', 'ImageSel', 'width=800,height=600,toolbar=no,scrollbars=1,scrollbars,resize=1,resizable=1');">
<input type="button" name="insURL" value="URL" onclick="wrapSelectionWithLink(document.forms['serendipityEntry']['serendipity[extended]'])">
<input class="hilite_i wrap_selection" type="button" name="insI" value="I" data-tag="em" data-tarea="extended">
<input class="hilite_b wrap_selection" type="button" name="insB" value="B" data-tag="strong" data-tarea="extended">
<input class="hilite_u wrap_selection" type="button" name="insU" value="U" data-tag="u" data-tarea="extended">
<input class="wrap_selection" type="button" name="insQ" value="{$CONST.QUOTE}" data-tag="blockquote" data-tarea="extended">
<input class="wrap_insimg" type="button" name="insJ" value="img" data-tarea="extended">
<input class="wrap_insmedia" type="button" name="insImage" value="{$CONST.MEDIA}" data-tarea="extended">
<input class="wrap_insurl" type="button" name="insURL" value="URL" data-tarea="extended">
{else}
{if $iso2br}
<input type="button" value="NoBR" onclick="serendipity_insBasic(document.forms['serendipityEntry']['serendipity[extended]'], 'x')">

26
templates/2k11/admin/serendipity_editor.js.tpl

@ -152,7 +152,7 @@ function wrapInsImage(txtarea) {
var loc = prompt('Enter the Image Location: ');
if (loc) {
insertText(txtarea,'<img src="'+ loc + '" alt="" />');
insertText(txtarea,'<img src="'+ loc + '" alt="">');
}
}
/* end Better-Editor functions */
@ -682,6 +682,30 @@ function highlightComment(id, checkvalue) {
e.preventDefault();
});
// Editor tools
$('.wrap_selection').click(function(e) {
var $el = $(this);
var $tag = $el.attr('data-tag');
var target = document.forms['serendipityEntry']['serendipity[' + $el.attr('data-tarea') + ']'];
var open = '<' + $tag + '>';
var close = '</' + $tag + '>';
wrapSelection(target, open, close);
});
$('.wrap_insimg').click(function(e) {
var target = document.forms['serendipityEntry']['serendipity[' + $(this).attr('data-tarea') + ']'];
wrapInsImage(target);
});
$('.wrap_insurl').click(function(e) {
var target = document.forms['serendipityEntry']['serendipity[' + $(this).attr('data-tarea') + ']'];
wrapSelectionWithLink(target);
});
$('.wrap_insmedia').click(function(e) {
window.open('serendipity_admin_image_selector.php?serendipity[textarea]=' + $(this).attr('data-tarea'), 'ImageSel', 'width=800,height=600,toolbar=no,scrollbars=1,scrollbars,resize=1,resizable=1');
});
// Collapsible configuration elements
var $hasConfigOpts = $('body').has('#serendipity_config_options');