Initial checkin
This commit is contained in:
Mike Macgirvin
commit
6348e70daa
393 changed files with 59765 additions and 0 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
.htconfig.php
|
||||
\#*
|
||||
13
.htaccess
Normal file
13
.htaccess
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
Options -Indexes
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine on
|
||||
|
||||
# Rewrite current-style URLs of the form 'index.php?q=x'.
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
|
||||
|
||||
</IfModule>
|
||||
|
||||
79
auth.php
Normal file
79
auth.php
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<?php
|
||||
|
||||
|
||||
|
||||
if((x($_SESSION,'authenticated')) && (! ($_POST['auth-params'] == 'login'))) {
|
||||
if($_POST['auth-params'] == 'logout' || $a->module == "logout") {
|
||||
unset($_SESSION['authenticated']);
|
||||
unset($_SESSION['uid']);
|
||||
unset($_SESSION['visitor_id']);
|
||||
unset($_SESSION['administrator']);
|
||||
$_SESSION['sysmsg'] = "Logged out." . EOL;
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
if(x($_SESSION,'uid')) {
|
||||
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||
intval($_SESSION['uid']));
|
||||
if($r === NULL || (! count($r))) {
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
$a->user = $r[0];
|
||||
if(strlen($a->user['timezone']))
|
||||
date_default_timezone_set($a->user['timezone']);
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
unset($_SESSION['authenticated']);
|
||||
unset($_SESSION['uid']);
|
||||
unset($_SESSION['visitor_id']);
|
||||
unset($_SESSION['administrator']);
|
||||
$encrypted = hash('whirlpool',trim($_POST['password']));
|
||||
|
||||
if((x($_POST,'auth-params')) && $_POST['auth-params'] == 'login') {
|
||||
$r = q("SELECT * FROM `user`
|
||||
WHERE `email` = '%s' AND `password` = '%s' LIMIT 1",
|
||||
dbesc(trim($_POST['login-name'])),
|
||||
dbesc($encrypted));
|
||||
if(($r === false) || (! count($r))) {
|
||||
$_SESSION['sysmsg'] = 'Login failed.' . EOL ;
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
$_SESSION['uid'] = $r[0]['uid'];
|
||||
$_SESSION['admin'] = $r[0]['admin'];
|
||||
$_SESSION['authenticated'] = 1;
|
||||
if(x($r[0],'nickname'))
|
||||
$_SESSION['my_url'] = $a->get_baseurl() . '/profile/' . $r[0]['nickname'];
|
||||
else
|
||||
$_SESSION['my_url'] = $a->get_baseurl() . '/profile/' . $r[0]['uid'];
|
||||
|
||||
$_SESSION['sysmsg'] = "Welcome back " . $r[0]['username'] . EOL;
|
||||
$a->user = $r[0];
|
||||
if(strlen($a->user['timezone']))
|
||||
date_default_timezone_set($a->user['timezone']);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Returns an array of group names this contact is a member of.
|
||||
// Since contact-id's are unique and each "belongs" to a given user uid,
|
||||
// this array will only contain group names related to the uid of this
|
||||
// DFRN contact. They are *not* neccessarily unique across the entire site.
|
||||
|
||||
|
||||
if(! function_exists('init_groups_visitor')) {
|
||||
function init_groups_visitor($contact_id) {
|
||||
$groups = array();
|
||||
$r = q("SELECT `group_member`.`gid`, `group`.`name`
|
||||
FROM `group_member` LEFT JOIN `group` ON `group_member`.`gid` = `group`.`id`
|
||||
WHERE `group_member`.`contact-id` = %d ",
|
||||
intval($contact_id)
|
||||
);
|
||||
if(count($r)) {
|
||||
foreach($r as $rr)
|
||||
$groups[] = $rr['name'];
|
||||
}
|
||||
return $groups;
|
||||
}}
|
||||
|
||||
|
||||
302
boot.php
Normal file
302
boot.php
Normal file
|
|
@ -0,0 +1,302 @@
|
|||
<?php
|
||||
|
||||
set_time_limit(0);
|
||||
|
||||
define('EOL', '<br />');
|
||||
|
||||
define('REGISTER_CLOSED', 0);
|
||||
define('REGISTER_APPROVE', 1);
|
||||
define('REGISTER_OPEN', 2);
|
||||
|
||||
|
||||
if(! class_exists('App')) {
|
||||
class App {
|
||||
|
||||
public $module_loaded = false;
|
||||
public $config;
|
||||
public $page;
|
||||
public $profile;
|
||||
public $user;
|
||||
public $content;
|
||||
public $error = false;
|
||||
public $cmd;
|
||||
public $argv;
|
||||
public $argc;
|
||||
public $module;
|
||||
|
||||
private $scheme;
|
||||
private $hostname;
|
||||
private $path;
|
||||
private $db;
|
||||
|
||||
function __construct() {
|
||||
|
||||
$this->config = array();
|
||||
$this->page = array();
|
||||
|
||||
$this->scheme = ((isset($_SERVER['HTTPS'])
|
||||
&& ($_SERVER['HTTPS'])) ? 'https' : 'http' );
|
||||
$this->hostname = str_replace('www.','',
|
||||
$_SERVER['SERVER_NAME']);
|
||||
set_include_path("include/$this->hostname"
|
||||
. PATH_SEPARATOR . 'include'
|
||||
. PATH_SEPARATOR . '.' );
|
||||
|
||||
if(substr($_SERVER['QUERY_STRING'],0,2) == "q=")
|
||||
$_SERVER['QUERY_STRING'] = substr($_SERVER['QUERY_STRING'],2);
|
||||
// $this->cmd = trim($_SERVER['QUERY_STRING'],'/');
|
||||
$this->cmd = trim($_GET['q'],'/');
|
||||
|
||||
$this->argv = explode('/',$this->cmd);
|
||||
$this->argc = count($this->argv);
|
||||
if((array_key_exists('0',$this->argv)) && strlen($this->argv[0])) {
|
||||
$this->module = $this->argv[0];
|
||||
}
|
||||
else {
|
||||
$this->module = 'home';
|
||||
}
|
||||
}
|
||||
|
||||
function get_baseurl($ssl = false) {
|
||||
|
||||
return (($ssl) ? 'https' : $this->scheme) . "://" . $this->hostname
|
||||
. ((isset($this->path) && strlen($this->path))
|
||||
? '/' . $this->path : '' );
|
||||
}
|
||||
|
||||
function set_path($p) {
|
||||
$this->path = ltrim(trim($p),'/');
|
||||
}
|
||||
|
||||
function init_pagehead() {
|
||||
if(file_exists("view/head.tpl"))
|
||||
$s = file_get_contents("view/head.tpl");
|
||||
$this->page['htmlhead'] = replace_macros($s,array('$baseurl' => $this->get_baseurl()));
|
||||
}
|
||||
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('x')) {
|
||||
function x($s,$k = NULL) {
|
||||
if($k != NULL) {
|
||||
if((is_array($s)) && (array_key_exists($k,$s))) {
|
||||
if($s[$k])
|
||||
return (int) 1;
|
||||
return (int) 0;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
else {
|
||||
if(isset($s)) {
|
||||
if($s) {
|
||||
return (int) 1;
|
||||
}
|
||||
return (int) 0;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}}
|
||||
|
||||
if(! function_exists('system_unavailable')) {
|
||||
function system_unavailable() {
|
||||
include('system_unavailable.php');
|
||||
killme();
|
||||
}}
|
||||
|
||||
if(! function_exists('replace_macros')) {
|
||||
function replace_macros($s,$r) {
|
||||
|
||||
$search = array();
|
||||
$replace = array();
|
||||
|
||||
if(is_array($r) && count($r)) {
|
||||
foreach ($r as $k => $v ) {
|
||||
$search[] = $k;
|
||||
$replace[] = $v;
|
||||
}
|
||||
}
|
||||
return str_replace($search,$replace,$s);
|
||||
}}
|
||||
|
||||
|
||||
|
||||
if(! function_exists('fetch_url')) {
|
||||
function fetch_url($url,$binary = false) {
|
||||
$ch = curl_init($url);
|
||||
if(! $ch) return false;
|
||||
|
||||
curl_setopt($ch, CURLOPT_HEADER, 0);
|
||||
curl_setopt($ch, CURLOPT_FOLLOWLOCATION,true);
|
||||
curl_setopt($ch, CURLOPT_MAXREDIRS,8);
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);
|
||||
if($binary)
|
||||
curl_setopt($ch, CURLOPT_BINARYTRANSFER,1);
|
||||
|
||||
$s = curl_exec($ch);
|
||||
curl_close($ch);
|
||||
return($s);
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('post_url')) {
|
||||
function post_url($url,$params) {
|
||||
$ch = curl_init($url);
|
||||
if(! $ch) return false;
|
||||
|
||||
curl_setopt($ch, CURLOPT_HEADER, 0);
|
||||
curl_setopt($ch, CURLOPT_FOLLOWLOCATION,true);
|
||||
curl_setopt($ch, CURLOPT_MAXREDIRS,8);
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER,true);
|
||||
curl_setopt($ch, CURLOPT_POST,1);
|
||||
curl_setopt($ch, CURLOPT_POSTFIELDS,$params);
|
||||
|
||||
$s = curl_exec($ch);
|
||||
curl_close($ch);
|
||||
return($s);
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('random_string')) {
|
||||
function random_string() {
|
||||
return(hash('sha256',uniqid(rand(),true)));
|
||||
}}
|
||||
|
||||
if(! function_exists('notags')) {
|
||||
function notags($string) {
|
||||
// protect against :<> with high-bit set
|
||||
return(str_replace(array("<",">","\xBA","\xBC","\xBE"), array('[',']','','',''), $string));
|
||||
}}
|
||||
|
||||
// The PHP built-in tag escape function has traditionally been buggy
|
||||
if(! function_exists('escape_tags')) {
|
||||
function escape_tags($string) {
|
||||
return(str_replace(array("<",">","&"), array('<','>','&'), $string));
|
||||
}}
|
||||
|
||||
if(! function_exists('login')) {
|
||||
function login($register = false) {
|
||||
$o = "";
|
||||
$register_html = (($register) ? file_get_contents("view/register-link.tpl") : "");
|
||||
|
||||
|
||||
if(x($_SESSION,'authenticated')) {
|
||||
$o = file_get_contents("view/logout.tpl");
|
||||
}
|
||||
else {
|
||||
$o = file_get_contents("view/login.tpl");
|
||||
|
||||
$o = replace_macros($o,array('$register_html' => $register_html ));
|
||||
}
|
||||
return $o;
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('autoname')) {
|
||||
function autoname($len) {
|
||||
|
||||
$vowels = array('a','a','ai','au','e','e','e','ee','ea','i','ie','o','ou','u');
|
||||
if(mt_rand(0,5) == 4)
|
||||
$vowels[] = 'y';
|
||||
|
||||
$cons = array(
|
||||
'b','bl','br',
|
||||
'c','ch','cl','cr',
|
||||
'd','dr',
|
||||
'f','fl','fr',
|
||||
'g','gh','gl','gr',
|
||||
'h',
|
||||
'j',
|
||||
'k','kh','kl','kr',
|
||||
'l',
|
||||
'm',
|
||||
'n',
|
||||
'p','ph','pl','pr',
|
||||
'qu',
|
||||
'r','rh',
|
||||
's','sc','sh','sm','sp','st',
|
||||
't','th','tr',
|
||||
'v',
|
||||
'w','wh',
|
||||
'x',
|
||||
'z','zh'
|
||||
);
|
||||
|
||||
$midcons = array('ck','ct','gn','ld','lf','lm','lt','mb','mm', 'mn','mp',
|
||||
'nd','ng','nk','nt','rn','rp','rt');
|
||||
|
||||
$noend = array('bl', 'br', 'cl','cr','dr','fl','fr','gl','gr',
|
||||
'kh', 'kl','kr','mn','pl','pr','rh','tr','qu','wh');
|
||||
|
||||
$start = mt_rand(0,2);
|
||||
if($start == 0)
|
||||
$table = $vowels;
|
||||
else
|
||||
$table = $cons;
|
||||
|
||||
$word = '';
|
||||
|
||||
for ($x = 0; $x < $len; $x ++) {
|
||||
$r = mt_rand(0,count($table) - 1);
|
||||
$word .= $table[$r];
|
||||
|
||||
if($table == $vowels)
|
||||
$table = array_merge($cons,$midcons);
|
||||
else
|
||||
$table = $vowels;
|
||||
|
||||
}
|
||||
|
||||
$word = substr($word,0,$len);
|
||||
|
||||
foreach($noend as $noe) {
|
||||
if((strlen($word) > 2) && (substr($word,-2) == $noe)) {
|
||||
$word = substr($word,0,-1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
if(substr($word,-1) == 'q')
|
||||
$word = substr($word,0,-1);
|
||||
return $word;
|
||||
}}
|
||||
|
||||
if(! function_exists('killme')) {
|
||||
function killme() {
|
||||
session_write_close();
|
||||
exit;
|
||||
}}
|
||||
|
||||
if(! function_exists('goaway')) {
|
||||
function goaway($s) {
|
||||
header("Location: $s");
|
||||
killme();
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('xml_status')) {
|
||||
function xml_status($st) {
|
||||
header( "Content-type: text/xml");
|
||||
echo '<?xml version="1.0" encoding="UTF-8"?>'."\r\n";
|
||||
echo "<result><status>$st</status></result>\r\n";
|
||||
killme();
|
||||
}}
|
||||
|
||||
if(! function_exists('local_user')) {
|
||||
function local_user() {
|
||||
if((x($_SESSION,'authenticated')) && (x($_SESSION,'uid')))
|
||||
return $_SESSION['uid'];
|
||||
return false;
|
||||
}}
|
||||
|
||||
if(! function_exists('remote_user')) {
|
||||
function remote_user() {
|
||||
if((x($_SESSION,'authenticated')) && (x($_SESSION,'cid')))
|
||||
return $_SESSION['cid'];
|
||||
return false;
|
||||
}}
|
||||
|
||||
function footer(&$a) {
|
||||
|
||||
$s = fetch_url("http://fortunemod.com/cookie.php?equal=1");
|
||||
$a->page['content'] .= "<div class=\"fortune\" >$s</div>";
|
||||
}
|
||||
227
cropper/copper.html
Normal file
227
cropper/copper.html
Normal file
|
|
@ -0,0 +1,227 @@
|
|||
1.
|
||||
<script type="text/javascript" src="scripts/cropper/lib/prototype.js" language="javascript"></script>
|
||||
2.
|
||||
<script type="text/javascript" src="scripts/cropper/lib/scriptaculous.js?load=builder,dragdrop" language="javascript"></script>
|
||||
3.
|
||||
<script type="text/javascript" src="scripts/cropper/cropper.js" language="javascript"></script>
|
||||
|
||||
Options
|
||||
|
||||
ratioDim obj
|
||||
The pixel dimensions to apply as a restrictive ratio, with properties x & y.
|
||||
minWidth int
|
||||
The minimum width for the select area in pixels.
|
||||
minHeight int
|
||||
The mimimum height for the select area in pixels.
|
||||
maxWidth int
|
||||
The maximum width for the select areas in pixels (if both minWidth & maxWidth set to same the width of the cropper will be fixed)
|
||||
maxHeight int
|
||||
The maximum height for the select areas in pixels (if both minHeight & maxHeight set to same the height of the cropper will be fixed)
|
||||
displayOnInit int
|
||||
Whether to display the select area on initialisation, only used when providing minimum width & height or ratio.
|
||||
onEndCrop func
|
||||
The callback function to provide the crop details to on end of a crop.
|
||||
captureKeys boolean
|
||||
Whether to capture the keys for moving the select area, as these can cause some problems at the moment.
|
||||
onloadCoords obj
|
||||
A coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area to display onload
|
||||
|
||||
The callback function
|
||||
|
||||
The callback function is a function that allows you to capture the crop co-ordinates when the user finished a crop movement, it is passed two arguments:
|
||||
|
||||
* coords, obj, coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area.
|
||||
* dimensions, obj, dimensions object with properities width & height; for the dimensions of the select area.
|
||||
|
||||
An example function which outputs the crop values to form fields:
|
||||
Display code as plain text
|
||||
JavaScript:
|
||||
|
||||
1.
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
2.
|
||||
$( 'x1' ).value = coords.x1;
|
||||
3.
|
||||
$( 'y1' ).value = coords.y1;
|
||||
4.
|
||||
$( 'x2' ).value = coords.x2;
|
||||
5.
|
||||
$( 'y2' ).value = coords.y2;
|
||||
6.
|
||||
$( 'width' ).value = dimensions.width;
|
||||
7.
|
||||
$( 'height' ).value = dimensions.height;
|
||||
8.
|
||||
}
|
||||
|
||||
Basic interface
|
||||
|
||||
This basic example will attach the cropper UI to the test image and return crop results to the provided callback function.
|
||||
Display code as plain text
|
||||
HTML:
|
||||
|
||||
1.
|
||||
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||
2.
|
||||
|
||||
3.
|
||||
<script type="text/javascript" language="javascript">
|
||||
4.
|
||||
Event.observe( window, 'load', function() {
|
||||
5.
|
||||
new Cropper.Img(
|
||||
6.
|
||||
'testImage',
|
||||
7.
|
||||
{ onEndCrop: onEndCrop }
|
||||
8.
|
||||
);
|
||||
9.
|
||||
} );
|
||||
10.
|
||||
</script>
|
||||
|
||||
Minimum dimensions
|
||||
|
||||
You can apply minimum dimensions to a single axis or both, this example applies minimum dimensions to both axis.
|
||||
Display code as plain text
|
||||
HTML:
|
||||
|
||||
1.
|
||||
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||
2.
|
||||
|
||||
3.
|
||||
<script type="text/javascript" language="javascript">
|
||||
4.
|
||||
Event.observe( window, 'load', function() {
|
||||
5.
|
||||
new Cropper.Img(
|
||||
6.
|
||||
'testImage',
|
||||
7.
|
||||
{
|
||||
8.
|
||||
minWidth: 220,
|
||||
9.
|
||||
minHeight: 120,
|
||||
10.
|
||||
onEndCrop: onEndCrop
|
||||
11.
|
||||
}
|
||||
12.
|
||||
);
|
||||
13.
|
||||
} );
|
||||
14.
|
||||
</script>
|
||||
|
||||
Select area ratio
|
||||
|
||||
You can apply a ratio to the selection area, this example applies a 4:3 ratio to the select area.
|
||||
Display code as plain text
|
||||
HTML:
|
||||
|
||||
1.
|
||||
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||
2.
|
||||
|
||||
3.
|
||||
<script type="text/javascript" language="javascript">
|
||||
4.
|
||||
Event.observe( window, 'load', function() {
|
||||
5.
|
||||
new Cropper.Img(
|
||||
6.
|
||||
'testImage',
|
||||
7.
|
||||
{
|
||||
8.
|
||||
ratioDim: {
|
||||
9.
|
||||
x: 220,
|
||||
10.
|
||||
y: 165
|
||||
11.
|
||||
},
|
||||
12.
|
||||
displayOnInit: true,
|
||||
13.
|
||||
onEndCrop: onEndCrop
|
||||
14.
|
||||
}
|
||||
15.
|
||||
);
|
||||
16.
|
||||
} );
|
||||
17.
|
||||
</script>
|
||||
|
||||
With crop preview
|
||||
|
||||
You can display a dynamically prouced preview of the resulting crop by using the ImgWithPreview subclass, a preview can only be displayed when we have a fixed size (set via minWidth & minHeight options). Note that the displayOnInit option is not required as this is the default behaviour when displaying a crop preview.
|
||||
Display code as plain text
|
||||
HTML:
|
||||
|
||||
1.
|
||||
<img src="test.jpg" alt="Test image" id="testImage" width="500" height="333" />
|
||||
2.
|
||||
<div id="previewWrap"></div>
|
||||
3.
|
||||
|
||||
4.
|
||||
<script type="text/javascript" language="javascript">
|
||||
5.
|
||||
Event.observe( window, 'load', function() {
|
||||
6.
|
||||
new Cropper.ImgWithPreview(
|
||||
7.
|
||||
'testImage',
|
||||
8.
|
||||
{
|
||||
9.
|
||||
previewWrap: 'previewWrap',
|
||||
10.
|
||||
minWidth: 120,
|
||||
11.
|
||||
minHeight: 120,
|
||||
12.
|
||||
ratioDim: { x: 200, y: 120 },
|
||||
13.
|
||||
onEndCrop: onEndCrop
|
||||
14.
|
||||
}
|
||||
15.
|
||||
);
|
||||
16.
|
||||
} );
|
||||
17.
|
||||
</script>
|
||||
|
||||
Known Issues
|
||||
|
||||
* Safari animated gifs, only one of each will animate, this seems to be a known Safari issue.
|
||||
* After drawing an area and then clicking to start a new drag in IE 5.5 the rendered height appears as the last height until the user drags, this appears to be the related to another IE error (which has been fixed) where IE does not always redraw the select area properly.
|
||||
* Lack of CSS opacity support in Opera before version 9 mean we disable those style rules, if Opera 8 support is important you & you want the overlay to work then you can use the Opera rules in the CSS to apply a black PNG with 50% alpha transparency to replicate the effect.
|
||||
* Styling & borders on image, any CSS styling applied directly to the image itself (floats, borders, padding, margin, etc.) will cause problems with the cropper. The use of a wrapper element to apply these styles to is recommended.
|
||||
* overflow: auto or overflow: scroll on parent will cause cropper to burst out of parent in IE and Opera when applied (maybe Mac browsers too) I'm not sure why yet.
|
||||
|
||||
If you use CakePHP you will notice that including this in your script will break the CSS layout. This is due to the CSS rule
|
||||
|
||||
form div{
|
||||
vertical-align: text-top;
|
||||
margin-left: 1em;
|
||||
margin-bottom:2em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
A simple workaround is to add another rule directly after this like so:
|
||||
|
||||
form div.no_cake, form div.no_cake div {
|
||||
margin:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
and then in your code surround the img tag with a div with the class name of no_cake.
|
||||
|
||||
Cheers
|
||||
182
cropper/cropper.css
Normal file
182
cropper/cropper.css
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
.imgCrop_wrap {
|
||||
/* width: 500px; @done_in_js */
|
||||
/* height: 375px; @done_in_js */
|
||||
position: relative;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
|
||||
.imgCrop_wrap.opera8 .imgCrop_overlay,
|
||||
.imgCrop_wrap.opera8 .imgCrop_clickArea {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
|
||||
.imgCrop_wrap,
|
||||
.imgCrop_wrap * {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.imgCrop_overlay {
|
||||
background-color: #000;
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.imgCrop_selArea {
|
||||
position: absolute;
|
||||
/* @done_in_js
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background: transparent url(castle.jpg) no-repeat -210px -110px;
|
||||
*/
|
||||
cursor: move;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
|
||||
.imgCrop_clickArea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #FFF;
|
||||
opacity: 0.01;
|
||||
filter:alpha(opacity=01);
|
||||
}
|
||||
|
||||
.imgCrop_marqueeHoriz {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.imgCrop_marqueeVert {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background: transparent url(marqueeVert.gif) repeat-y 0 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
/*
|
||||
* FIX MARCHING ANTS IN IE
|
||||
* As IE <6 tries to load background images we can uncomment the follwoing hack
|
||||
* to remove that issue, not as pretty - but is anything in IE?
|
||||
* And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
|
||||
*
|
||||
* html .imgCrop_marqueeHoriz,
|
||||
* html .imgCrop_marqueeVert {
|
||||
background: transparent;
|
||||
filter: Invert;
|
||||
}
|
||||
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
|
||||
* html .imgCrop_marqueeEast { border-right: 1px dashed #000; }
|
||||
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
|
||||
* html .imgCrop_marqueeWest { border-left: 1px dashed #000; }
|
||||
*/
|
||||
|
||||
.imgCrop_marqueeNorth { top: 0; left: 0; }
|
||||
.imgCrop_marqueeEast { top: 0; right: 0; }
|
||||
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
|
||||
.imgCrop_marqueeWest { top: 0; left: 0; }
|
||||
|
||||
|
||||
.imgCrop_handle {
|
||||
position: absolute;
|
||||
border: 1px solid #333;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #FFF;
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
/* fix IE 5 box model */
|
||||
* html .imgCrop_handle {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
wid\th: 6px;
|
||||
hei\ght: 6px;
|
||||
}
|
||||
|
||||
.imgCrop_handleN {
|
||||
top: -3px;
|
||||
left: 0;
|
||||
/* margin-left: 49%; @done_in_js */
|
||||
cursor: n-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleNE {
|
||||
top: -3px;
|
||||
right: -3px;
|
||||
cursor: ne-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleE {
|
||||
top: 0;
|
||||
right: -3px;
|
||||
/* margin-top: 49%; @done_in_js */
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleSE {
|
||||
right: -3px;
|
||||
bottom: -3px;
|
||||
cursor: se-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleS {
|
||||
right: 0;
|
||||
bottom: -3px;
|
||||
/* margin-right: 49%; @done_in_js */
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleSW {
|
||||
left: -3px;
|
||||
bottom: -3px;
|
||||
cursor: sw-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleW {
|
||||
top: 0;
|
||||
left: -3px;
|
||||
/* margin-top: 49%; @done_in_js */
|
||||
cursor: w-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleNW {
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
cursor: nw-resize;
|
||||
}
|
||||
|
||||
/**
|
||||
* Create an area to click & drag around on as the default browser behaviour is to let you drag the image
|
||||
*/
|
||||
.imgCrop_dragArea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 200;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.imgCrop_previewWrap {
|
||||
/* width: 200px; @done_in_js */
|
||||
/* height: 200px; @done_in_js */
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.imgCrop_previewWrap img {
|
||||
position: absolute;
|
||||
}
|
||||
566
cropper/cropper.js
Normal file
566
cropper/cropper.js
Normal file
|
|
@ -0,0 +1,566 @@
|
|||
/**
|
||||
* Copyright (c) 2006, David Spurr (http://www.defusion.org.uk/)
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||
*
|
||||
* * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||
* * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||
* * Neither the name of the David Spurr nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
* http://www.opensource.org/licenses/bsd-license.php
|
||||
*
|
||||
* See scriptaculous.js for full scriptaculous licence
|
||||
*/
|
||||
|
||||
var CropDraggable=Class.create();
|
||||
Object.extend(Object.extend(CropDraggable.prototype,Draggable.prototype),{initialize:function(_1){
|
||||
this.options=Object.extend({drawMethod:function(){
|
||||
}},arguments[1]||{});
|
||||
this.element=$(_1);
|
||||
this.handle=this.element;
|
||||
this.delta=this.currentDelta();
|
||||
this.dragging=false;
|
||||
this.eventMouseDown=this.initDrag.bindAsEventListener(this);
|
||||
Event.observe(this.handle,"mousedown",this.eventMouseDown);
|
||||
Draggables.register(this);
|
||||
},draw:function(_2){
|
||||
var _3=Position.cumulativeOffset(this.element);
|
||||
var d=this.currentDelta();
|
||||
_3[0]-=d[0];
|
||||
_3[1]-=d[1];
|
||||
var p=[0,1].map(function(i){
|
||||
return (_2[i]-_3[i]-this.offset[i]);
|
||||
}.bind(this));
|
||||
this.options.drawMethod(p);
|
||||
}});
|
||||
var Cropper={};
|
||||
Cropper.Img=Class.create();
|
||||
Cropper.Img.prototype={initialize:function(_7,_8){
|
||||
this.options=Object.extend({ratioDim:{x:0,y:0},minWidth:0,minHeight:0,displayOnInit:false,onEndCrop:Prototype.emptyFunction,captureKeys:true,onloadCoords:null,maxWidth:0,maxHeight:0},_8||{});
|
||||
this.img=$(_7);
|
||||
this.clickCoords={x:0,y:0};
|
||||
this.dragging=false;
|
||||
this.resizing=false;
|
||||
this.isWebKit=/Konqueror|Safari|KHTML/.test(navigator.userAgent);
|
||||
this.isIE=/MSIE/.test(navigator.userAgent);
|
||||
this.isOpera8=/Opera\s[1-8]/.test(navigator.userAgent);
|
||||
this.ratioX=0;
|
||||
this.ratioY=0;
|
||||
this.attached=false;
|
||||
this.fixedWidth=(this.options.maxWidth>0&&(this.options.minWidth>=this.options.maxWidth));
|
||||
this.fixedHeight=(this.options.maxHeight>0&&(this.options.minHeight>=this.options.maxHeight));
|
||||
if(typeof this.img=="undefined"){
|
||||
return;
|
||||
}
|
||||
$A(document.getElementsByTagName("script")).each(function(s){
|
||||
if(s.src.match(/cropper\.js/)){
|
||||
var _a=s.src.replace(/cropper\.js(.*)?/,"");
|
||||
var _b=document.createElement("link");
|
||||
_b.rel="stylesheet";
|
||||
_b.type="text/css";
|
||||
_b.href=_a+"cropper.css";
|
||||
_b.media="screen";
|
||||
document.getElementsByTagName("head")[0].appendChild(_b);
|
||||
}
|
||||
});
|
||||
if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
|
||||
var _c=this.getGCD(this.options.ratioDim.x,this.options.ratioDim.y);
|
||||
this.ratioX=this.options.ratioDim.x/_c;
|
||||
this.ratioY=this.options.ratioDim.y/_c;
|
||||
}
|
||||
this.subInitialize();
|
||||
if(this.img.complete||this.isWebKit){
|
||||
this.onLoad();
|
||||
}else{
|
||||
Event.observe(this.img,"load",this.onLoad.bindAsEventListener(this));
|
||||
}
|
||||
},getGCD:function(a,b){
|
||||
if(b==0){
|
||||
return a;
|
||||
}
|
||||
return this.getGCD(b,a%b);
|
||||
},onLoad:function(){
|
||||
var _f="imgCrop_";
|
||||
var _10=this.img.parentNode;
|
||||
var _11="";
|
||||
if(this.isOpera8){
|
||||
_11=" opera8";
|
||||
}
|
||||
this.imgWrap=Builder.node("div",{"class":_f+"wrap"+_11});
|
||||
this.north=Builder.node("div",{"class":_f+"overlay "+_f+"north"},[Builder.node("span")]);
|
||||
this.east=Builder.node("div",{"class":_f+"overlay "+_f+"east"},[Builder.node("span")]);
|
||||
this.south=Builder.node("div",{"class":_f+"overlay "+_f+"south"},[Builder.node("span")]);
|
||||
this.west=Builder.node("div",{"class":_f+"overlay "+_f+"west"},[Builder.node("span")]);
|
||||
var _12=[this.north,this.east,this.south,this.west];
|
||||
this.dragArea=Builder.node("div",{"class":_f+"dragArea"},_12);
|
||||
this.handleN=Builder.node("div",{"class":_f+"handle "+_f+"handleN"});
|
||||
this.handleNE=Builder.node("div",{"class":_f+"handle "+_f+"handleNE"});
|
||||
this.handleE=Builder.node("div",{"class":_f+"handle "+_f+"handleE"});
|
||||
this.handleSE=Builder.node("div",{"class":_f+"handle "+_f+"handleSE"});
|
||||
this.handleS=Builder.node("div",{"class":_f+"handle "+_f+"handleS"});
|
||||
this.handleSW=Builder.node("div",{"class":_f+"handle "+_f+"handleSW"});
|
||||
this.handleW=Builder.node("div",{"class":_f+"handle "+_f+"handleW"});
|
||||
this.handleNW=Builder.node("div",{"class":_f+"handle "+_f+"handleNW"});
|
||||
this.selArea=Builder.node("div",{"class":_f+"selArea"},[Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeNorth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeEast"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeSouth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeWest"},[Builder.node("span")]),this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW,Builder.node("div",{"class":_f+"clickArea"})]);
|
||||
this.imgWrap.appendChild(this.img);
|
||||
this.imgWrap.appendChild(this.dragArea);
|
||||
this.dragArea.appendChild(this.selArea);
|
||||
this.dragArea.appendChild(Builder.node("div",{"class":_f+"clickArea"}));
|
||||
_10.appendChild(this.imgWrap);
|
||||
this.startDragBind=this.startDrag.bindAsEventListener(this);
|
||||
Event.observe(this.dragArea,"mousedown",this.startDragBind);
|
||||
this.onDragBind=this.onDrag.bindAsEventListener(this);
|
||||
Event.observe(document,"mousemove",this.onDragBind);
|
||||
this.endCropBind=this.endCrop.bindAsEventListener(this);
|
||||
Event.observe(document,"mouseup",this.endCropBind);
|
||||
this.resizeBind=this.startResize.bindAsEventListener(this);
|
||||
this.handles=[this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW];
|
||||
this.registerHandles(true);
|
||||
if(this.options.captureKeys){
|
||||
this.keysBind=this.handleKeys.bindAsEventListener(this);
|
||||
Event.observe(document,"keypress",this.keysBind);
|
||||
}
|
||||
new CropDraggable(this.selArea,{drawMethod:this.moveArea.bindAsEventListener(this)});
|
||||
this.setParams();
|
||||
},registerHandles:function(_13){
|
||||
for(var i=0;i<this.handles.length;i++){
|
||||
var _15=$(this.handles[i]);
|
||||
if(_13){
|
||||
var _16=false;
|
||||
if(this.fixedWidth&&this.fixedHeight){
|
||||
_16=true;
|
||||
}else{
|
||||
if(this.fixedWidth||this.fixedHeight){
|
||||
var _17=_15.className.match(/([S|N][E|W])$/);
|
||||
var _18=_15.className.match(/(E|W)$/);
|
||||
var _19=_15.className.match(/(N|S)$/);
|
||||
if(_17){
|
||||
_16=true;
|
||||
}else{
|
||||
if(this.fixedWidth&&_18){
|
||||
_16=true;
|
||||
}else{
|
||||
if(this.fixedHeight&&_19){
|
||||
_16=true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(_16){
|
||||
_15.hide();
|
||||
}else{
|
||||
Event.observe(_15,"mousedown",this.resizeBind);
|
||||
}
|
||||
}else{
|
||||
_15.show();
|
||||
Event.stopObserving(_15,"mousedown",this.resizeBind);
|
||||
}
|
||||
}
|
||||
},setParams:function(){
|
||||
this.imgW=this.img.width;
|
||||
this.imgH=this.img.height;
|
||||
$(this.north).setStyle({height:0});
|
||||
$(this.east).setStyle({width:0,height:0});
|
||||
$(this.south).setStyle({height:0});
|
||||
$(this.west).setStyle({width:0,height:0});
|
||||
$(this.imgWrap).setStyle({"width":this.imgW+"px","height":this.imgH+"px"});
|
||||
$(this.selArea).hide();
|
||||
var _1a={x1:0,y1:0,x2:0,y2:0};
|
||||
var _1b=false;
|
||||
if(this.options.onloadCoords!=null){
|
||||
_1a=this.cloneCoords(this.options.onloadCoords);
|
||||
_1b=true;
|
||||
}else{
|
||||
if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
|
||||
_1a.x1=Math.ceil((this.imgW-this.options.ratioDim.x)/2);
|
||||
_1a.y1=Math.ceil((this.imgH-this.options.ratioDim.y)/2);
|
||||
_1a.x2=_1a.x1+this.options.ratioDim.x;
|
||||
_1a.y2=_1a.y1+this.options.ratioDim.y;
|
||||
_1b=true;
|
||||
}
|
||||
}
|
||||
this.setAreaCoords(_1a,false,false,1);
|
||||
if(this.options.displayOnInit&&_1b){
|
||||
this.selArea.show();
|
||||
this.drawArea();
|
||||
this.endCrop();
|
||||
}
|
||||
this.attached=true;
|
||||
},remove:function(){
|
||||
if(this.attached){
|
||||
this.attached=false;
|
||||
this.imgWrap.parentNode.insertBefore(this.img,this.imgWrap);
|
||||
this.imgWrap.parentNode.removeChild(this.imgWrap);
|
||||
Event.stopObserving(this.dragArea,"mousedown",this.startDragBind);
|
||||
Event.stopObserving(document,"mousemove",this.onDragBind);
|
||||
Event.stopObserving(document,"mouseup",this.endCropBind);
|
||||
this.registerHandles(false);
|
||||
if(this.options.captureKeys){
|
||||
Event.stopObserving(document,"keypress",this.keysBind);
|
||||
}
|
||||
}
|
||||
},reset:function(){
|
||||
if(!this.attached){
|
||||
this.onLoad();
|
||||
}else{
|
||||
this.setParams();
|
||||
}
|
||||
this.endCrop();
|
||||
},handleKeys:function(e){
|
||||
var dir={x:0,y:0};
|
||||
if(!this.dragging){
|
||||
switch(e.keyCode){
|
||||
case (37):
|
||||
dir.x=-1;
|
||||
break;
|
||||
case (38):
|
||||
dir.y=-1;
|
||||
break;
|
||||
case (39):
|
||||
dir.x=1;
|
||||
break;
|
||||
case (40):
|
||||
dir.y=1;
|
||||
break;
|
||||
}
|
||||
if(dir.x!=0||dir.y!=0){
|
||||
if(e.shiftKey){
|
||||
dir.x*=10;
|
||||
dir.y*=10;
|
||||
}
|
||||
this.moveArea([this.areaCoords.x1+dir.x,this.areaCoords.y1+dir.y]);
|
||||
Event.stop(e);
|
||||
}
|
||||
}
|
||||
},calcW:function(){
|
||||
return (this.areaCoords.x2-this.areaCoords.x1);
|
||||
},calcH:function(){
|
||||
return (this.areaCoords.y2-this.areaCoords.y1);
|
||||
},moveArea:function(_1e){
|
||||
this.setAreaCoords({x1:_1e[0],y1:_1e[1],x2:_1e[0]+this.calcW(),y2:_1e[1]+this.calcH()},true,false);
|
||||
this.drawArea();
|
||||
},cloneCoords:function(_1f){
|
||||
return {x1:_1f.x1,y1:_1f.y1,x2:_1f.x2,y2:_1f.y2};
|
||||
},setAreaCoords:function(_20,_21,_22,_23,_24){
|
||||
if(_21){
|
||||
var _25=_20.x2-_20.x1;
|
||||
var _26=_20.y2-_20.y1;
|
||||
if(_20.x1<0){
|
||||
_20.x1=0;
|
||||
_20.x2=_25;
|
||||
}
|
||||
if(_20.y1<0){
|
||||
_20.y1=0;
|
||||
_20.y2=_26;
|
||||
}
|
||||
if(_20.x2>this.imgW){
|
||||
_20.x2=this.imgW;
|
||||
_20.x1=this.imgW-_25;
|
||||
}
|
||||
if(_20.y2>this.imgH){
|
||||
_20.y2=this.imgH;
|
||||
_20.y1=this.imgH-_26;
|
||||
}
|
||||
}else{
|
||||
if(_20.x1<0){
|
||||
_20.x1=0;
|
||||
}
|
||||
if(_20.y1<0){
|
||||
_20.y1=0;
|
||||
}
|
||||
if(_20.x2>this.imgW){
|
||||
_20.x2=this.imgW;
|
||||
}
|
||||
if(_20.y2>this.imgH){
|
||||
_20.y2=this.imgH;
|
||||
}
|
||||
if(_23!=null){
|
||||
if(this.ratioX>0){
|
||||
this.applyRatio(_20,{x:this.ratioX,y:this.ratioY},_23,_24);
|
||||
}else{
|
||||
if(_22){
|
||||
this.applyRatio(_20,{x:1,y:1},_23,_24);
|
||||
}
|
||||
}
|
||||
var _27=[this.options.minWidth,this.options.minHeight];
|
||||
var _28=[this.options.maxWidth,this.options.maxHeight];
|
||||
if(_27[0]>0||_27[1]>0||_28[0]>0||_28[1]>0){
|
||||
var _29={a1:_20.x1,a2:_20.x2};
|
||||
var _2a={a1:_20.y1,a2:_20.y2};
|
||||
var _2b={min:0,max:this.imgW};
|
||||
var _2c={min:0,max:this.imgH};
|
||||
if((_27[0]!=0||_27[1]!=0)&&_22){
|
||||
if(_27[0]>0){
|
||||
_27[1]=_27[0];
|
||||
}else{
|
||||
if(_27[1]>0){
|
||||
_27[0]=_27[1];
|
||||
}
|
||||
}
|
||||
}
|
||||
if((_28[0]!=0||_28[0]!=0)&&_22){
|
||||
if(_28[0]>0&&_28[0]<=_28[1]){
|
||||
_28[1]=_28[0];
|
||||
}else{
|
||||
if(_28[1]>0&&_28[1]<=_28[0]){
|
||||
_28[0]=_28[1];
|
||||
}
|
||||
}
|
||||
}
|
||||
if(_27[0]>0){
|
||||
this.applyDimRestriction(_29,_27[0],_23.x,_2b,"min");
|
||||
}
|
||||
if(_27[1]>1){
|
||||
this.applyDimRestriction(_2a,_27[1],_23.y,_2c,"min");
|
||||
}
|
||||
if(_28[0]>0){
|
||||
this.applyDimRestriction(_29,_28[0],_23.x,_2b,"max");
|
||||
}
|
||||
if(_28[1]>1){
|
||||
this.applyDimRestriction(_2a,_28[1],_23.y,_2c,"max");
|
||||
}
|
||||
_20={x1:_29.a1,y1:_2a.a1,x2:_29.a2,y2:_2a.a2};
|
||||
}
|
||||
}
|
||||
}
|
||||
this.areaCoords=_20;
|
||||
},applyDimRestriction:function(_2d,val,_2f,_30,_31){
|
||||
var _32;
|
||||
if(_31=="min"){
|
||||
_32=((_2d.a2-_2d.a1)<val);
|
||||
}else{
|
||||
_32=((_2d.a2-_2d.a1)>val);
|
||||
}
|
||||
if(_32){
|
||||
if(_2f==1){
|
||||
_2d.a2=_2d.a1+val;
|
||||
}else{
|
||||
_2d.a1=_2d.a2-val;
|
||||
}
|
||||
if(_2d.a1<_30.min){
|
||||
_2d.a1=_30.min;
|
||||
_2d.a2=val;
|
||||
}else{
|
||||
if(_2d.a2>_30.max){
|
||||
_2d.a1=_30.max-val;
|
||||
_2d.a2=_30.max;
|
||||
}
|
||||
}
|
||||
}
|
||||
},applyRatio:function(_33,_34,_35,_36){
|
||||
var _37;
|
||||
if(_36=="N"||_36=="S"){
|
||||
_37=this.applyRatioToAxis({a1:_33.y1,b1:_33.x1,a2:_33.y2,b2:_33.x2},{a:_34.y,b:_34.x},{a:_35.y,b:_35.x},{min:0,max:this.imgW});
|
||||
_33.x1=_37.b1;
|
||||
_33.y1=_37.a1;
|
||||
_33.x2=_37.b2;
|
||||
_33.y2=_37.a2;
|
||||
}else{
|
||||
_37=this.applyRatioToAxis({a1:_33.x1,b1:_33.y1,a2:_33.x2,b2:_33.y2},{a:_34.x,b:_34.y},{a:_35.x,b:_35.y},{min:0,max:this.imgH});
|
||||
_33.x1=_37.a1;
|
||||
_33.y1=_37.b1;
|
||||
_33.x2=_37.a2;
|
||||
_33.y2=_37.b2;
|
||||
}
|
||||
},applyRatioToAxis:function(_38,_39,_3a,_3b){
|
||||
var _3c=Object.extend(_38,{});
|
||||
var _3d=_3c.a2-_3c.a1;
|
||||
var _3e=Math.floor(_3d*_39.b/_39.a);
|
||||
var _3f;
|
||||
var _40;
|
||||
var _41=null;
|
||||
if(_3a.b==1){
|
||||
_3f=_3c.b1+_3e;
|
||||
if(_3f>_3b.max){
|
||||
_3f=_3b.max;
|
||||
_41=_3f-_3c.b1;
|
||||
}
|
||||
_3c.b2=_3f;
|
||||
}else{
|
||||
_3f=_3c.b2-_3e;
|
||||
if(_3f<_3b.min){
|
||||
_3f=_3b.min;
|
||||
_41=_3f+_3c.b2;
|
||||
}
|
||||
_3c.b1=_3f;
|
||||
}
|
||||
if(_41!=null){
|
||||
_40=Math.floor(_41*_39.a/_39.b);
|
||||
if(_3a.a==1){
|
||||
_3c.a2=_3c.a1+_40;
|
||||
}else{
|
||||
_3c.a1=_3c.a1=_3c.a2-_40;
|
||||
}
|
||||
}
|
||||
return _3c;
|
||||
},drawArea:function(){
|
||||
var _42=this.calcW();
|
||||
var _43=this.calcH();
|
||||
var px="px";
|
||||
var _45=[this.areaCoords.x1+px,this.areaCoords.y1+px,_42+px,_43+px,this.areaCoords.x2+px,this.areaCoords.y2+px,(this.img.width-this.areaCoords.x2)+px,(this.img.height-this.areaCoords.y2)+px];
|
||||
var _46=this.selArea.style;
|
||||
_46.left=_45[0];
|
||||
_46.top=_45[1];
|
||||
_46.width=_45[2];
|
||||
_46.height=_45[3];
|
||||
var _47=Math.ceil((_42-6)/2)+px;
|
||||
var _48=Math.ceil((_43-6)/2)+px;
|
||||
this.handleN.style.left=_47;
|
||||
this.handleE.style.top=_48;
|
||||
this.handleS.style.left=_47;
|
||||
this.handleW.style.top=_48;
|
||||
this.north.style.height=_45[1];
|
||||
var _49=this.east.style;
|
||||
_49.top=_45[1];
|
||||
_49.height=_45[3];
|
||||
_49.left=_45[4];
|
||||
_49.width=_45[6];
|
||||
var _4a=this.south.style;
|
||||
_4a.top=_45[5];
|
||||
_4a.height=_45[7];
|
||||
var _4b=this.west.style;
|
||||
_4b.top=_45[1];
|
||||
_4b.height=_45[3];
|
||||
_4b.width=_45[0];
|
||||
this.subDrawArea();
|
||||
this.forceReRender();
|
||||
},forceReRender:function(){
|
||||
if(this.isIE||this.isWebKit){
|
||||
var n=document.createTextNode(" ");
|
||||
var d,el,fixEL,i;
|
||||
if(this.isIE){
|
||||
fixEl=this.selArea;
|
||||
}else{
|
||||
if(this.isWebKit){
|
||||
fixEl=document.getElementsByClassName("imgCrop_marqueeSouth",this.imgWrap)[0];
|
||||
d=Builder.node("div","");
|
||||
d.style.visibility="hidden";
|
||||
var _4e=["SE","S","SW"];
|
||||
for(i=0;i<_4e.length;i++){
|
||||
el=document.getElementsByClassName("imgCrop_handle"+_4e[i],this.selArea)[0];
|
||||
if(el.childNodes.length){
|
||||
el.removeChild(el.childNodes[0]);
|
||||
}
|
||||
el.appendChild(d);
|
||||
}
|
||||
}
|
||||
}
|
||||
fixEl.appendChild(n);
|
||||
fixEl.removeChild(n);
|
||||
}
|
||||
},startResize:function(e){
|
||||
this.startCoords=this.cloneCoords(this.areaCoords);
|
||||
this.resizing=true;
|
||||
this.resizeHandle=Event.element(e).classNames().toString().replace(/([^N|NE|E|SE|S|SW|W|NW])+/,"");
|
||||
Event.stop(e);
|
||||
},startDrag:function(e){
|
||||
this.selArea.show();
|
||||
this.clickCoords=this.getCurPos(e);
|
||||
this.setAreaCoords({x1:this.clickCoords.x,y1:this.clickCoords.y,x2:this.clickCoords.x,y2:this.clickCoords.y},false,false,null);
|
||||
this.dragging=true;
|
||||
this.onDrag(e);
|
||||
Event.stop(e);
|
||||
},getCurPos:function(e){
|
||||
var el=this.imgWrap,wrapOffsets=Position.cumulativeOffset(el);
|
||||
while(el.nodeName!="BODY"){
|
||||
wrapOffsets[1]-=el.scrollTop||0;
|
||||
wrapOffsets[0]-=el.scrollLeft||0;
|
||||
el=el.parentNode;
|
||||
}
|
||||
return curPos={x:Event.pointerX(e)-wrapOffsets[0],y:Event.pointerY(e)-wrapOffsets[1]};
|
||||
},onDrag:function(e){
|
||||
if(this.dragging||this.resizing){
|
||||
var _54=null;
|
||||
var _55=this.getCurPos(e);
|
||||
var _56=this.cloneCoords(this.areaCoords);
|
||||
var _57={x:1,y:1};
|
||||
if(this.dragging){
|
||||
if(_55.x<this.clickCoords.x){
|
||||
_57.x=-1;
|
||||
}
|
||||
if(_55.y<this.clickCoords.y){
|
||||
_57.y=-1;
|
||||
}
|
||||
this.transformCoords(_55.x,this.clickCoords.x,_56,"x");
|
||||
this.transformCoords(_55.y,this.clickCoords.y,_56,"y");
|
||||
}else{
|
||||
if(this.resizing){
|
||||
_54=this.resizeHandle;
|
||||
if(_54.match(/E/)){
|
||||
this.transformCoords(_55.x,this.startCoords.x1,_56,"x");
|
||||
if(_55.x<this.startCoords.x1){
|
||||
_57.x=-1;
|
||||
}
|
||||
}else{
|
||||
if(_54.match(/W/)){
|
||||
this.transformCoords(_55.x,this.startCoords.x2,_56,"x");
|
||||
if(_55.x<this.startCoords.x2){
|
||||
_57.x=-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(_54.match(/N/)){
|
||||
this.transformCoords(_55.y,this.startCoords.y2,_56,"y");
|
||||
if(_55.y<this.startCoords.y2){
|
||||
_57.y=-1;
|
||||
}
|
||||
}else{
|
||||
if(_54.match(/S/)){
|
||||
this.transformCoords(_55.y,this.startCoords.y1,_56,"y");
|
||||
if(_55.y<this.startCoords.y1){
|
||||
_57.y=-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.setAreaCoords(_56,false,e.shiftKey,_57,_54);
|
||||
this.drawArea();
|
||||
Event.stop(e);
|
||||
}
|
||||
},transformCoords:function(_58,_59,_5a,_5b){
|
||||
var _5c=[_58,_59];
|
||||
if(_58>_59){
|
||||
_5c.reverse();
|
||||
}
|
||||
_5a[_5b+"1"]=_5c[0];
|
||||
_5a[_5b+"2"]=_5c[1];
|
||||
},endCrop:function(){
|
||||
this.dragging=false;
|
||||
this.resizing=false;
|
||||
this.options.onEndCrop(this.areaCoords,{width:this.calcW(),height:this.calcH()});
|
||||
},subInitialize:function(){
|
||||
},subDrawArea:function(){
|
||||
}};
|
||||
Cropper.ImgWithPreview=Class.create();
|
||||
Object.extend(Object.extend(Cropper.ImgWithPreview.prototype,Cropper.Img.prototype),{subInitialize:function(){
|
||||
this.hasPreviewImg=false;
|
||||
if(typeof (this.options.previewWrap)!="undefined"&&this.options.minWidth>0&&this.options.minHeight>0){
|
||||
this.previewWrap=$(this.options.previewWrap);
|
||||
this.previewImg=this.img.cloneNode(false);
|
||||
this.previewImg.id="imgCrop_"+this.previewImg.id;
|
||||
this.options.displayOnInit=true;
|
||||
this.hasPreviewImg=true;
|
||||
this.previewWrap.addClassName("imgCrop_previewWrap");
|
||||
this.previewWrap.setStyle({width:this.options.minWidth+"px",height:this.options.minHeight+"px"});
|
||||
this.previewWrap.appendChild(this.previewImg);
|
||||
}
|
||||
},subDrawArea:function(){
|
||||
if(this.hasPreviewImg){
|
||||
var _5d=this.calcW();
|
||||
var _5e=this.calcH();
|
||||
var _5f={x:this.imgW/_5d,y:this.imgH/_5e};
|
||||
var _60={x:_5d/this.options.minWidth,y:_5e/this.options.minHeight};
|
||||
var _61={w:Math.ceil(this.options.minWidth*_5f.x)+"px",h:Math.ceil(this.options.minHeight*_5f.y)+"px",x:"-"+Math.ceil(this.areaCoords.x1/_60.x)+"px",y:"-"+Math.ceil(this.areaCoords.y1/_60.y)+"px"};
|
||||
var _62=this.previewImg.style;
|
||||
_62.width=_61.w;
|
||||
_62.height=_61.h;
|
||||
_62.left=_61.x;
|
||||
_62.top=_61.y;
|
||||
}
|
||||
}});
|
||||
|
||||
1331
cropper/cropper.uncompressed.js
Normal file
1331
cropper/cropper.uncompressed.js
Normal file
|
|
@ -0,0 +1,1331 @@
|
|||
/**
|
||||
* Image Cropper (v. 1.2.0 - 2006-10-30 )
|
||||
* Copyright (c) 2006 David Spurr (http://www.defusion.org.uk/)
|
||||
*
|
||||
* The image cropper provides a way to draw a crop area on an image and capture
|
||||
* the coordinates of the drawn crop area.
|
||||
*
|
||||
* Features include:
|
||||
* - Based on Prototype and Scriptaculous
|
||||
* - Image editing package styling, the crop area functions and looks
|
||||
* like those found in popular image editing software
|
||||
* - Dynamic inclusion of required styles
|
||||
* - Drag to draw areas
|
||||
* - Shift drag to draw/resize areas as squares
|
||||
* - Selection area can be moved
|
||||
* - Seleciton area can be resized using resize handles
|
||||
* - Allows dimension ratio limited crop areas
|
||||
* - Allows minimum dimension crop areas
|
||||
* - Allows maximum dimesion crop areas
|
||||
* - If both min & max dimension options set to the same value for a single axis,then the cropper will not
|
||||
* display the resize handles as appropriate (when min & max dimensions are passed for both axes this
|
||||
* results in a 'fixed size' crop area)
|
||||
* - Allows dynamic preview of resultant crop ( if minimum width & height are provided ), this is
|
||||
* implemented as a subclass so can be excluded when not required
|
||||
* - Movement of selection area by arrow keys ( shift + arrow key will move selection area by
|
||||
* 10 pixels )
|
||||
* - All operations stay within bounds of image
|
||||
* - All functionality & display compatible with most popular browsers supported by Prototype:
|
||||
* PC: IE 7, 6 & 5.5, Firefox 1.5, Opera 8.5 (see known issues) & 9.0b
|
||||
* MAC: Camino 1.0, Firefox 1.5, Safari 2.0
|
||||
*
|
||||
* Requires:
|
||||
* - Prototype v. 1.5.0_rc0 > (as packaged with Scriptaculous 1.6.1)
|
||||
* - Scriptaculous v. 1.6.1 > modules: builder, dragdrop
|
||||
*
|
||||
* Known issues:
|
||||
* - Safari animated gifs, only one of each will animate, this seems to be a known Safari issue
|
||||
*
|
||||
* - After drawing an area and then clicking to start a new drag in IE 5.5 the rendered height
|
||||
* appears as the last height until the user drags, this appears to be the related to the error
|
||||
* that the forceReRender() method fixes for IE 6, i.e. IE 5.5 is not redrawing the box properly.
|
||||
*
|
||||
* - Lack of CSS opacity support in Opera before version 9 mean we disable those style rules, these
|
||||
* could be fixed by using PNGs with transparency if Opera 8.5 support is high priority for you
|
||||
*
|
||||
* - Marching ants keep reloading in IE <6 (not tested in IE7), it is a known issue in IE and I have
|
||||
* found no viable workarounds that can be included in the release. If this really is an issue for you
|
||||
* either try this post: http://mir.aculo.us/articles/2005/08/28/internet-explorer-and-ajax-image-caching-woes
|
||||
* or uncomment the 'FIX MARCHING ANTS IN IE' rules in the CSS file
|
||||
*
|
||||
* - Styling & borders on image, any CSS styling applied directly to the image itself (floats, borders, padding, margin, etc.) will
|
||||
* cause problems with the cropper. The use of a wrapper element to apply these styles to is recommended.
|
||||
*
|
||||
* - overflow: auto or overflow: scroll on parent will cause cropper to burst out of parent in IE and Opera (maybe Mac browsers too)
|
||||
* I'm not sure why yet.
|
||||
*
|
||||
* Usage:
|
||||
* See Cropper.Img & Cropper.ImgWithPreview for usage details
|
||||
*
|
||||
* Changelog:
|
||||
* v1.2.0 - 2006-10-30
|
||||
* + Added id to the preview image element using 'imgCrop_[originalImageID]'
|
||||
* * #00001 - Fixed bug: Doesn't account for scroll offsets
|
||||
* * #00009 - Fixed bug: Placing the cropper inside differently positioned elements causes incorrect co-ordinates and display
|
||||
* * #00013 - Fixed bug: I-bar cursor appears on drag plane
|
||||
* * #00014 - Fixed bug: If ID for image tag is not found in document script throws error
|
||||
* * Fixed bug with drag start co-ordinates if wrapper element has moved in browser (e.g. dragged to a new position)
|
||||
* * Fixed bug with drag start co-ordinates if image contained in a wrapper with scrolling - this may be buggy if image
|
||||
* has other ancestors with scrolling applied (except the body)
|
||||
* * #00015 - Fixed bug: When cropper removed and then reapplied onEndCrop callback gets called multiple times, solution suggestion from Bill Smith
|
||||
* * Various speed increases & code cleanup which meant improved performance in Mac - which allowed removal of different overlay methods for
|
||||
* IE and all other browsers, which led to a fix for:
|
||||
* * #00010 - Fixed bug: Select area doesn't adhere to image size when image resized using img attributes
|
||||
* - #00006 - Removed default behaviour of automatically setting a ratio when both min width & height passed, the ratioDimensions must be passed in
|
||||
* + #00005 - Added ability to set maximum crop dimensions, if both min & max set as the same value then we'll get a fixed cropper size on the axes as appropriate
|
||||
* and the resize handles will not be displayed as appropriate
|
||||
* * Switched keydown for keypress for moving select area with cursor keys (makes for nicer action) - doesn't appear to work in Safari
|
||||
*
|
||||
* v1.1.3 - 2006-08-21
|
||||
* * Fixed wrong cursor on western handle in CSS
|
||||
* + #00008 & #00003 - Added feature: Allow to set dimensions & position for cropper on load
|
||||
* * #00002 - Fixed bug: Pressing 'remove cropper' twice removes image in IE
|
||||
*
|
||||
* v1.1.2 - 2006-06-09
|
||||
* * Fixed bugs with ratios when GCD is low (patch submitted by Andy Skelton)
|
||||
*
|
||||
* v1.1.1 - 2006-06-03
|
||||
* * Fixed bug with rendering issues fix in IE 5.5
|
||||
* * Fixed bug with endCrop callback issues once cropper had been removed & reset in IE
|
||||
*
|
||||
* v1.1.0 - 2006-06-02
|
||||
* * Fixed bug with IE constantly trying to reload select area background image
|
||||
* * Applied more robust fix to Safari & IE rendering issues
|
||||
* + Added method to reset parameters - useful for when dynamically changing img cropper attached to
|
||||
* + Added method to remove cropper from image
|
||||
*
|
||||
* v1.0.0 - 2006-05-18
|
||||
* + Initial verison
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2006, David Spurr (http://www.defusion.org.uk/)
|
||||
* All rights reserved.
|
||||
*
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||
*
|
||||
* * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||
* * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||
* * Neither the name of the David Spurr nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
* http://www.opensource.org/licenses/bsd-license.php
|
||||
*
|
||||
* See scriptaculous.js for full scriptaculous licence
|
||||
*/
|
||||
|
||||
/**
|
||||
* Extend the Draggable class to allow us to pass the rendering
|
||||
* down to the Cropper object.
|
||||
*/
|
||||
var CropDraggable = Class.create();
|
||||
|
||||
Object.extend( Object.extend( CropDraggable.prototype, Draggable.prototype), {
|
||||
|
||||
initialize: function(element) {
|
||||
this.options = Object.extend(
|
||||
{
|
||||
/**
|
||||
* The draw method to defer drawing to
|
||||
*/
|
||||
drawMethod: function() {}
|
||||
},
|
||||
arguments[1] || {}
|
||||
);
|
||||
|
||||
this.element = $(element);
|
||||
|
||||
this.handle = this.element;
|
||||
|
||||
this.delta = this.currentDelta();
|
||||
this.dragging = false;
|
||||
|
||||
this.eventMouseDown = this.initDrag.bindAsEventListener(this);
|
||||
Event.observe(this.handle, "mousedown", this.eventMouseDown);
|
||||
|
||||
Draggables.register(this);
|
||||
},
|
||||
|
||||
/**
|
||||
* Defers the drawing of the draggable to the supplied method
|
||||
*/
|
||||
draw: function(point) {
|
||||
var pos = Position.cumulativeOffset(this.element);
|
||||
var d = this.currentDelta();
|
||||
pos[0] -= d[0];
|
||||
pos[1] -= d[1];
|
||||
|
||||
var p = [0,1].map(function(i) {
|
||||
return (point[i]-pos[i]-this.offset[i])
|
||||
}.bind(this));
|
||||
|
||||
this.options.drawMethod( p );
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* The Cropper object, this will attach itself to the provided image by wrapping it with
|
||||
* the generated xHTML structure required by the cropper.
|
||||
*
|
||||
* Usage:
|
||||
* @param obj Image element to attach to
|
||||
* @param obj Optional options:
|
||||
* - ratioDim obj
|
||||
* The pixel dimensions to apply as a restrictive ratio, with properties x & y
|
||||
*
|
||||
* - minWidth int
|
||||
* The minimum width for the select area in pixels
|
||||
*
|
||||
* - minHeight int
|
||||
* The mimimum height for the select area in pixels
|
||||
*
|
||||
* - maxWidth int
|
||||
* The maximum width for the select areas in pixels (if both minWidth & maxWidth set to same the width of the cropper will be fixed)
|
||||
*
|
||||
* - maxHeight int
|
||||
* The maximum height for the select areas in pixels (if both minHeight & maxHeight set to same the height of the cropper will be fixed)
|
||||
*
|
||||
* - displayOnInit int
|
||||
* Whether to display the select area on initialisation, only used when providing minimum width & height or ratio
|
||||
*
|
||||
* - onEndCrop func
|
||||
* The callback function to provide the crop details to on end of a crop (see below)
|
||||
*
|
||||
* - captureKeys boolean
|
||||
* Whether to capture the keys for moving the select area, as these can cause some problems at the moment
|
||||
*
|
||||
* - onloadCoords obj
|
||||
* A coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area to display onload
|
||||
*
|
||||
*----------------------------------------------
|
||||
*
|
||||
* The callback function provided via the onEndCrop option should accept the following parameters:
|
||||
* - coords obj
|
||||
* The coordinates object with properties x1, y1, x2 & y2; for the coordinates of the select area
|
||||
*
|
||||
* - dimensions obj
|
||||
* The dimensions object with properites width & height; for the dimensions of the select area
|
||||
*
|
||||
*
|
||||
* Example:
|
||||
* function onEndCrop( coords, dimensions ) {
|
||||
* $( 'x1' ).value = coords.x1;
|
||||
* $( 'y1' ).value = coords.y1;
|
||||
* $( 'x2' ).value = coords.x2;
|
||||
* $( 'y2' ).value = coords.y2;
|
||||
* $( 'width' ).value = dimensions.width;
|
||||
* $( 'height' ).value = dimensions.height;
|
||||
* }
|
||||
*
|
||||
*/
|
||||
var Cropper = {};
|
||||
Cropper.Img = Class.create();
|
||||
Cropper.Img.prototype = {
|
||||
|
||||
/**
|
||||
* Initialises the class
|
||||
*
|
||||
* @access public
|
||||
* @param obj Image element to attach to
|
||||
* @param obj Options
|
||||
* @return void
|
||||
*/
|
||||
initialize: function(element, options) {
|
||||
this.options = Object.extend(
|
||||
{
|
||||
/**
|
||||
* @var obj
|
||||
* The pixel dimensions to apply as a restrictive ratio
|
||||
*/
|
||||
ratioDim: { x: 0, y: 0 },
|
||||
/**
|
||||
* @var int
|
||||
* The minimum pixel width, also used as restrictive ratio if min height passed too
|
||||
*/
|
||||
minWidth: 0,
|
||||
/**
|
||||
* @var int
|
||||
* The minimum pixel height, also used as restrictive ratio if min width passed too
|
||||
*/
|
||||
minHeight: 0,
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether to display the select area on initialisation, only used when providing minimum width & height or ratio
|
||||
*/
|
||||
displayOnInit: false,
|
||||
/**
|
||||
* @var function
|
||||
* The call back function to pass the final values to
|
||||
*/
|
||||
onEndCrop: Prototype.emptyFunction,
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether to capture key presses or not
|
||||
*/
|
||||
captureKeys: true,
|
||||
/**
|
||||
* @var obj Coordinate object x1, y1, x2, y2
|
||||
* The coordinates to optionally display the select area at onload
|
||||
*/
|
||||
onloadCoords: null,
|
||||
/**
|
||||
* @var int
|
||||
* The maximum width for the select areas in pixels (if both minWidth & maxWidth set to same the width of the cropper will be fixed)
|
||||
*/
|
||||
maxWidth: 0,
|
||||
/**
|
||||
* @var int
|
||||
* The maximum height for the select areas in pixels (if both minHeight & maxHeight set to same the height of the cropper will be fixed)
|
||||
*/
|
||||
maxHeight: 0
|
||||
},
|
||||
options || {}
|
||||
);
|
||||
/**
|
||||
* @var obj
|
||||
* The img node to attach to
|
||||
*/
|
||||
this.img = $( element );
|
||||
/**
|
||||
* @var obj
|
||||
* The x & y coordinates of the click point
|
||||
*/
|
||||
this.clickCoords = { x: 0, y: 0 };
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether the user is dragging
|
||||
*/
|
||||
this.dragging = false;
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether the user is resizing
|
||||
*/
|
||||
this.resizing = false;
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether the user is on a webKit browser
|
||||
*/
|
||||
this.isWebKit = /Konqueror|Safari|KHTML/.test( navigator.userAgent );
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether the user is on IE
|
||||
*/
|
||||
this.isIE = /MSIE/.test( navigator.userAgent );
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether the user is on Opera below version 9
|
||||
*/
|
||||
this.isOpera8 = /Opera\s[1-8]/.test( navigator.userAgent );
|
||||
/**
|
||||
* @var int
|
||||
* The x ratio
|
||||
*/
|
||||
this.ratioX = 0;
|
||||
/**
|
||||
* @var int
|
||||
* The y ratio
|
||||
*/
|
||||
this.ratioY = 0;
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether we've attached sucessfully
|
||||
*/
|
||||
this.attached = false;
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether we've got a fixed width (if minWidth EQ or GT maxWidth then we have a fixed width
|
||||
* in the case of minWidth > maxWidth maxWidth wins as the fixed width)
|
||||
*/
|
||||
this.fixedWidth = ( this.options.maxWidth > 0 && ( this.options.minWidth >= this.options.maxWidth ) );
|
||||
/**
|
||||
* @var boolean
|
||||
* Whether we've got a fixed height (if minHeight EQ or GT maxHeight then we have a fixed height
|
||||
* in the case of minHeight > maxHeight maxHeight wins as the fixed height)
|
||||
*/
|
||||
this.fixedHeight = ( this.options.maxHeight > 0 && ( this.options.minHeight >= this.options.maxHeight ) );
|
||||
|
||||
// quit if the image element doesn't exist
|
||||
if( typeof this.img == 'undefined' ) return;
|
||||
|
||||
// include the stylesheet
|
||||
$A( document.getElementsByTagName( 'script' ) ).each(
|
||||
function(s) {
|
||||
if( s.src.match( /cropper\.js/ ) ) {
|
||||
var path = s.src.replace( /cropper\.js(.*)?/, '' );
|
||||
// '<link rel="stylesheet" type="text/css" href="' + path + 'cropper.css" media="screen" />';
|
||||
var style = document.createElement( 'link' );
|
||||
style.rel = 'stylesheet';
|
||||
style.type = 'text/css';
|
||||
style.href = path + 'cropper.css';
|
||||
style.media = 'screen';
|
||||
document.getElementsByTagName( 'head' )[0].appendChild( style );
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// calculate the ratio when neccessary
|
||||
if( this.options.ratioDim.x > 0 && this.options.ratioDim.y > 0 ) {
|
||||
var gcd = this.getGCD( this.options.ratioDim.x, this.options.ratioDim.y );
|
||||
this.ratioX = this.options.ratioDim.x / gcd;
|
||||
this.ratioY = this.options.ratioDim.y / gcd;
|
||||
// dump( 'RATIO : ' + this.ratioX + ':' + this.ratioY + '\n' );
|
||||
}
|
||||
|
||||
// initialise sub classes
|
||||
this.subInitialize();
|
||||
|
||||
// only load the event observers etc. once the image is loaded
|
||||
// this is done after the subInitialize() call just in case the sub class does anything
|
||||
// that will affect the result of the call to onLoad()
|
||||
if( this.img.complete || this.isWebKit ) this.onLoad(); // for some reason Safari seems to support img.complete but returns 'undefined' on the this.img object
|
||||
else Event.observe( this.img, 'load', this.onLoad.bindAsEventListener( this) );
|
||||
},
|
||||
|
||||
/**
|
||||
* The Euclidean algorithm used to find the greatest common divisor
|
||||
*
|
||||
* @acces private
|
||||
* @param int Value 1
|
||||
* @param int Value 2
|
||||
* @return int
|
||||
*/
|
||||
getGCD : function( a , b ) {
|
||||
if( b == 0 ) return a;
|
||||
return this.getGCD(b, a % b );
|
||||
},
|
||||
|
||||
/**
|
||||
* Attaches the cropper to the image once it has loaded
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
onLoad: function( ) {
|
||||
/*
|
||||
* Build the container and all related elements, will result in the following
|
||||
*
|
||||
* <div class="imgCrop_wrap">
|
||||
* <img ... this.img ... />
|
||||
* <div class="imgCrop_dragArea">
|
||||
* <!-- the inner spans are only required for IE to stop it making the divs 1px high/wide -->
|
||||
* <div class="imgCrop_overlay imageCrop_north"><span></span></div>
|
||||
* <div class="imgCrop_overlay imageCrop_east"><span></span></div>
|
||||
* <div class="imgCrop_overlay imageCrop_south"><span></span></div>
|
||||
* <div class="imgCrop_overlay imageCrop_west"><span></span></div>
|
||||
* <div class="imgCrop_selArea">
|
||||
* <!-- marquees -->
|
||||
* <!-- the inner spans are only required for IE to stop it making the divs 1px high/wide -->
|
||||
* <div class="imgCrop_marqueeHoriz imgCrop_marqueeNorth"><span></span></div>
|
||||
* <div class="imgCrop_marqueeVert imgCrop_marqueeEast"><span></span></div>
|
||||
* <div class="imgCrop_marqueeHoriz imgCrop_marqueeSouth"><span></span></div>
|
||||
* <div class="imgCrop_marqueeVert imgCrop_marqueeWest"><span></span></div>
|
||||
* <!-- handles -->
|
||||
* <div class="imgCrop_handle imgCrop_handleN"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleNE"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleE"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleSE"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleS"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleSW"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleW"></div>
|
||||
* <div class="imgCrop_handle imgCrop_handleNW"></div>
|
||||
* <div class="imgCrop_clickArea"></div>
|
||||
* </div>
|
||||
* <div class="imgCrop_clickArea"></div>
|
||||
* </div>
|
||||
* </div>
|
||||
*/
|
||||
var cNamePrefix = 'imgCrop_';
|
||||
|
||||
// get the point to insert the container
|
||||
var insertPoint = this.img.parentNode;
|
||||
|
||||
// apply an extra class to the wrapper to fix Opera below version 9
|
||||
var fixOperaClass = '';
|
||||
if( this.isOpera8 ) fixOperaClass = ' opera8';
|
||||
this.imgWrap = Builder.node( 'div', { 'class': cNamePrefix + 'wrap' + fixOperaClass } );
|
||||
|
||||
this.north = Builder.node( 'div', { 'class': cNamePrefix + 'overlay ' + cNamePrefix + 'north' }, [Builder.node( 'span' )] );
|
||||
this.east = Builder.node( 'div', { 'class': cNamePrefix + 'overlay ' + cNamePrefix + 'east' } , [Builder.node( 'span' )] );
|
||||
this.south = Builder.node( 'div', { 'class': cNamePrefix + 'overlay ' + cNamePrefix + 'south' }, [Builder.node( 'span' )] );
|
||||
this.west = Builder.node( 'div', { 'class': cNamePrefix + 'overlay ' + cNamePrefix + 'west' } , [Builder.node( 'span' )] );
|
||||
|
||||
var overlays = [ this.north, this.east, this.south, this.west ];
|
||||
|
||||
this.dragArea = Builder.node( 'div', { 'class': cNamePrefix + 'dragArea' }, overlays );
|
||||
|
||||
this.handleN = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleN' } );
|
||||
this.handleNE = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleNE' } );
|
||||
this.handleE = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleE' } );
|
||||
this.handleSE = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleSE' } );
|
||||
this.handleS = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleS' } );
|
||||
this.handleSW = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleSW' } );
|
||||
this.handleW = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleW' } );
|
||||
this.handleNW = Builder.node( 'div', { 'class': cNamePrefix + 'handle ' + cNamePrefix + 'handleNW' } );
|
||||
|
||||
this.selArea = Builder.node( 'div', { 'class': cNamePrefix + 'selArea' },
|
||||
[
|
||||
Builder.node( 'div', { 'class': cNamePrefix + 'marqueeHoriz ' + cNamePrefix + 'marqueeNorth' }, [Builder.node( 'span' )] ),
|
||||
Builder.node( 'div', { 'class': cNamePrefix + 'marqueeVert ' + cNamePrefix + 'marqueeEast' } , [Builder.node( 'span' )] ),
|
||||
Builder.node( 'div', { 'class': cNamePrefix + 'marqueeHoriz ' + cNamePrefix + 'marqueeSouth' }, [Builder.node( 'span' )] ),
|
||||
Builder.node( 'div', { 'class': cNamePrefix + 'marqueeVert ' + cNamePrefix + 'marqueeWest' } , [Builder.node( 'span' )] ),
|
||||
this.handleN,
|
||||
this.handleNE,
|
||||
this.handleE,
|
||||
this.handleSE,
|
||||
this.handleS,
|
||||
this.handleSW,
|
||||
this.handleW,
|
||||
this.handleNW,
|
||||
Builder.node( 'div', { 'class': cNamePrefix + 'clickArea' } )
|
||||
]
|
||||
);
|
||||
|
||||
this.imgWrap.appendChild( this.img );
|
||||
this.imgWrap.appendChild( this.dragArea );
|
||||
this.dragArea.appendChild( this.selArea );
|
||||
this.dragArea.appendChild( Builder.node( 'div', { 'class': cNamePrefix + 'clickArea' } ) );
|
||||
|
||||
insertPoint.appendChild( this.imgWrap );
|
||||
|
||||
// add event observers
|
||||
this.startDragBind = this.startDrag.bindAsEventListener( this );
|
||||
Event.observe( this.dragArea, 'mousedown', this.startDragBind );
|
||||
|
||||
this.onDragBind = this.onDrag.bindAsEventListener( this );
|
||||
Event.observe( document, 'mousemove', this.onDragBind );
|
||||
|
||||
this.endCropBind = this.endCrop.bindAsEventListener( this );
|
||||
Event.observe( document, 'mouseup', this.endCropBind );
|
||||
|
||||
this.resizeBind = this.startResize.bindAsEventListener( this );
|
||||
this.handles = [ this.handleN, this.handleNE, this.handleE, this.handleSE, this.handleS, this.handleSW, this.handleW, this.handleNW ];
|
||||
this.registerHandles( true );
|
||||
|
||||
if( this.options.captureKeys ) {
|
||||
this.keysBind = this.handleKeys.bindAsEventListener( this );
|
||||
Event.observe( document, 'keypress', this.keysBind );
|
||||
}
|
||||
|
||||
// attach the dragable to the select area
|
||||
new CropDraggable( this.selArea, { drawMethod: this.moveArea.bindAsEventListener( this ) } );
|
||||
|
||||
this.setParams();
|
||||
},
|
||||
|
||||
/**
|
||||
* Manages adding or removing the handle event handler and hiding or displaying them as appropriate
|
||||
*
|
||||
* @access private
|
||||
* @param boolean registration true = add, false = remove
|
||||
* @return void
|
||||
*/
|
||||
registerHandles: function( registration ) {
|
||||
for( var i = 0; i < this.handles.length; i++ ) {
|
||||
var handle = $( this.handles[i] );
|
||||
|
||||
if( registration ) {
|
||||
var hideHandle = false; // whether to hide the handle
|
||||
|
||||
// disable handles asappropriate if we've got fixed dimensions
|
||||
// if both dimensions are fixed we don't need to do much
|
||||
if( this.fixedWidth && this.fixedHeight ) hideHandle = true;
|
||||
else if( this.fixedWidth || this.fixedHeight ) {
|
||||
// if one of the dimensions is fixed then just hide those handles
|
||||
var isCornerHandle = handle.className.match( /([S|N][E|W])$/ )
|
||||
var isWidthHandle = handle.className.match( /(E|W)$/ );
|
||||
var isHeightHandle = handle.className.match( /(N|S)$/ );
|
||||
if( isCornerHandle ) hideHandle = true;
|
||||
else if( this.fixedWidth && isWidthHandle ) hideHandle = true;
|
||||
else if( this.fixedHeight && isHeightHandle ) hideHandle = true;
|
||||
}
|
||||
if( hideHandle ) handle.hide();
|
||||
else Event.observe( handle, 'mousedown', this.resizeBind );
|
||||
} else {
|
||||
handle.show();
|
||||
Event.stopObserving( handle, 'mousedown', this.resizeBind );
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets up all the cropper parameters, this can be used to reset the cropper when dynamically
|
||||
* changing the images
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
setParams: function() {
|
||||
/**
|
||||
* @var int
|
||||
* The image width
|
||||
*/
|
||||
this.imgW = this.img.width;
|
||||
/**
|
||||
* @var int
|
||||
* The image height
|
||||
*/
|
||||
this.imgH = this.img.height;
|
||||
|
||||
$( this.north ).setStyle( { height: 0 } );
|
||||
$( this.east ).setStyle( { width: 0, height: 0 } );
|
||||
$( this.south ).setStyle( { height: 0 } );
|
||||
$( this.west ).setStyle( { width: 0, height: 0 } );
|
||||
|
||||
// resize the container to fit the image
|
||||
$( this.imgWrap ).setStyle( { 'width': this.imgW + 'px', 'height': this.imgH + 'px' } );
|
||||
|
||||
// hide the select area
|
||||
$( this.selArea ).hide();
|
||||
|
||||
// setup the starting position of the select area
|
||||
var startCoords = { x1: 0, y1: 0, x2: 0, y2: 0 };
|
||||
var validCoordsSet = false;
|
||||
|
||||
// display the select area
|
||||
if( this.options.onloadCoords != null ) {
|
||||
// if we've being given some coordinates to
|
||||
startCoords = this.cloneCoords( this.options.onloadCoords );
|
||||
validCoordsSet = true;
|
||||
} else if( this.options.ratioDim.x > 0 && this.options.ratioDim.y > 0 ) {
|
||||
// if there is a ratio limit applied and the then set it to initial ratio
|
||||
startCoords.x1 = Math.ceil( ( this.imgW - this.options.ratioDim.x ) / 2 );
|
||||
startCoords.y1 = Math.ceil( ( this.imgH - this.options.ratioDim.y ) / 2 );
|
||||
startCoords.x2 = startCoords.x1 + this.options.ratioDim.x;
|
||||
startCoords.y2 = startCoords.y1 + this.options.ratioDim.y;
|
||||
validCoordsSet = true;
|
||||
}
|
||||
|
||||
this.setAreaCoords( startCoords, false, false, 1 );
|
||||
|
||||
if( this.options.displayOnInit && validCoordsSet ) {
|
||||
this.selArea.show();
|
||||
this.drawArea();
|
||||
this.endCrop();
|
||||
}
|
||||
|
||||
this.attached = true;
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes the cropper
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
remove: function() {
|
||||
if( this.attached ) {
|
||||
this.attached = false;
|
||||
|
||||
// remove the elements we inserted
|
||||
this.imgWrap.parentNode.insertBefore( this.img, this.imgWrap );
|
||||
this.imgWrap.parentNode.removeChild( this.imgWrap );
|
||||
|
||||
// remove the event observers
|
||||
Event.stopObserving( this.dragArea, 'mousedown', this.startDragBind );
|
||||
Event.stopObserving( document, 'mousemove', this.onDragBind );
|
||||
Event.stopObserving( document, 'mouseup', this.endCropBind );
|
||||
this.registerHandles( false );
|
||||
if( this.options.captureKeys ) Event.stopObserving( document, 'keypress', this.keysBind );
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Resets the cropper, can be used either after being removed or any time you wish
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
reset: function() {
|
||||
if( !this.attached ) this.onLoad();
|
||||
else this.setParams();
|
||||
this.endCrop();
|
||||
},
|
||||
|
||||
/**
|
||||
* Handles the key functionality, currently just using arrow keys to move, if the user
|
||||
* presses shift then the area will move by 10 pixels
|
||||
*/
|
||||
handleKeys: function( e ) {
|
||||
var dir = { x: 0, y: 0 }; // direction to move it in & the amount in pixels
|
||||
if( !this.dragging ) {
|
||||
|
||||
// catch the arrow keys
|
||||
switch( e.keyCode ) {
|
||||
case( 37 ) : // left
|
||||
dir.x = -1;
|
||||
break;
|
||||
case( 38 ) : // up
|
||||
dir.y = -1;
|
||||
break;
|
||||
case( 39 ) : // right
|
||||
dir.x = 1;
|
||||
break
|
||||
case( 40 ) : // down
|
||||
dir.y = 1;
|
||||
break;
|
||||
}
|
||||
|
||||
if( dir.x != 0 || dir.y != 0 ) {
|
||||
// if shift is pressed then move by 10 pixels
|
||||
if( e.shiftKey ) {
|
||||
dir.x *= 10;
|
||||
dir.y *= 10;
|
||||
}
|
||||
|
||||
this.moveArea( [ this.areaCoords.x1 + dir.x, this.areaCoords.y1 + dir.y ] );
|
||||
Event.stop( e );
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Calculates the width from the areaCoords
|
||||
*
|
||||
* @access private
|
||||
* @return int
|
||||
*/
|
||||
calcW: function() {
|
||||
return (this.areaCoords.x2 - this.areaCoords.x1)
|
||||
},
|
||||
|
||||
/**
|
||||
* Calculates the height from the areaCoords
|
||||
*
|
||||
* @access private
|
||||
* @return int
|
||||
*/
|
||||
calcH: function() {
|
||||
return (this.areaCoords.y2 - this.areaCoords.y1)
|
||||
},
|
||||
|
||||
/**
|
||||
* Moves the select area to the supplied point (assumes the point is x1 & y1 of the select area)
|
||||
*
|
||||
* @access public
|
||||
* @param array Point for x1 & y1 to move select area to
|
||||
* @return void
|
||||
*/
|
||||
moveArea: function( point ) {
|
||||
// dump( 'moveArea : ' + point[0] + ',' + point[1] + ',' + ( point[0] + ( this.areaCoords.x2 - this.areaCoords.x1 ) ) + ',' + ( point[1] + ( this.areaCoords.y2 - this.areaCoords.y1 ) ) + '\n' );
|
||||
this.setAreaCoords(
|
||||
{
|
||||
x1: point[0],
|
||||
y1: point[1],
|
||||
x2: point[0] + this.calcW(),
|
||||
y2: point[1] + this.calcH()
|
||||
},
|
||||
true,
|
||||
false
|
||||
);
|
||||
this.drawArea();
|
||||
},
|
||||
|
||||
/**
|
||||
* Clones a co-ordinates object, stops problems with handling them by reference
|
||||
*
|
||||
* @access private
|
||||
* @param obj Coordinate object x1, y1, x2, y2
|
||||
* @return obj Coordinate object x1, y1, x2, y2
|
||||
*/
|
||||
cloneCoords: function( coords ) {
|
||||
return { x1: coords.x1, y1: coords.y1, x2: coords.x2, y2: coords.y2 };
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets the select coords to those provided but ensures they don't go
|
||||
* outside the bounding box
|
||||
*
|
||||
* @access private
|
||||
* @param obj Coordinates x1, y1, x2, y2
|
||||
* @param boolean Whether this is a move
|
||||
* @param boolean Whether to apply squaring
|
||||
* @param obj Direction of mouse along both axis x, y ( -1 = negative, 1 = positive ) only required when moving etc.
|
||||
* @param string The current resize handle || null
|
||||
* @return void
|
||||
*/
|
||||
setAreaCoords: function( coords, moving, square, direction, resizeHandle ) {
|
||||
// dump( 'setAreaCoords (in) : ' + coords.x1 + ',' + coords.y1 + ',' + coords.x2 + ',' + coords.y2 );
|
||||
if( moving ) {
|
||||
// if moving
|
||||
var targW = coords.x2 - coords.x1;
|
||||
var targH = coords.y2 - coords.y1;
|
||||
|
||||
// ensure we're within the bounds
|
||||
if( coords.x1 < 0 ) {
|
||||
coords.x1 = 0;
|
||||
coords.x2 = targW;
|
||||
}
|
||||
if( coords.y1 < 0 ) {
|
||||
coords.y1 = 0;
|
||||
coords.y2 = targH;
|
||||
}
|
||||
if( coords.x2 > this.imgW ) {
|
||||
coords.x2 = this.imgW;
|
||||
coords.x1 = this.imgW - targW;
|
||||
}
|
||||
if( coords.y2 > this.imgH ) {
|
||||
coords.y2 = this.imgH;
|
||||
coords.y1 = this.imgH - targH;
|
||||
}
|
||||
} else {
|
||||
// ensure we're within the bounds
|
||||
if( coords.x1 < 0 ) coords.x1 = 0;
|
||||
if( coords.y1 < 0 ) coords.y1 = 0;
|
||||
if( coords.x2 > this.imgW ) coords.x2 = this.imgW;
|
||||
if( coords.y2 > this.imgH ) coords.y2 = this.imgH;
|
||||
|
||||
// This is passed as null in onload
|
||||
if( direction != null ) {
|
||||
|
||||
// apply the ratio or squaring where appropriate
|
||||
if( this.ratioX > 0 ) this.applyRatio( coords, { x: this.ratioX, y: this.ratioY }, direction, resizeHandle );
|
||||
else if( square ) this.applyRatio( coords, { x: 1, y: 1 }, direction, resizeHandle );
|
||||
|
||||
var mins = [ this.options.minWidth, this.options.minHeight ]; // minimum dimensions [x,y]
|
||||
var maxs = [ this.options.maxWidth, this.options.maxHeight ]; // maximum dimensions [x,y]
|
||||
|
||||
// apply dimensions where appropriate
|
||||
if( mins[0] > 0 || mins[1] > 0 || maxs[0] > 0 || maxs[1] > 0) {
|
||||
|
||||
var coordsTransX = { a1: coords.x1, a2: coords.x2 };
|
||||
var coordsTransY = { a1: coords.y1, a2: coords.y2 };
|
||||
var boundsX = { min: 0, max: this.imgW };
|
||||
var boundsY = { min: 0, max: this.imgH };
|
||||
|
||||
// handle squaring properly on single axis minimum dimensions
|
||||
if( (mins[0] != 0 || mins[1] != 0) && square ) {
|
||||
if( mins[0] > 0 ) mins[1] = mins[0];
|
||||
else if( mins[1] > 0 ) mins[0] = mins[1];
|
||||
}
|
||||
|
||||
if( (maxs[0] != 0 || maxs[0] != 0) && square ) {
|
||||
// if we have a max x value & it is less than the max y value then we set the y max to the max x (so we don't go over the minimum maximum of one of the axes - if that makes sense)
|
||||
if( maxs[0] > 0 && maxs[0] <= maxs[1] ) maxs[1] = maxs[0];
|
||||
else if( maxs[1] > 0 && maxs[1] <= maxs[0] ) maxs[0] = maxs[1];
|
||||
}
|
||||
|
||||
if( mins[0] > 0 ) this.applyDimRestriction( coordsTransX, mins[0], direction.x, boundsX, 'min' );
|
||||
if( mins[1] > 1 ) this.applyDimRestriction( coordsTransY, mins[1], direction.y, boundsY, 'min' );
|
||||
|
||||
if( maxs[0] > 0 ) this.applyDimRestriction( coordsTransX, maxs[0], direction.x, boundsX, 'max' );
|
||||
if( maxs[1] > 1 ) this.applyDimRestriction( coordsTransY, maxs[1], direction.y, boundsY, 'max' );
|
||||
|
||||
coords = { x1: coordsTransX.a1, y1: coordsTransY.a1, x2: coordsTransX.a2, y2: coordsTransY.a2 };
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// dump( 'setAreaCoords (out) : ' + coords.x1 + ',' + coords.y1 + ',' + coords.x2 + ',' + coords.y2 + '\n' );
|
||||
this.areaCoords = coords;
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies the supplied dimension restriction to the supplied coordinates along a single axis
|
||||
*
|
||||
* @access private
|
||||
* @param obj Single axis coordinates, a1, a2 (e.g. for the x axis a1 = x1 & a2 = x2)
|
||||
* @param int The restriction value
|
||||
* @param int The direction ( -1 = negative, 1 = positive )
|
||||
* @param obj The bounds of the image ( for this axis )
|
||||
* @param string The dimension restriction type ( 'min' | 'max' )
|
||||
* @return void
|
||||
*/
|
||||
applyDimRestriction: function( coords, val, direction, bounds, type ) {
|
||||
var check;
|
||||
if( type == 'min' ) check = ( ( coords.a2 - coords.a1 ) < val );
|
||||
else check = ( ( coords.a2 - coords.a1 ) > val );
|
||||
if( check ) {
|
||||
if( direction == 1 ) coords.a2 = coords.a1 + val;
|
||||
else coords.a1 = coords.a2 - val;
|
||||
|
||||
// make sure we're still in the bounds (not too pretty for the user, but needed)
|
||||
if( coords.a1 < bounds.min ) {
|
||||
coords.a1 = bounds.min;
|
||||
coords.a2 = val;
|
||||
} else if( coords.a2 > bounds.max ) {
|
||||
coords.a1 = bounds.max - val;
|
||||
coords.a2 = bounds.max;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies the supplied ratio to the supplied coordinates
|
||||
*
|
||||
* @access private
|
||||
* @param obj Coordinates, x1, y1, x2, y2
|
||||
* @param obj Ratio, x, y
|
||||
* @param obj Direction of mouse, x & y : -1 == negative 1 == positive
|
||||
* @param string The current resize handle || null
|
||||
* @return void
|
||||
*/
|
||||
applyRatio : function( coords, ratio, direction, resizeHandle ) {
|
||||
// dump( 'direction.y : ' + direction.y + '\n');
|
||||
var newCoords;
|
||||
if( resizeHandle == 'N' || resizeHandle == 'S' ) {
|
||||
// dump( 'north south \n');
|
||||
// if moving on either the lone north & south handles apply the ratio on the y axis
|
||||
newCoords = this.applyRatioToAxis(
|
||||
{ a1: coords.y1, b1: coords.x1, a2: coords.y2, b2: coords.x2 },
|
||||
{ a: ratio.y, b: ratio.x },
|
||||
{ a: direction.y, b: direction.x },
|
||||
{ min: 0, max: this.imgW }
|
||||
);
|
||||
coords.x1 = newCoords.b1;
|
||||
coords.y1 = newCoords.a1;
|
||||
coords.x2 = newCoords.b2;
|
||||
coords.y2 = newCoords.a2;
|
||||
} else {
|
||||
// otherwise deal with it as if we're applying the ratio on the x axis
|
||||
newCoords = this.applyRatioToAxis(
|
||||
{ a1: coords.x1, b1: coords.y1, a2: coords.x2, b2: coords.y2 },
|
||||
{ a: ratio.x, b: ratio.y },
|
||||
{ a: direction.x, b: direction.y },
|
||||
{ min: 0, max: this.imgH }
|
||||
);
|
||||
coords.x1 = newCoords.a1;
|
||||
coords.y1 = newCoords.b1;
|
||||
coords.x2 = newCoords.a2;
|
||||
coords.y2 = newCoords.b2;
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies the provided ratio to the provided coordinates based on provided direction & bounds,
|
||||
* use to encapsulate functionality to make it easy to apply to either axis. This is probably
|
||||
* quite hard to visualise so see the x axis example within applyRatio()
|
||||
*
|
||||
* Example in parameter details & comments is for requesting applying ratio to x axis.
|
||||
*
|
||||
* @access private
|
||||
* @param obj Coords object (a1, b1, a2, b2) where a = x & b = y in example
|
||||
* @param obj Ratio object (a, b) where a = x & b = y in example
|
||||
* @param obj Direction object (a, b) where a = x & b = y in example
|
||||
* @param obj Bounds (min, max)
|
||||
* @return obj Coords object (a1, b1, a2, b2) where a = x & b = y in example
|
||||
*/
|
||||
applyRatioToAxis: function( coords, ratio, direction, bounds ) {
|
||||
var newCoords = Object.extend( coords, {} );
|
||||
var calcDimA = newCoords.a2 - newCoords.a1; // calculate dimension a (e.g. width)
|
||||
var targDimB = Math.floor( calcDimA * ratio.b / ratio.a ); // the target dimension b (e.g. height)
|
||||
var targB; // to hold target b (e.g. y value)
|
||||
var targDimA; // to hold target dimension a (e.g. width)
|
||||
var calcDimB = null; // to hold calculated dimension b (e.g. height)
|
||||
|
||||
// dump( 'newCoords[0]: ' + newCoords.a1 + ',' + newCoords.b1 + ','+ newCoords.a2 + ',' + newCoords.b2 + '\n');
|
||||
|
||||
if( direction.b == 1 ) { // if travelling in a positive direction
|
||||
// make sure we're not going out of bounds
|
||||
targB = newCoords.b1 + targDimB;
|
||||
if( targB > bounds.max ) {
|
||||
targB = bounds.max;
|
||||
calcDimB = targB - newCoords.b1; // calcuate dimension b (e.g. height)
|
||||
}
|
||||
|
||||
newCoords.b2 = targB;
|
||||
} else { // if travelling in a negative direction
|
||||
// make sure we're not going out of bounds
|
||||
targB = newCoords.b2 - targDimB;
|
||||
if( targB < bounds.min ) {
|
||||
targB = bounds.min;
|
||||
calcDimB = targB + newCoords.b2; // calcuate dimension b (e.g. height)
|
||||
}
|
||||
newCoords.b1 = targB;
|
||||
}
|
||||
|
||||
// dump( 'newCoords[1]: ' + newCoords.a1 + ',' + newCoords.b1 + ','+ newCoords.a2 + ',' + newCoords.b2 + '\n');
|
||||
|
||||
// apply the calculated dimensions
|
||||
if( calcDimB != null ) {
|
||||
targDimA = Math.floor( calcDimB * ratio.a / ratio.b );
|
||||
|
||||
if( direction.a == 1 ) newCoords.a2 = newCoords.a1 + targDimA;
|
||||
else newCoords.a1 = newCoords.a1 = newCoords.a2 - targDimA;
|
||||
}
|
||||
|
||||
// dump( 'newCoords[2]: ' + newCoords.a1 + ',' + newCoords.b1 + ','+ newCoords.a2 + ',' + newCoords.b2 + '\n');
|
||||
|
||||
return newCoords;
|
||||
},
|
||||
|
||||
/**
|
||||
* Draws the select area
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
drawArea: function( ) {
|
||||
/*
|
||||
* NOTE: I'm not using the Element.setStyle() shortcut as they make it
|
||||
* quite sluggish on Mac based browsers
|
||||
*/
|
||||
// dump( 'drawArea : ' + this.areaCoords.x1 + ',' + this.areaCoords.y1 + ',' + this.areaCoords.x2 + ',' + this.areaCoords.y2 + '\n' );
|
||||
var areaWidth = this.calcW();
|
||||
var areaHeight = this.calcH();
|
||||
|
||||
/*
|
||||
* Calculate all the style strings before we use them, allows reuse & produces quicker
|
||||
* rendering (especially noticable in Mac based browsers)
|
||||
*/
|
||||
var px = 'px';
|
||||
var params = [
|
||||
this.areaCoords.x1 + px, // the left of the selArea
|
||||
this.areaCoords.y1 + px, // the top of the selArea
|
||||
areaWidth + px, // width of the selArea
|
||||
areaHeight + px, // height of the selArea
|
||||
this.areaCoords.x2 + px, // bottom of the selArea
|
||||
this.areaCoords.y2 + px, // right of the selArea
|
||||
(this.img.width - this.areaCoords.x2) + px, // right edge of selArea
|
||||
(this.img.height - this.areaCoords.y2) + px // bottom edge of selArea
|
||||
];
|
||||
|
||||
// do the select area
|
||||
var areaStyle = this.selArea.style;
|
||||
areaStyle.left = params[0];
|
||||
areaStyle.top = params[1];
|
||||
areaStyle.width = params[2];
|
||||
areaStyle.height = params[3];
|
||||
|
||||
// position the north, east, south & west handles
|
||||
var horizHandlePos = Math.ceil( (areaWidth - 6) / 2 ) + px;
|
||||
var vertHandlePos = Math.ceil( (areaHeight - 6) / 2 ) + px;
|
||||
|
||||
this.handleN.style.left = horizHandlePos;
|
||||
this.handleE.style.top = vertHandlePos;
|
||||
this.handleS.style.left = horizHandlePos;
|
||||
this.handleW.style.top = vertHandlePos;
|
||||
|
||||
// draw the four overlays
|
||||
this.north.style.height = params[1];
|
||||
|
||||
var eastStyle = this.east.style;
|
||||
eastStyle.top = params[1];
|
||||
eastStyle.height = params[3];
|
||||
eastStyle.left = params[4];
|
||||
eastStyle.width = params[6];
|
||||
|
||||
var southStyle = this.south.style;
|
||||
southStyle.top = params[5];
|
||||
southStyle.height = params[7];
|
||||
|
||||
var westStyle = this.west.style;
|
||||
westStyle.top = params[1];
|
||||
westStyle.height = params[3];
|
||||
westStyle.width = params[0];
|
||||
|
||||
// call the draw method on sub classes
|
||||
this.subDrawArea();
|
||||
|
||||
this.forceReRender();
|
||||
},
|
||||
|
||||
/**
|
||||
* Force the re-rendering of the selArea element which fixes rendering issues in Safari
|
||||
* & IE PC, especially evident when re-sizing perfectly vertical using any of the south handles
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
forceReRender: function() {
|
||||
if( this.isIE || this.isWebKit) {
|
||||
var n = document.createTextNode(' ');
|
||||
var d,el,fixEL,i;
|
||||
|
||||
if( this.isIE ) fixEl = this.selArea;
|
||||
else if( this.isWebKit ) {
|
||||
fixEl = document.getElementsByClassName( 'imgCrop_marqueeSouth', this.imgWrap )[0];
|
||||
/* we have to be a bit more forceful for Safari, otherwise the the marquee &
|
||||
* the south handles still don't move
|
||||
*/
|
||||
d = Builder.node( 'div', '' );
|
||||
d.style.visibility = 'hidden';
|
||||
|
||||
var classList = ['SE','S','SW'];
|
||||
for( i = 0; i < classList.length; i++ ) {
|
||||
el = document.getElementsByClassName( 'imgCrop_handle' + classList[i], this.selArea )[0];
|
||||
if( el.childNodes.length ) el.removeChild( el.childNodes[0] );
|
||||
el.appendChild(d);
|
||||
}
|
||||
}
|
||||
fixEl.appendChild(n);
|
||||
fixEl.removeChild(n);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Starts the resize
|
||||
*
|
||||
* @access private
|
||||
* @param obj Event
|
||||
* @return void
|
||||
*/
|
||||
startResize: function( e ) {
|
||||
this.startCoords = this.cloneCoords( this.areaCoords );
|
||||
|
||||
this.resizing = true;
|
||||
this.resizeHandle = Event.element( e ).classNames().toString().replace(/([^N|NE|E|SE|S|SW|W|NW])+/, '');
|
||||
// dump( 'this.resizeHandle : ' + this.resizeHandle + '\n' );
|
||||
Event.stop( e );
|
||||
},
|
||||
|
||||
/**
|
||||
* Starts the drag
|
||||
*
|
||||
* @access private
|
||||
* @param obj Event
|
||||
* @return void
|
||||
*/
|
||||
startDrag: function( e ) {
|
||||
this.selArea.show();
|
||||
this.clickCoords = this.getCurPos( e );
|
||||
|
||||
this.setAreaCoords( { x1: this.clickCoords.x, y1: this.clickCoords.y, x2: this.clickCoords.x, y2: this.clickCoords.y }, false, false, null );
|
||||
|
||||
this.dragging = true;
|
||||
this.onDrag( e ); // incase the user just clicks once after already making a selection
|
||||
Event.stop( e );
|
||||
},
|
||||
|
||||
/**
|
||||
* Gets the current cursor position relative to the image
|
||||
*
|
||||
* @access private
|
||||
* @param obj Event
|
||||
* @return obj x,y pixels of the cursor
|
||||
*/
|
||||
getCurPos: function( e ) {
|
||||
// get the offsets for the wrapper within the document
|
||||
var el = this.imgWrap, wrapOffsets = Position.cumulativeOffset( el );
|
||||
// remove any scrolling that is applied to the wrapper (this may be buggy) - don't count the scroll on the body as that won't affect us
|
||||
while( el.nodeName != 'BODY' ) {
|
||||
wrapOffsets[1] -= el.scrollTop || 0;
|
||||
wrapOffsets[0] -= el.scrollLeft || 0;
|
||||
el = el.parentNode;
|
||||
}
|
||||
return curPos = {
|
||||
x: Event.pointerX(e) - wrapOffsets[0],
|
||||
y: Event.pointerY(e) - wrapOffsets[1]
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Performs the drag for both resize & inital draw dragging
|
||||
*
|
||||
* @access private
|
||||
* @param obj Event
|
||||
* @return void
|
||||
*/
|
||||
onDrag: function( e ) {
|
||||
if( this.dragging || this.resizing ) {
|
||||
|
||||
var resizeHandle = null;
|
||||
var curPos = this.getCurPos( e );
|
||||
var newCoords = this.cloneCoords( this.areaCoords );
|
||||
var direction = { x: 1, y: 1 };
|
||||
|
||||
if( this.dragging ) {
|
||||
if( curPos.x < this.clickCoords.x ) direction.x = -1;
|
||||
if( curPos.y < this.clickCoords.y ) direction.y = -1;
|
||||
|
||||
this.transformCoords( curPos.x, this.clickCoords.x, newCoords, 'x' );
|
||||
this.transformCoords( curPos.y, this.clickCoords.y, newCoords, 'y' );
|
||||
} else if( this.resizing ) {
|
||||
resizeHandle = this.resizeHandle;
|
||||
// do x movements first
|
||||
if( resizeHandle.match(/E/) ) {
|
||||
// if we're moving an east handle
|
||||
this.transformCoords( curPos.x, this.startCoords.x1, newCoords, 'x' );
|
||||
if( curPos.x < this.startCoords.x1 ) direction.x = -1;
|
||||
} else if( resizeHandle.match(/W/) ) {
|
||||
// if we're moving an west handle
|
||||
this.transformCoords( curPos.x, this.startCoords.x2, newCoords, 'x' );
|
||||
if( curPos.x < this.startCoords.x2 ) direction.x = -1;
|
||||
}
|
||||
|
||||
// do y movements second
|
||||
if( resizeHandle.match(/N/) ) {
|
||||
// if we're moving an north handle
|
||||
this.transformCoords( curPos.y, this.startCoords.y2, newCoords, 'y' );
|
||||
if( curPos.y < this.startCoords.y2 ) direction.y = -1;
|
||||
} else if( resizeHandle.match(/S/) ) {
|
||||
// if we're moving an south handle
|
||||
this.transformCoords( curPos.y, this.startCoords.y1, newCoords, 'y' );
|
||||
if( curPos.y < this.startCoords.y1 ) direction.y = -1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this.setAreaCoords( newCoords, false, e.shiftKey, direction, resizeHandle );
|
||||
this.drawArea();
|
||||
Event.stop( e ); // stop the default event (selecting images & text) in Safari & IE PC
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies the appropriate transform to supplied co-ordinates, on the
|
||||
* defined axis, depending on the relationship of the supplied values
|
||||
*
|
||||
* @access private
|
||||
* @param int Current value of pointer
|
||||
* @param int Base value to compare current pointer val to
|
||||
* @param obj Coordinates to apply transformation on x1, x2, y1, y2
|
||||
* @param string Axis to apply transformation on 'x' || 'y'
|
||||
* @return void
|
||||
*/
|
||||
transformCoords : function( curVal, baseVal, coords, axis ) {
|
||||
var newVals = [ curVal, baseVal ];
|
||||
if( curVal > baseVal ) newVals.reverse();
|
||||
coords[ axis + '1' ] = newVals[0];
|
||||
coords[ axis + '2' ] = newVals[1];
|
||||
},
|
||||
|
||||
/**
|
||||
* Ends the crop & passes the values of the select area on to the appropriate
|
||||
* callback function on completion of a crop
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
endCrop : function() {
|
||||
this.dragging = false;
|
||||
this.resizing = false;
|
||||
|
||||
this.options.onEndCrop(
|
||||
this.areaCoords,
|
||||
{
|
||||
width: this.calcW(),
|
||||
height: this.calcH()
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
/**
|
||||
* Abstract method called on the end of initialization
|
||||
*
|
||||
* @access private
|
||||
* @abstract
|
||||
* @return void
|
||||
*/
|
||||
subInitialize: function() {},
|
||||
|
||||
/**
|
||||
* Abstract method called on the end of drawArea()
|
||||
*
|
||||
* @access private
|
||||
* @abstract
|
||||
* @return void
|
||||
*/
|
||||
subDrawArea: function() {}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Extend the Cropper.Img class to allow for presentation of a preview image of the resulting crop,
|
||||
* the option for displayOnInit is always overridden to true when displaying a preview image
|
||||
*
|
||||
* Usage:
|
||||
* @param obj Image element to attach to
|
||||
* @param obj Optional options:
|
||||
* - see Cropper.Img for base options
|
||||
*
|
||||
* - previewWrap obj
|
||||
* HTML element that will be used as a container for the preview image
|
||||
*/
|
||||
Cropper.ImgWithPreview = Class.create();
|
||||
|
||||
Object.extend( Object.extend( Cropper.ImgWithPreview.prototype, Cropper.Img.prototype ), {
|
||||
|
||||
/**
|
||||
* Implements the abstract method from Cropper.Img to initialize preview image settings.
|
||||
* Will only attach a preview image is the previewWrap element is defined and the minWidth
|
||||
* & minHeight options are set.
|
||||
*
|
||||
* @see Croper.Img.subInitialize
|
||||
*/
|
||||
subInitialize: function() {
|
||||
/**
|
||||
* Whether or not we've attached a preview image
|
||||
* @var boolean
|
||||
*/
|
||||
this.hasPreviewImg = false;
|
||||
if( typeof(this.options.previewWrap) != 'undefined'
|
||||
&& this.options.minWidth > 0
|
||||
&& this.options.minHeight > 0
|
||||
) {
|
||||
/**
|
||||
* The preview image wrapper element
|
||||
* @var obj HTML element
|
||||
*/
|
||||
this.previewWrap = $( this.options.previewWrap );
|
||||
/**
|
||||
* The preview image element
|
||||
* @var obj HTML IMG element
|
||||
*/
|
||||
this.previewImg = this.img.cloneNode( false );
|
||||
// set the ID of the preview image to be unique
|
||||
this.previewImg.id = 'imgCrop_' + this.previewImg.id;
|
||||
|
||||
|
||||
// set the displayOnInit option to true so we display the select area at the same time as the thumbnail
|
||||
this.options.displayOnInit = true;
|
||||
|
||||
this.hasPreviewImg = true;
|
||||
|
||||
this.previewWrap.addClassName( 'imgCrop_previewWrap' );
|
||||
|
||||
this.previewWrap.setStyle(
|
||||
{
|
||||
width: this.options.minWidth + 'px',
|
||||
height: this.options.minHeight + 'px'
|
||||
}
|
||||
);
|
||||
|
||||
this.previewWrap.appendChild( this.previewImg );
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Implements the abstract method from Cropper.Img to draw the preview image
|
||||
*
|
||||
* @see Croper.Img.subDrawArea
|
||||
*/
|
||||
subDrawArea: function() {
|
||||
if( this.hasPreviewImg ) {
|
||||
// get the ratio of the select area to the src image
|
||||
var calcWidth = this.calcW();
|
||||
var calcHeight = this.calcH();
|
||||
// ratios for the dimensions of the preview image
|
||||
var dimRatio = {
|
||||
x: this.imgW / calcWidth,
|
||||
y: this.imgH / calcHeight
|
||||
};
|
||||
//ratios for the positions within the preview
|
||||
var posRatio = {
|
||||
x: calcWidth / this.options.minWidth,
|
||||
y: calcHeight / this.options.minHeight
|
||||
};
|
||||
|
||||
// setting the positions in an obj before apply styles for rendering speed increase
|
||||
var calcPos = {
|
||||
w: Math.ceil( this.options.minWidth * dimRatio.x ) + 'px',
|
||||
h: Math.ceil( this.options.minHeight * dimRatio.y ) + 'px',
|
||||
x: '-' + Math.ceil( this.areaCoords.x1 / posRatio.x ) + 'px',
|
||||
y: '-' + Math.ceil( this.areaCoords.y1 / posRatio.y ) + 'px'
|
||||
}
|
||||
|
||||
var previewStyle = this.previewImg.style;
|
||||
previewStyle.width = calcPos.w;
|
||||
previewStyle.height = calcPos.h;
|
||||
previewStyle.left = calcPos.x;
|
||||
previewStyle.top = calcPos.y;
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
101
cropper/lib/builder.js
Normal file
101
cropper/lib/builder.js
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
//
|
||||
// See scriptaculous.js for full license.
|
||||
|
||||
var Builder = {
|
||||
NODEMAP: {
|
||||
AREA: 'map',
|
||||
CAPTION: 'table',
|
||||
COL: 'table',
|
||||
COLGROUP: 'table',
|
||||
LEGEND: 'fieldset',
|
||||
OPTGROUP: 'select',
|
||||
OPTION: 'select',
|
||||
PARAM: 'object',
|
||||
TBODY: 'table',
|
||||
TD: 'table',
|
||||
TFOOT: 'table',
|
||||
TH: 'table',
|
||||
THEAD: 'table',
|
||||
TR: 'table'
|
||||
},
|
||||
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
|
||||
// due to a Firefox bug
|
||||
node: function(elementName) {
|
||||
elementName = elementName.toUpperCase();
|
||||
|
||||
// try innerHTML approach
|
||||
var parentTag = this.NODEMAP[elementName] || 'div';
|
||||
var parentElement = document.createElement(parentTag);
|
||||
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
||||
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
|
||||
} catch(e) {}
|
||||
var element = parentElement.firstChild || null;
|
||||
|
||||
// see if browser added wrapping tags
|
||||
if(element && (element.tagName != elementName))
|
||||
element = element.getElementsByTagName(elementName)[0];
|
||||
|
||||
// fallback to createElement approach
|
||||
if(!element) element = document.createElement(elementName);
|
||||
|
||||
// abort if nothing could be created
|
||||
if(!element) return;
|
||||
|
||||
// attributes (or text)
|
||||
if(arguments[1])
|
||||
if(this._isStringOrNumber(arguments[1]) ||
|
||||
(arguments[1] instanceof Array)) {
|
||||
this._children(element, arguments[1]);
|
||||
} else {
|
||||
var attrs = this._attributes(arguments[1]);
|
||||
if(attrs.length) {
|
||||
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
||||
parentElement.innerHTML = "<" +elementName + " " +
|
||||
attrs + "></" + elementName + ">";
|
||||
} catch(e) {}
|
||||
element = parentElement.firstChild || null;
|
||||
// workaround firefox 1.0.X bug
|
||||
if(!element) {
|
||||
element = document.createElement(elementName);
|
||||
for(attr in arguments[1])
|
||||
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
|
||||
}
|
||||
if(element.tagName != elementName)
|
||||
element = parentElement.getElementsByTagName(elementName)[0];
|
||||
}
|
||||
}
|
||||
|
||||
// text, or array of children
|
||||
if(arguments[2])
|
||||
this._children(element, arguments[2]);
|
||||
|
||||
return element;
|
||||
},
|
||||
_text: function(text) {
|
||||
return document.createTextNode(text);
|
||||
},
|
||||
_attributes: function(attributes) {
|
||||
var attrs = [];
|
||||
for(attribute in attributes)
|
||||
attrs.push((attribute=='className' ? 'class' : attribute) +
|
||||
'="' + attributes[attribute].toString().escapeHTML() + '"');
|
||||
return attrs.join(" ");
|
||||
},
|
||||
_children: function(element, children) {
|
||||
if(typeof children=='object') { // array can hold nodes and text
|
||||
children.flatten().each( function(e) {
|
||||
if(typeof e=='object')
|
||||
element.appendChild(e)
|
||||
else
|
||||
if(Builder._isStringOrNumber(e))
|
||||
element.appendChild(Builder._text(e));
|
||||
});
|
||||
} else
|
||||
if(Builder._isStringOrNumber(children))
|
||||
element.appendChild(Builder._text(children));
|
||||
},
|
||||
_isStringOrNumber: function(param) {
|
||||
return(typeof param=='string' || typeof param=='number');
|
||||
}
|
||||
}
|
||||
815
cropper/lib/controls.js
vendored
Normal file
815
cropper/lib/controls.js
vendored
Normal file
|
|
@ -0,0 +1,815 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
// (c) 2005 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
|
||||
// (c) 2005 Jon Tirsen (http://www.tirsen.com)
|
||||
// Contributors:
|
||||
// Richard Livsey
|
||||
// Rahul Bhargava
|
||||
// Rob Wills
|
||||
//
|
||||
// See scriptaculous.js for full license.
|
||||
|
||||
// Autocompleter.Base handles all the autocompletion functionality
|
||||
// that's independent of the data source for autocompletion. This
|
||||
// includes drawing the autocompletion menu, observing keyboard
|
||||
// and mouse events, and similar.
|
||||
//
|
||||
// Specific autocompleters need to provide, at the very least,
|
||||
// a getUpdatedChoices function that will be invoked every time
|
||||
// the text inside the monitored textbox changes. This method
|
||||
// should get the text for which to provide autocompletion by
|
||||
// invoking this.getToken(), NOT by directly accessing
|
||||
// this.element.value. This is to allow incremental tokenized
|
||||
// autocompletion. Specific auto-completion logic (AJAX, etc)
|
||||
// belongs in getUpdatedChoices.
|
||||
//
|
||||
// Tokenized incremental autocompletion is enabled automatically
|
||||
// when an autocompleter is instantiated with the 'tokens' option
|
||||
// in the options parameter, e.g.:
|
||||
// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
|
||||
// will incrementally autocomplete with a comma as the token.
|
||||
// Additionally, ',' in the above example can be replaced with
|
||||
// a token array, e.g. { tokens: [',', '\n'] } which
|
||||
// enables autocompletion on multiple tokens. This is most
|
||||
// useful when one of the tokens is \n (a newline), as it
|
||||
// allows smart autocompletion after linebreaks.
|
||||
|
||||
var Autocompleter = {}
|
||||
Autocompleter.Base = function() {};
|
||||
Autocompleter.Base.prototype = {
|
||||
baseInitialize: function(element, update, options) {
|
||||
this.element = $(element);
|
||||
this.update = $(update);
|
||||
this.hasFocus = false;
|
||||
this.changed = false;
|
||||
this.active = false;
|
||||
this.index = 0;
|
||||
this.entryCount = 0;
|
||||
|
||||
if (this.setOptions)
|
||||
this.setOptions(options);
|
||||
else
|
||||
this.options = options || {};
|
||||
|
||||
this.options.paramName = this.options.paramName || this.element.name;
|
||||
this.options.tokens = this.options.tokens || [];
|
||||
this.options.frequency = this.options.frequency || 0.4;
|
||||
this.options.minChars = this.options.minChars || 1;
|
||||
this.options.onShow = this.options.onShow ||
|
||||
function(element, update){
|
||||
if(!update.style.position || update.style.position=='absolute') {
|
||||
update.style.position = 'absolute';
|
||||
Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
|
||||
}
|
||||
Effect.Appear(update,{duration:0.15});
|
||||
};
|
||||
this.options.onHide = this.options.onHide ||
|
||||
function(element, update){ new Effect.Fade(update,{duration:0.15}) };
|
||||
|
||||
if (typeof(this.options.tokens) == 'string')
|
||||
this.options.tokens = new Array(this.options.tokens);
|
||||
|
||||
this.observer = null;
|
||||
|
||||
this.element.setAttribute('autocomplete','off');
|
||||
|
||||
Element.hide(this.update);
|
||||
|
||||
Event.observe(this.element, "blur", this.onBlur.bindAsEventListener(this));
|
||||
Event.observe(this.element, "keypress", this.onKeyPress.bindAsEventListener(this));
|
||||
},
|
||||
|
||||
show: function() {
|
||||
if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
|
||||
if(!this.iefix &&
|
||||
(navigator.appVersion.indexOf('MSIE')>0) &&
|
||||
(navigator.userAgent.indexOf('Opera')<0) &&
|
||||
(Element.getStyle(this.update, 'position')=='absolute')) {
|
||||
new Insertion.After(this.update,
|
||||
'<iframe id="' + this.update.id + '_iefix" '+
|
||||
'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
|
||||
'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
|
||||
this.iefix = $(this.update.id+'_iefix');
|
||||
}
|
||||
if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
|
||||
},
|
||||
|
||||
fixIEOverlapping: function() {
|
||||
Position.clone(this.update, this.iefix);
|
||||
this.iefix.style.zIndex = 1;
|
||||
this.update.style.zIndex = 2;
|
||||
Element.show(this.iefix);
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
this.stopIndicator();
|
||||
if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
|
||||
if(this.iefix) Element.hide(this.iefix);
|
||||
},
|
||||
|
||||
startIndicator: function() {
|
||||
if(this.options.indicator) Element.show(this.options.indicator);
|
||||
},
|
||||
|
||||
stopIndicator: function() {
|
||||
if(this.options.indicator) Element.hide(this.options.indicator);
|
||||
},
|
||||
|
||||
onKeyPress: function(event) {
|
||||
if(this.active)
|
||||
switch(event.keyCode) {
|
||||
case Event.KEY_TAB:
|
||||
case Event.KEY_RETURN:
|
||||
this.selectEntry();
|
||||
Event.stop(event);
|
||||
case Event.KEY_ESC:
|
||||
this.hide();
|
||||
this.active = false;
|
||||
Event.stop(event);
|
||||
return;
|
||||
case Event.KEY_LEFT:
|
||||
case Event.KEY_RIGHT:
|
||||
return;
|
||||
case Event.KEY_UP:
|
||||
this.markPrevious();
|
||||
this.render();
|
||||
if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
|
||||
return;
|
||||
case Event.KEY_DOWN:
|
||||
this.markNext();
|
||||
this.render();
|
||||
if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
|
||||
return;
|
||||
}
|
||||
else
|
||||
if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN ||
|
||||
(navigator.appVersion.indexOf('AppleWebKit') > 0 && event.keyCode == 0)) return;
|
||||
|
||||
this.changed = true;
|
||||
this.hasFocus = true;
|
||||
|
||||
if(this.observer) clearTimeout(this.observer);
|
||||
this.observer =
|
||||
setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
|
||||
},
|
||||
|
||||
activate: function() {
|
||||
this.changed = false;
|
||||
this.hasFocus = true;
|
||||
this.getUpdatedChoices();
|
||||
},
|
||||
|
||||
onHover: function(event) {
|
||||
var element = Event.findElement(event, 'LI');
|
||||
if(this.index != element.autocompleteIndex)
|
||||
{
|
||||
this.index = element.autocompleteIndex;
|
||||
this.render();
|
||||
}
|
||||
Event.stop(event);
|
||||
},
|
||||
|
||||
onClick: function(event) {
|
||||
var element = Event.findElement(event, 'LI');
|
||||
this.index = element.autocompleteIndex;
|
||||
this.selectEntry();
|
||||
this.hide();
|
||||
},
|
||||
|
||||
onBlur: function(event) {
|
||||
// needed to make click events working
|
||||
setTimeout(this.hide.bind(this), 250);
|
||||
this.hasFocus = false;
|
||||
this.active = false;
|
||||
},
|
||||
|
||||
render: function() {
|
||||
if(this.entryCount > 0) {
|
||||
for (var i = 0; i < this.entryCount; i++)
|
||||
this.index==i ?
|
||||
Element.addClassName(this.getEntry(i),"selected") :
|
||||
Element.removeClassName(this.getEntry(i),"selected");
|
||||
|
||||
if(this.hasFocus) {
|
||||
this.show();
|
||||
this.active = true;
|
||||
}
|
||||
} else {
|
||||
this.active = false;
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
|
||||
markPrevious: function() {
|
||||
if(this.index > 0) this.index--
|
||||
else this.index = this.entryCount-1;
|
||||
},
|
||||
|
||||
markNext: function() {
|
||||
if(this.index < this.entryCount-1) this.index++
|
||||
else this.index = 0;
|
||||
},
|
||||
|
||||
getEntry: function(index) {
|
||||
return this.update.firstChild.childNodes[index];
|
||||
},
|
||||
|
||||
getCurrentEntry: function() {
|
||||
return this.getEntry(this.index);
|
||||
},
|
||||
|
||||
selectEntry: function() {
|
||||
this.active = false;
|
||||
this.updateElement(this.getCurrentEntry());
|
||||
},
|
||||
|
||||
updateElement: function(selectedElement) {
|
||||
if (this.options.updateElement) {
|
||||
this.options.updateElement(selectedElement);
|
||||
return;
|
||||
}
|
||||
var value = '';
|
||||
if (this.options.select) {
|
||||
var nodes = document.getElementsByClassName(this.options.select, selectedElement) || [];
|
||||
if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
|
||||
} else
|
||||
value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
|
||||
|
||||
var lastTokenPos = this.findLastToken();
|
||||
if (lastTokenPos != -1) {
|
||||
var newValue = this.element.value.substr(0, lastTokenPos + 1);
|
||||
var whitespace = this.element.value.substr(lastTokenPos + 1).match(/^\s+/);
|
||||
if (whitespace)
|
||||
newValue += whitespace[0];
|
||||
this.element.value = newValue + value;
|
||||
} else {
|
||||
this.element.value = value;
|
||||
}
|
||||
this.element.focus();
|
||||
|
||||
if (this.options.afterUpdateElement)
|
||||
this.options.afterUpdateElement(this.element, selectedElement);
|
||||
},
|
||||
|
||||
updateChoices: function(choices) {
|
||||
if(!this.changed && this.hasFocus) {
|
||||
this.update.innerHTML = choices;
|
||||
Element.cleanWhitespace(this.update);
|
||||
Element.cleanWhitespace(this.update.firstChild);
|
||||
|
||||
if(this.update.firstChild && this.update.firstChild.childNodes) {
|
||||
this.entryCount =
|
||||
this.update.firstChild.childNodes.length;
|
||||
for (var i = 0; i < this.entryCount; i++) {
|
||||
var entry = this.getEntry(i);
|
||||
entry.autocompleteIndex = i;
|
||||
this.addObservers(entry);
|
||||
}
|
||||
} else {
|
||||
this.entryCount = 0;
|
||||
}
|
||||
|
||||
this.stopIndicator();
|
||||
|
||||
this.index = 0;
|
||||
this.render();
|
||||
}
|
||||
},
|
||||
|
||||
addObservers: function(element) {
|
||||
Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
|
||||
Event.observe(element, "click", this.onClick.bindAsEventListener(this));
|
||||
},
|
||||
|
||||
onObserverEvent: function() {
|
||||
this.changed = false;
|
||||
if(this.getToken().length>=this.options.minChars) {
|
||||
this.startIndicator();
|
||||
this.getUpdatedChoices();
|
||||
} else {
|
||||
this.active = false;
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
|
||||
getToken: function() {
|
||||
var tokenPos = this.findLastToken();
|
||||
if (tokenPos != -1)
|
||||
var ret = this.element.value.substr(tokenPos + 1).replace(/^\s+/,'').replace(/\s+$/,'');
|
||||
else
|
||||
var ret = this.element.value;
|
||||
|
||||
return /\n/.test(ret) ? '' : ret;
|
||||
},
|
||||
|
||||
findLastToken: function() {
|
||||
var lastTokenPos = -1;
|
||||
|
||||
for (var i=0; i<this.options.tokens.length; i++) {
|
||||
var thisTokenPos = this.element.value.lastIndexOf(this.options.tokens[i]);
|
||||
if (thisTokenPos > lastTokenPos)
|
||||
lastTokenPos = thisTokenPos;
|
||||
}
|
||||
return lastTokenPos;
|
||||
}
|
||||
}
|
||||
|
||||
Ajax.Autocompleter = Class.create();
|
||||
Object.extend(Object.extend(Ajax.Autocompleter.prototype, Autocompleter.Base.prototype), {
|
||||
initialize: function(element, update, url, options) {
|
||||
this.baseInitialize(element, update, options);
|
||||
this.options.asynchronous = true;
|
||||
this.options.onComplete = this.onComplete.bind(this);
|
||||
this.options.defaultParams = this.options.parameters || null;
|
||||
this.url = url;
|
||||
},
|
||||
|
||||
getUpdatedChoices: function() {
|
||||
entry = encodeURIComponent(this.options.paramName) + '=' +
|
||||
encodeURIComponent(this.getToken());
|
||||
|
||||
this.options.parameters = this.options.callback ?
|
||||
this.options.callback(this.element, entry) : entry;
|
||||
|
||||
if(this.options.defaultParams)
|
||||
this.options.parameters += '&' + this.options.defaultParams;
|
||||
|
||||
new Ajax.Request(this.url, this.options);
|
||||
},
|
||||
|
||||
onComplete: function(request) {
|
||||
this.updateChoices(request.responseText);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// The local array autocompleter. Used when you'd prefer to
|
||||
// inject an array of autocompletion options into the page, rather
|
||||
// than sending out Ajax queries, which can be quite slow sometimes.
|
||||
//
|
||||
// The constructor takes four parameters. The first two are, as usual,
|
||||
// the id of the monitored textbox, and id of the autocompletion menu.
|
||||
// The third is the array you want to autocomplete from, and the fourth
|
||||
// is the options block.
|
||||
//
|
||||
// Extra local autocompletion options:
|
||||
// - choices - How many autocompletion choices to offer
|
||||
//
|
||||
// - partialSearch - If false, the autocompleter will match entered
|
||||
// text only at the beginning of strings in the
|
||||
// autocomplete array. Defaults to true, which will
|
||||
// match text at the beginning of any *word* in the
|
||||
// strings in the autocomplete array. If you want to
|
||||
// search anywhere in the string, additionally set
|
||||
// the option fullSearch to true (default: off).
|
||||
//
|
||||
// - fullSsearch - Search anywhere in autocomplete array strings.
|
||||
//
|
||||
// - partialChars - How many characters to enter before triggering
|
||||
// a partial match (unlike minChars, which defines
|
||||
// how many characters are required to do any match
|
||||
// at all). Defaults to 2.
|
||||
//
|
||||
// - ignoreCase - Whether to ignore case when autocompleting.
|
||||
// Defaults to true.
|
||||
//
|
||||
// It's possible to pass in a custom function as the 'selector'
|
||||
// option, if you prefer to write your own autocompletion logic.
|
||||
// In that case, the other options above will not apply unless
|
||||
// you support them.
|
||||
|
||||
Autocompleter.Local = Class.create();
|
||||
Autocompleter.Local.prototype = Object.extend(new Autocompleter.Base(), {
|
||||
initialize: function(element, update, array, options) {
|
||||
this.baseInitialize(element, update, options);
|
||||
this.options.array = array;
|
||||
},
|
||||
|
||||
getUpdatedChoices: function() {
|
||||
this.updateChoices(this.options.selector(this));
|
||||
},
|
||||
|
||||
setOptions: function(options) {
|
||||
this.options = Object.extend({
|
||||
choices: 10,
|
||||
partialSearch: true,
|
||||
partialChars: 2,
|
||||
ignoreCase: true,
|
||||
fullSearch: false,
|
||||
selector: function(instance) {
|
||||
var ret = []; // Beginning matches
|
||||
var partial = []; // Inside matches
|
||||
var entry = instance.getToken();
|
||||
var count = 0;
|
||||
|
||||
for (var i = 0; i < instance.options.array.length &&
|
||||
ret.length < instance.options.choices ; i++) {
|
||||
|
||||
var elem = instance.options.array[i];
|
||||
var foundPos = instance.options.ignoreCase ?
|
||||
elem.toLowerCase().indexOf(entry.toLowerCase()) :
|
||||
elem.indexOf(entry);
|
||||
|
||||
while (foundPos != -1) {
|
||||
if (foundPos == 0 && elem.length != entry.length) {
|
||||
ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" +
|
||||
elem.substr(entry.length) + "</li>");
|
||||
break;
|
||||
} else if (entry.length >= instance.options.partialChars &&
|
||||
instance.options.partialSearch && foundPos != -1) {
|
||||
if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
|
||||
partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
|
||||
elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
|
||||
foundPos + entry.length) + "</li>");
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
foundPos = instance.options.ignoreCase ?
|
||||
elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
|
||||
elem.indexOf(entry, foundPos + 1);
|
||||
|
||||
}
|
||||
}
|
||||
if (partial.length)
|
||||
ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
|
||||
return "<ul>" + ret.join('') + "</ul>";
|
||||
}
|
||||
}, options || {});
|
||||
}
|
||||
});
|
||||
|
||||
// AJAX in-place editor
|
||||
//
|
||||
// see documentation on http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor
|
||||
|
||||
// Use this if you notice weird scrolling problems on some browsers,
|
||||
// the DOM might be a bit confused when this gets called so do this
|
||||
// waits 1 ms (with setTimeout) until it does the activation
|
||||
Field.scrollFreeActivate = function(field) {
|
||||
setTimeout(function() {
|
||||
Field.activate(field);
|
||||
}, 1);
|
||||
}
|
||||
|
||||
Ajax.InPlaceEditor = Class.create();
|
||||
Ajax.InPlaceEditor.defaultHighlightColor = "#FFFF99";
|
||||
Ajax.InPlaceEditor.prototype = {
|
||||
initialize: function(element, url, options) {
|
||||
this.url = url;
|
||||
this.element = $(element);
|
||||
|
||||
this.options = Object.extend({
|
||||
okButton: true,
|
||||
okText: "ok",
|
||||
cancelLink: true,
|
||||
cancelText: "cancel",
|
||||
savingText: "Saving...",
|
||||
clickToEditText: "Click to edit",
|
||||
okText: "ok",
|
||||
rows: 1,
|
||||
onComplete: function(transport, element) {
|
||||
new Effect.Highlight(element, {startcolor: this.options.highlightcolor});
|
||||
},
|
||||
onFailure: function(transport) {
|
||||
alert("Error communicating with the server: " + transport.responseText.stripTags());
|
||||
},
|
||||
callback: function(form) {
|
||||
return Form.serialize(form);
|
||||
},
|
||||
handleLineBreaks: true,
|
||||
loadingText: 'Loading...',
|
||||
savingClassName: 'inplaceeditor-saving',
|
||||
loadingClassName: 'inplaceeditor-loading',
|
||||
formClassName: 'inplaceeditor-form',
|
||||
highlightcolor: Ajax.InPlaceEditor.defaultHighlightColor,
|
||||
highlightendcolor: "#FFFFFF",
|
||||
externalControl: null,
|
||||
submitOnBlur: false,
|
||||
ajaxOptions: {},
|
||||
evalScripts: false
|
||||
}, options || {});
|
||||
|
||||
if(!this.options.formId && this.element.id) {
|
||||
this.options.formId = this.element.id + "-inplaceeditor";
|
||||
if ($(this.options.formId)) {
|
||||
// there's already a form with that name, don't specify an id
|
||||
this.options.formId = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.options.externalControl) {
|
||||
this.options.externalControl = $(this.options.externalControl);
|
||||
}
|
||||
|
||||
this.originalBackground = Element.getStyle(this.element, 'background-color');
|
||||
if (!this.originalBackground) {
|
||||
this.originalBackground = "transparent";
|
||||
}
|
||||
|
||||
this.element.title = this.options.clickToEditText;
|
||||
|
||||
this.onclickListener = this.enterEditMode.bindAsEventListener(this);
|
||||
this.mouseoverListener = this.enterHover.bindAsEventListener(this);
|
||||
this.mouseoutListener = this.leaveHover.bindAsEventListener(this);
|
||||
Event.observe(this.element, 'click', this.onclickListener);
|
||||
Event.observe(this.element, 'mouseover', this.mouseoverListener);
|
||||
Event.observe(this.element, 'mouseout', this.mouseoutListener);
|
||||
if (this.options.externalControl) {
|
||||
Event.observe(this.options.externalControl, 'click', this.onclickListener);
|
||||
Event.observe(this.options.externalControl, 'mouseover', this.mouseoverListener);
|
||||
Event.observe(this.options.externalControl, 'mouseout', this.mouseoutListener);
|
||||
}
|
||||
},
|
||||
enterEditMode: function(evt) {
|
||||
if (this.saving) return;
|
||||
if (this.editing) return;
|
||||
this.editing = true;
|
||||
this.onEnterEditMode();
|
||||
if (this.options.externalControl) {
|
||||
Element.hide(this.options.externalControl);
|
||||
}
|
||||
Element.hide(this.element);
|
||||
this.createForm();
|
||||
this.element.parentNode.insertBefore(this.form, this.element);
|
||||
Field.scrollFreeActivate(this.editField);
|
||||
// stop the event to avoid a page refresh in Safari
|
||||
if (evt) {
|
||||
Event.stop(evt);
|
||||
}
|
||||
return false;
|
||||
},
|
||||
createForm: function() {
|
||||
this.form = document.createElement("form");
|
||||
this.form.id = this.options.formId;
|
||||
Element.addClassName(this.form, this.options.formClassName)
|
||||
this.form.onsubmit = this.onSubmit.bind(this);
|
||||
|
||||
this.createEditField();
|
||||
|
||||
if (this.options.textarea) {
|
||||
var br = document.createElement("br");
|
||||
this.form.appendChild(br);
|
||||
}
|
||||
|
||||
if (this.options.okButton) {
|
||||
okButton = document.createElement("input");
|
||||
okButton.type = "submit";
|
||||
okButton.value = this.options.okText;
|
||||
okButton.className = 'editor_ok_button';
|
||||
this.form.appendChild(okButton);
|
||||
}
|
||||
|
||||
if (this.options.cancelLink) {
|
||||
cancelLink = document.createElement("a");
|
||||
cancelLink.href = "#";
|
||||
cancelLink.appendChild(document.createTextNode(this.options.cancelText));
|
||||
cancelLink.onclick = this.onclickCancel.bind(this);
|
||||
cancelLink.className = 'editor_cancel';
|
||||
this.form.appendChild(cancelLink);
|
||||
}
|
||||
},
|
||||
hasHTMLLineBreaks: function(string) {
|
||||
if (!this.options.handleLineBreaks) return false;
|
||||
return string.match(/<br/i) || string.match(/<p>/i);
|
||||
},
|
||||
convertHTMLLineBreaks: function(string) {
|
||||
return string.replace(/<br>/gi, "\n").replace(/<br\/>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<p>/gi, "");
|
||||
},
|
||||
createEditField: function() {
|
||||
var text;
|
||||
if(this.options.loadTextURL) {
|
||||
text = this.options.loadingText;
|
||||
} else {
|
||||
text = this.getText();
|
||||
}
|
||||
|
||||
var obj = this;
|
||||
|
||||
if (this.options.rows == 1 && !this.hasHTMLLineBreaks(text)) {
|
||||
this.options.textarea = false;
|
||||
var textField = document.createElement("input");
|
||||
textField.obj = this;
|
||||
textField.type = "text";
|
||||
textField.name = "value";
|
||||
textField.value = text;
|
||||
textField.style.backgroundColor = this.options.highlightcolor;
|
||||
textField.className = 'editor_field';
|
||||
var size = this.options.size || this.options.cols || 0;
|
||||
if (size != 0) textField.size = size;
|
||||
if (this.options.submitOnBlur)
|
||||
textField.onblur = this.onSubmit.bind(this);
|
||||
this.editField = textField;
|
||||
} else {
|
||||
this.options.textarea = true;
|
||||
var textArea = document.createElement("textarea");
|
||||
textArea.obj = this;
|
||||
textArea.name = "value";
|
||||
textArea.value = this.convertHTMLLineBreaks(text);
|
||||
textArea.rows = this.options.rows;
|
||||
textArea.cols = this.options.cols || 40;
|
||||
textArea.className = 'editor_field';
|
||||
if (this.options.submitOnBlur)
|
||||
textArea.onblur = this.onSubmit.bind(this);
|
||||
this.editField = textArea;
|
||||
}
|
||||
|
||||
if(this.options.loadTextURL) {
|
||||
this.loadExternalText();
|
||||
}
|
||||
this.form.appendChild(this.editField);
|
||||
},
|
||||
getText: function() {
|
||||
return this.element.innerHTML;
|
||||
},
|
||||
loadExternalText: function() {
|
||||
Element.addClassName(this.form, this.options.loadingClassName);
|
||||
this.editField.disabled = true;
|
||||
new Ajax.Request(
|
||||
this.options.loadTextURL,
|
||||
Object.extend({
|
||||
asynchronous: true,
|
||||
onComplete: this.onLoadedExternalText.bind(this)
|
||||
}, this.options.ajaxOptions)
|
||||
);
|
||||
},
|
||||
onLoadedExternalText: function(transport) {
|
||||
Element.removeClassName(this.form, this.options.loadingClassName);
|
||||
this.editField.disabled = false;
|
||||
this.editField.value = transport.responseText.stripTags();
|
||||
},
|
||||
onclickCancel: function() {
|
||||
this.onComplete();
|
||||
this.leaveEditMode();
|
||||
return false;
|
||||
},
|
||||
onFailure: function(transport) {
|
||||
this.options.onFailure(transport);
|
||||
if (this.oldInnerHTML) {
|
||||
this.element.innerHTML = this.oldInnerHTML;
|
||||
this.oldInnerHTML = null;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
onSubmit: function() {
|
||||
// onLoading resets these so we need to save them away for the Ajax call
|
||||
var form = this.form;
|
||||
var value = this.editField.value;
|
||||
|
||||
// do this first, sometimes the ajax call returns before we get a chance to switch on Saving...
|
||||
// which means this will actually switch on Saving... *after* we've left edit mode causing Saving...
|
||||
// to be displayed indefinitely
|
||||
this.onLoading();
|
||||
|
||||
if (this.options.evalScripts) {
|
||||
new Ajax.Request(
|
||||
this.url, Object.extend({
|
||||
parameters: this.options.callback(form, value),
|
||||
onComplete: this.onComplete.bind(this),
|
||||
onFailure: this.onFailure.bind(this),
|
||||
asynchronous:true,
|
||||
evalScripts:true
|
||||
}, this.options.ajaxOptions));
|
||||
} else {
|
||||
new Ajax.Updater(
|
||||
{ success: this.element,
|
||||
// don't update on failure (this could be an option)
|
||||
failure: null },
|
||||
this.url, Object.extend({
|
||||
parameters: this.options.callback(form, value),
|
||||
onComplete: this.onComplete.bind(this),
|
||||
onFailure: this.onFailure.bind(this)
|
||||
}, this.options.ajaxOptions));
|
||||
}
|
||||
// stop the event to avoid a page refresh in Safari
|
||||
if (arguments.length > 1) {
|
||||
Event.stop(arguments[0]);
|
||||
}
|
||||
return false;
|
||||
},
|
||||
onLoading: function() {
|
||||
this.saving = true;
|
||||
this.removeForm();
|
||||
this.leaveHover();
|
||||
this.showSaving();
|
||||
},
|
||||
showSaving: function() {
|
||||
this.oldInnerHTML = this.element.innerHTML;
|
||||
this.element.innerHTML = this.options.savingText;
|
||||
Element.addClassName(this.element, this.options.savingClassName);
|
||||
this.element.style.backgroundColor = this.originalBackground;
|
||||
Element.show(this.element);
|
||||
},
|
||||
removeForm: function() {
|
||||
if(this.form) {
|
||||
if (this.form.parentNode) Element.remove(this.form);
|
||||
this.form = null;
|
||||
}
|
||||
},
|
||||
enterHover: function() {
|
||||
if (this.saving) return;
|
||||
this.element.style.backgroundColor = this.options.highlightcolor;
|
||||
if (this.effect) {
|
||||
this.effect.cancel();
|
||||
}
|
||||
Element.addClassName(this.element, this.options.hoverClassName)
|
||||
},
|
||||
leaveHover: function() {
|
||||
if (this.options.backgroundColor) {
|
||||
this.element.style.backgroundColor = this.oldBackground;
|
||||
}
|
||||
Element.removeClassName(this.element, this.options.hoverClassName)
|
||||
if (this.saving) return;
|
||||
this.effect = new Effect.Highlight(this.element, {
|
||||
startcolor: this.options.highlightcolor,
|
||||
endcolor: this.options.highlightendcolor,
|
||||
restorecolor: this.originalBackground
|
||||
});
|
||||
},
|
||||
leaveEditMode: function() {
|
||||
Element.removeClassName(this.element, this.options.savingClassName);
|
||||
this.removeForm();
|
||||
this.leaveHover();
|
||||
this.element.style.backgroundColor = this.originalBackground;
|
||||
Element.show(this.element);
|
||||
if (this.options.externalControl) {
|
||||
Element.show(this.options.externalControl);
|
||||
}
|
||||
this.editing = false;
|
||||
this.saving = false;
|
||||
this.oldInnerHTML = null;
|
||||
this.onLeaveEditMode();
|
||||
},
|
||||
onComplete: function(transport) {
|
||||
this.leaveEditMode();
|
||||
this.options.onComplete.bind(this)(transport, this.element);
|
||||
},
|
||||
onEnterEditMode: function() {},
|
||||
onLeaveEditMode: function() {},
|
||||
dispose: function() {
|
||||
if (this.oldInnerHTML) {
|
||||
this.element.innerHTML = this.oldInnerHTML;
|
||||
}
|
||||
this.leaveEditMode();
|
||||
Event.stopObserving(this.element, 'click', this.onclickListener);
|
||||
Event.stopObserving(this.element, 'mouseover', this.mouseoverListener);
|
||||
Event.stopObserving(this.element, 'mouseout', this.mouseoutListener);
|
||||
if (this.options.externalControl) {
|
||||
Event.stopObserving(this.options.externalControl, 'click', this.onclickListener);
|
||||
Event.stopObserving(this.options.externalControl, 'mouseover', this.mouseoverListener);
|
||||
Event.stopObserving(this.options.externalControl, 'mouseout', this.mouseoutListener);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Ajax.InPlaceCollectionEditor = Class.create();
|
||||
Object.extend(Ajax.InPlaceCollectionEditor.prototype, Ajax.InPlaceEditor.prototype);
|
||||
Object.extend(Ajax.InPlaceCollectionEditor.prototype, {
|
||||
createEditField: function() {
|
||||
if (!this.cached_selectTag) {
|
||||
var selectTag = document.createElement("select");
|
||||
var collection = this.options.collection || [];
|
||||
var optionTag;
|
||||
collection.each(function(e,i) {
|
||||
optionTag = document.createElement("option");
|
||||
optionTag.value = (e instanceof Array) ? e[0] : e;
|
||||
if(this.options.value==optionTag.value) optionTag.selected = true;
|
||||
optionTag.appendChild(document.createTextNode((e instanceof Array) ? e[1] : e));
|
||||
selectTag.appendChild(optionTag);
|
||||
}.bind(this));
|
||||
this.cached_selectTag = selectTag;
|
||||
}
|
||||
|
||||
this.editField = this.cached_selectTag;
|
||||
if(this.options.loadTextURL) this.loadExternalText();
|
||||
this.form.appendChild(this.editField);
|
||||
this.options.callback = function(form, value) {
|
||||
return "value=" + encodeURIComponent(value);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Delayed observer, like Form.Element.Observer,
|
||||
// but waits for delay after last key input
|
||||
// Ideal for live-search fields
|
||||
|
||||
Form.Element.DelayedObserver = Class.create();
|
||||
Form.Element.DelayedObserver.prototype = {
|
||||
initialize: function(element, delay, callback) {
|
||||
this.delay = delay || 0.5;
|
||||
this.element = $(element);
|
||||
this.callback = callback;
|
||||
this.timer = null;
|
||||
this.lastValue = $F(this.element);
|
||||
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
|
||||
},
|
||||
delayedListener: function(event) {
|
||||
if(this.lastValue == $F(this.element)) return;
|
||||
if(this.timer) clearTimeout(this.timer);
|
||||
this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
|
||||
this.lastValue = $F(this.element);
|
||||
},
|
||||
onTimerEvent: function() {
|
||||
this.timer = null;
|
||||
this.callback(this.element, $F(this.element));
|
||||
}
|
||||
};
|
||||
915
cropper/lib/dragdrop.js
vendored
Normal file
915
cropper/lib/dragdrop.js
vendored
Normal file
|
|
@ -0,0 +1,915 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
// (c) 2005 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz)
|
||||
//
|
||||
// See scriptaculous.js for full license.
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var Droppables = {
|
||||
drops: [],
|
||||
|
||||
remove: function(element) {
|
||||
this.drops = this.drops.reject(function(d) { return d.element==$(element) });
|
||||
},
|
||||
|
||||
add: function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend({
|
||||
greedy: true,
|
||||
hoverclass: null,
|
||||
tree: false
|
||||
}, arguments[1] || {});
|
||||
|
||||
// cache containers
|
||||
if(options.containment) {
|
||||
options._containers = [];
|
||||
var containment = options.containment;
|
||||
if((typeof containment == 'object') &&
|
||||
(containment.constructor == Array)) {
|
||||
containment.each( function(c) { options._containers.push($(c)) });
|
||||
} else {
|
||||
options._containers.push($(containment));
|
||||
}
|
||||
}
|
||||
|
||||
if(options.accept) options.accept = [options.accept].flatten();
|
||||
|
||||
Element.makePositioned(element); // fix IE
|
||||
options.element = element;
|
||||
|
||||
this.drops.push(options);
|
||||
},
|
||||
|
||||
findDeepestChild: function(drops) {
|
||||
deepest = drops[0];
|
||||
|
||||
for (i = 1; i < drops.length; ++i)
|
||||
if (Element.isParent(drops[i].element, deepest.element))
|
||||
deepest = drops[i];
|
||||
|
||||
return deepest;
|
||||
},
|
||||
|
||||
isContained: function(element, drop) {
|
||||
var containmentNode;
|
||||
if(drop.tree) {
|
||||
containmentNode = element.treeNode;
|
||||
} else {
|
||||
containmentNode = element.parentNode;
|
||||
}
|
||||
return drop._containers.detect(function(c) { return containmentNode == c });
|
||||
},
|
||||
|
||||
isAffected: function(point, element, drop) {
|
||||
return (
|
||||
(drop.element!=element) &&
|
||||
((!drop._containers) ||
|
||||
this.isContained(element, drop)) &&
|
||||
((!drop.accept) ||
|
||||
(Element.classNames(element).detect(
|
||||
function(v) { return drop.accept.include(v) } ) )) &&
|
||||
Position.within(drop.element, point[0], point[1]) );
|
||||
},
|
||||
|
||||
deactivate: function(drop) {
|
||||
if(drop.hoverclass)
|
||||
Element.removeClassName(drop.element, drop.hoverclass);
|
||||
this.last_active = null;
|
||||
},
|
||||
|
||||
activate: function(drop) {
|
||||
if(drop.hoverclass)
|
||||
Element.addClassName(drop.element, drop.hoverclass);
|
||||
this.last_active = drop;
|
||||
},
|
||||
|
||||
show: function(point, element) {
|
||||
if(!this.drops.length) return;
|
||||
var affected = [];
|
||||
|
||||
if(this.last_active) this.deactivate(this.last_active);
|
||||
this.drops.each( function(drop) {
|
||||
if(Droppables.isAffected(point, element, drop))
|
||||
affected.push(drop);
|
||||
});
|
||||
|
||||
if(affected.length>0) {
|
||||
drop = Droppables.findDeepestChild(affected);
|
||||
Position.within(drop.element, point[0], point[1]);
|
||||
if(drop.onHover)
|
||||
drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));
|
||||
|
||||
Droppables.activate(drop);
|
||||
}
|
||||
},
|
||||
|
||||
fire: function(event, element) {
|
||||
if(!this.last_active) return;
|
||||
Position.prepare();
|
||||
|
||||
if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
|
||||
if (this.last_active.onDrop)
|
||||
this.last_active.onDrop(element, this.last_active.element, event);
|
||||
},
|
||||
|
||||
reset: function() {
|
||||
if(this.last_active)
|
||||
this.deactivate(this.last_active);
|
||||
}
|
||||
}
|
||||
|
||||
var Draggables = {
|
||||
drags: [],
|
||||
observers: [],
|
||||
|
||||
register: function(draggable) {
|
||||
if(this.drags.length == 0) {
|
||||
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
||||
this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
|
||||
this.eventKeypress = this.keyPress.bindAsEventListener(this);
|
||||
|
||||
Event.observe(document, "mouseup", this.eventMouseUp);
|
||||
Event.observe(document, "mousemove", this.eventMouseMove);
|
||||
Event.observe(document, "keypress", this.eventKeypress);
|
||||
}
|
||||
this.drags.push(draggable);
|
||||
},
|
||||
|
||||
unregister: function(draggable) {
|
||||
this.drags = this.drags.reject(function(d) { return d==draggable });
|
||||
if(this.drags.length == 0) {
|
||||
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
||||
Event.stopObserving(document, "mousemove", this.eventMouseMove);
|
||||
Event.stopObserving(document, "keypress", this.eventKeypress);
|
||||
}
|
||||
},
|
||||
|
||||
activate: function(draggable) {
|
||||
window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
|
||||
this.activeDraggable = draggable;
|
||||
},
|
||||
|
||||
deactivate: function() {
|
||||
this.activeDraggable = null;
|
||||
},
|
||||
|
||||
updateDrag: function(event) {
|
||||
if(!this.activeDraggable) return;
|
||||
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||
// Mozilla-based browsers fire successive mousemove events with
|
||||
// the same coordinates, prevent needless redrawing (moz bug?)
|
||||
if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
|
||||
this._lastPointer = pointer;
|
||||
this.activeDraggable.updateDrag(event, pointer);
|
||||
},
|
||||
|
||||
endDrag: function(event) {
|
||||
if(!this.activeDraggable) return;
|
||||
this._lastPointer = null;
|
||||
this.activeDraggable.endDrag(event);
|
||||
this.activeDraggable = null;
|
||||
},
|
||||
|
||||
keyPress: function(event) {
|
||||
if(this.activeDraggable)
|
||||
this.activeDraggable.keyPress(event);
|
||||
},
|
||||
|
||||
addObserver: function(observer) {
|
||||
this.observers.push(observer);
|
||||
this._cacheObserverCallbacks();
|
||||
},
|
||||
|
||||
removeObserver: function(element) { // element instead of observer fixes mem leaks
|
||||
this.observers = this.observers.reject( function(o) { return o.element==element });
|
||||
this._cacheObserverCallbacks();
|
||||
},
|
||||
|
||||
notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag'
|
||||
if(this[eventName+'Count'] > 0)
|
||||
this.observers.each( function(o) {
|
||||
if(o[eventName]) o[eventName](eventName, draggable, event);
|
||||
});
|
||||
},
|
||||
|
||||
_cacheObserverCallbacks: function() {
|
||||
['onStart','onEnd','onDrag'].each( function(eventName) {
|
||||
Draggables[eventName+'Count'] = Draggables.observers.select(
|
||||
function(o) { return o[eventName]; }
|
||||
).length;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var Draggable = Class.create();
|
||||
Draggable.prototype = {
|
||||
initialize: function(element) {
|
||||
var options = Object.extend({
|
||||
handle: false,
|
||||
starteffect: function(element) {
|
||||
element._opacity = Element.getOpacity(element);
|
||||
new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
|
||||
},
|
||||
reverteffect: function(element, top_offset, left_offset) {
|
||||
var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
|
||||
element._revert = new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur});
|
||||
},
|
||||
endeffect: function(element) {
|
||||
var toOpacity = typeof element._opacity == 'number' ? element._opacity : 1.0
|
||||
new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity});
|
||||
},
|
||||
zindex: 1000,
|
||||
revert: false,
|
||||
scroll: false,
|
||||
scrollSensitivity: 20,
|
||||
scrollSpeed: 15,
|
||||
snap: false // false, or xy or [x,y] or function(x,y){ return [x,y] }
|
||||
}, arguments[1] || {});
|
||||
|
||||
this.element = $(element);
|
||||
|
||||
if(options.handle && (typeof options.handle == 'string')) {
|
||||
var h = Element.childrenWithClassName(this.element, options.handle, true);
|
||||
if(h.length>0) this.handle = h[0];
|
||||
}
|
||||
if(!this.handle) this.handle = $(options.handle);
|
||||
if(!this.handle) this.handle = this.element;
|
||||
|
||||
if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML)
|
||||
options.scroll = $(options.scroll);
|
||||
|
||||
Element.makePositioned(this.element); // fix IE
|
||||
|
||||
this.delta = this.currentDelta();
|
||||
this.options = options;
|
||||
this.dragging = false;
|
||||
|
||||
this.eventMouseDown = this.initDrag.bindAsEventListener(this);
|
||||
Event.observe(this.handle, "mousedown", this.eventMouseDown);
|
||||
|
||||
Draggables.register(this);
|
||||
},
|
||||
|
||||
destroy: function() {
|
||||
Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
|
||||
Draggables.unregister(this);
|
||||
},
|
||||
|
||||
currentDelta: function() {
|
||||
return([
|
||||
parseInt(Element.getStyle(this.element,'left') || '0'),
|
||||
parseInt(Element.getStyle(this.element,'top') || '0')]);
|
||||
},
|
||||
|
||||
initDrag: function(event) {
|
||||
if(Event.isLeftClick(event)) {
|
||||
// abort on form elements, fixes a Firefox issue
|
||||
var src = Event.element(event);
|
||||
if(src.tagName && (
|
||||
src.tagName=='INPUT' ||
|
||||
src.tagName=='SELECT' ||
|
||||
src.tagName=='OPTION' ||
|
||||
src.tagName=='BUTTON' ||
|
||||
src.tagName=='TEXTAREA')) return;
|
||||
|
||||
if(this.element._revert) {
|
||||
this.element._revert.cancel();
|
||||
this.element._revert = null;
|
||||
}
|
||||
|
||||
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||
var pos = Position.cumulativeOffset(this.element);
|
||||
this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });
|
||||
|
||||
Draggables.activate(this);
|
||||
Event.stop(event);
|
||||
}
|
||||
},
|
||||
|
||||
startDrag: function(event) {
|
||||
this.dragging = true;
|
||||
|
||||
if(this.options.zindex) {
|
||||
this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
|
||||
this.element.style.zIndex = this.options.zindex;
|
||||
}
|
||||
|
||||
if(this.options.ghosting) {
|
||||
this._clone = this.element.cloneNode(true);
|
||||
Position.absolutize(this.element);
|
||||
this.element.parentNode.insertBefore(this._clone, this.element);
|
||||
}
|
||||
|
||||
if(this.options.scroll) {
|
||||
if (this.options.scroll == window) {
|
||||
var where = this._getWindowScroll(this.options.scroll);
|
||||
this.originalScrollLeft = where.left;
|
||||
this.originalScrollTop = where.top;
|
||||
} else {
|
||||
this.originalScrollLeft = this.options.scroll.scrollLeft;
|
||||
this.originalScrollTop = this.options.scroll.scrollTop;
|
||||
}
|
||||
}
|
||||
|
||||
Draggables.notify('onStart', this, event);
|
||||
if(this.options.starteffect) this.options.starteffect(this.element);
|
||||
},
|
||||
|
||||
updateDrag: function(event, pointer) {
|
||||
if(!this.dragging) this.startDrag(event);
|
||||
Position.prepare();
|
||||
Droppables.show(pointer, this.element);
|
||||
Draggables.notify('onDrag', this, event);
|
||||
this.draw(pointer);
|
||||
if(this.options.change) this.options.change(this);
|
||||
|
||||
if(this.options.scroll) {
|
||||
this.stopScrolling();
|
||||
|
||||
var p;
|
||||
if (this.options.scroll == window) {
|
||||
with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
|
||||
} else {
|
||||
p = Position.page(this.options.scroll);
|
||||
p[0] += this.options.scroll.scrollLeft;
|
||||
p[1] += this.options.scroll.scrollTop;
|
||||
p.push(p[0]+this.options.scroll.offsetWidth);
|
||||
p.push(p[1]+this.options.scroll.offsetHeight);
|
||||
}
|
||||
var speed = [0,0];
|
||||
if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
|
||||
if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
|
||||
if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
|
||||
if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
|
||||
this.startScrolling(speed);
|
||||
}
|
||||
|
||||
// fix AppleWebKit rendering
|
||||
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||
|
||||
Event.stop(event);
|
||||
},
|
||||
|
||||
finishDrag: function(event, success) {
|
||||
this.dragging = false;
|
||||
|
||||
if(this.options.ghosting) {
|
||||
Position.relativize(this.element);
|
||||
Element.remove(this._clone);
|
||||
this._clone = null;
|
||||
}
|
||||
|
||||
if(success) Droppables.fire(event, this.element);
|
||||
Draggables.notify('onEnd', this, event);
|
||||
|
||||
var revert = this.options.revert;
|
||||
if(revert && typeof revert == 'function') revert = revert(this.element);
|
||||
|
||||
var d = this.currentDelta();
|
||||
if(revert && this.options.reverteffect) {
|
||||
this.options.reverteffect(this.element,
|
||||
d[1]-this.delta[1], d[0]-this.delta[0]);
|
||||
} else {
|
||||
this.delta = d;
|
||||
}
|
||||
|
||||
if(this.options.zindex)
|
||||
this.element.style.zIndex = this.originalZ;
|
||||
|
||||
if(this.options.endeffect)
|
||||
this.options.endeffect(this.element);
|
||||
|
||||
Draggables.deactivate(this);
|
||||
Droppables.reset();
|
||||
},
|
||||
|
||||
keyPress: function(event) {
|
||||
if(event.keyCode!=Event.KEY_ESC) return;
|
||||
this.finishDrag(event, false);
|
||||
Event.stop(event);
|
||||
},
|
||||
|
||||
endDrag: function(event) {
|
||||
if(!this.dragging) return;
|
||||
this.stopScrolling();
|
||||
this.finishDrag(event, true);
|
||||
Event.stop(event);
|
||||
},
|
||||
|
||||
draw: function(point) {
|
||||
var pos = Position.cumulativeOffset(this.element);
|
||||
var d = this.currentDelta();
|
||||
pos[0] -= d[0]; pos[1] -= d[1];
|
||||
|
||||
if(this.options.scroll && (this.options.scroll != window)) {
|
||||
pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
|
||||
pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
|
||||
}
|
||||
|
||||
var p = [0,1].map(function(i){
|
||||
return (point[i]-pos[i]-this.offset[i])
|
||||
}.bind(this));
|
||||
|
||||
if(this.options.snap) {
|
||||
if(typeof this.options.snap == 'function') {
|
||||
p = this.options.snap(p[0],p[1],this);
|
||||
} else {
|
||||
if(this.options.snap instanceof Array) {
|
||||
p = p.map( function(v, i) {
|
||||
return Math.round(v/this.options.snap[i])*this.options.snap[i] }.bind(this))
|
||||
} else {
|
||||
p = p.map( function(v) {
|
||||
return Math.round(v/this.options.snap)*this.options.snap }.bind(this))
|
||||
}
|
||||
}}
|
||||
|
||||
var style = this.element.style;
|
||||
if((!this.options.constraint) || (this.options.constraint=='horizontal'))
|
||||
style.left = p[0] + "px";
|
||||
if((!this.options.constraint) || (this.options.constraint=='vertical'))
|
||||
style.top = p[1] + "px";
|
||||
if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
|
||||
},
|
||||
|
||||
stopScrolling: function() {
|
||||
if(this.scrollInterval) {
|
||||
clearInterval(this.scrollInterval);
|
||||
this.scrollInterval = null;
|
||||
Draggables._lastScrollPointer = null;
|
||||
}
|
||||
},
|
||||
|
||||
startScrolling: function(speed) {
|
||||
this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
|
||||
this.lastScrolled = new Date();
|
||||
this.scrollInterval = setInterval(this.scroll.bind(this), 10);
|
||||
},
|
||||
|
||||
scroll: function() {
|
||||
var current = new Date();
|
||||
var delta = current - this.lastScrolled;
|
||||
this.lastScrolled = current;
|
||||
if(this.options.scroll == window) {
|
||||
with (this._getWindowScroll(this.options.scroll)) {
|
||||
if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
|
||||
var d = delta / 1000;
|
||||
this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
|
||||
this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000;
|
||||
}
|
||||
|
||||
Position.prepare();
|
||||
Droppables.show(Draggables._lastPointer, this.element);
|
||||
Draggables.notify('onDrag', this);
|
||||
Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);
|
||||
Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
|
||||
Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
|
||||
if (Draggables._lastScrollPointer[0] < 0)
|
||||
Draggables._lastScrollPointer[0] = 0;
|
||||
if (Draggables._lastScrollPointer[1] < 0)
|
||||
Draggables._lastScrollPointer[1] = 0;
|
||||
this.draw(Draggables._lastScrollPointer);
|
||||
|
||||
if(this.options.change) this.options.change(this);
|
||||
},
|
||||
|
||||
_getWindowScroll: function(w) {
|
||||
var T, L, W, H;
|
||||
with (w.document) {
|
||||
if (w.document.documentElement && documentElement.scrollTop) {
|
||||
T = documentElement.scrollTop;
|
||||
L = documentElement.scrollLeft;
|
||||
} else if (w.document.body) {
|
||||
T = body.scrollTop;
|
||||
L = body.scrollLeft;
|
||||
}
|
||||
if (w.innerWidth) {
|
||||
W = w.innerWidth;
|
||||
H = w.innerHeight;
|
||||
} else if (w.document.documentElement && documentElement.clientWidth) {
|
||||
W = documentElement.clientWidth;
|
||||
H = documentElement.clientHeight;
|
||||
} else {
|
||||
W = body.offsetWidth;
|
||||
H = body.offsetHeight
|
||||
}
|
||||
}
|
||||
return { top: T, left: L, width: W, height: H };
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var SortableObserver = Class.create();
|
||||
SortableObserver.prototype = {
|
||||
initialize: function(element, observer) {
|
||||
this.element = $(element);
|
||||
this.observer = observer;
|
||||
this.lastValue = Sortable.serialize(this.element);
|
||||
},
|
||||
|
||||
onStart: function() {
|
||||
this.lastValue = Sortable.serialize(this.element);
|
||||
},
|
||||
|
||||
onEnd: function() {
|
||||
Sortable.unmark();
|
||||
if(this.lastValue != Sortable.serialize(this.element))
|
||||
this.observer(this.element)
|
||||
}
|
||||
}
|
||||
|
||||
var Sortable = {
|
||||
sortables: {},
|
||||
|
||||
_findRootElement: function(element) {
|
||||
while (element.tagName != "BODY") {
|
||||
if(element.id && Sortable.sortables[element.id]) return element;
|
||||
element = element.parentNode;
|
||||
}
|
||||
},
|
||||
|
||||
options: function(element) {
|
||||
element = Sortable._findRootElement($(element));
|
||||
if(!element) return;
|
||||
return Sortable.sortables[element.id];
|
||||
},
|
||||
|
||||
destroy: function(element){
|
||||
var s = Sortable.options(element);
|
||||
|
||||
if(s) {
|
||||
Draggables.removeObserver(s.element);
|
||||
s.droppables.each(function(d){ Droppables.remove(d) });
|
||||
s.draggables.invoke('destroy');
|
||||
|
||||
delete Sortable.sortables[s.element.id];
|
||||
}
|
||||
},
|
||||
|
||||
create: function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend({
|
||||
element: element,
|
||||
tag: 'li', // assumes li children, override with tag: 'tagname'
|
||||
dropOnEmpty: false,
|
||||
tree: false,
|
||||
treeTag: 'ul',
|
||||
overlap: 'vertical', // one of 'vertical', 'horizontal'
|
||||
constraint: 'vertical', // one of 'vertical', 'horizontal', false
|
||||
containment: element, // also takes array of elements (or id's); or false
|
||||
handle: false, // or a CSS class
|
||||
only: false,
|
||||
hoverclass: null,
|
||||
ghosting: false,
|
||||
scroll: false,
|
||||
scrollSensitivity: 20,
|
||||
scrollSpeed: 15,
|
||||
format: /^[^_]*_(.*)$/,
|
||||
onChange: Prototype.emptyFunction,
|
||||
onUpdate: Prototype.emptyFunction
|
||||
}, arguments[1] || {});
|
||||
|
||||
// clear any old sortable with same element
|
||||
this.destroy(element);
|
||||
|
||||
// build options for the draggables
|
||||
var options_for_draggable = {
|
||||
revert: true,
|
||||
scroll: options.scroll,
|
||||
scrollSpeed: options.scrollSpeed,
|
||||
scrollSensitivity: options.scrollSensitivity,
|
||||
ghosting: options.ghosting,
|
||||
constraint: options.constraint,
|
||||
handle: options.handle };
|
||||
|
||||
if(options.starteffect)
|
||||
options_for_draggable.starteffect = options.starteffect;
|
||||
|
||||
if(options.reverteffect)
|
||||
options_for_draggable.reverteffect = options.reverteffect;
|
||||
else
|
||||
if(options.ghosting) options_for_draggable.reverteffect = function(element) {
|
||||
element.style.top = 0;
|
||||
element.style.left = 0;
|
||||
};
|
||||
|
||||
if(options.endeffect)
|
||||
options_for_draggable.endeffect = options.endeffect;
|
||||
|
||||
if(options.zindex)
|
||||
options_for_draggable.zindex = options.zindex;
|
||||
|
||||
// build options for the droppables
|
||||
var options_for_droppable = {
|
||||
overlap: options.overlap,
|
||||
containment: options.containment,
|
||||
tree: options.tree,
|
||||
hoverclass: options.hoverclass,
|
||||
onHover: Sortable.onHover
|
||||
//greedy: !options.dropOnEmpty
|
||||
}
|
||||
|
||||
var options_for_tree = {
|
||||
onHover: Sortable.onEmptyHover,
|
||||
overlap: options.overlap,
|
||||
containment: options.containment,
|
||||
hoverclass: options.hoverclass
|
||||
}
|
||||
|
||||
// fix for gecko engine
|
||||
Element.cleanWhitespace(element);
|
||||
|
||||
options.draggables = [];
|
||||
options.droppables = [];
|
||||
|
||||
// drop on empty handling
|
||||
if(options.dropOnEmpty || options.tree) {
|
||||
Droppables.add(element, options_for_tree);
|
||||
options.droppables.push(element);
|
||||
}
|
||||
|
||||
(this.findElements(element, options) || []).each( function(e) {
|
||||
// handles are per-draggable
|
||||
var handle = options.handle ?
|
||||
Element.childrenWithClassName(e, options.handle)[0] : e;
|
||||
options.draggables.push(
|
||||
new Draggable(e, Object.extend(options_for_draggable, { handle: handle })));
|
||||
Droppables.add(e, options_for_droppable);
|
||||
if(options.tree) e.treeNode = element;
|
||||
options.droppables.push(e);
|
||||
});
|
||||
|
||||
if(options.tree) {
|
||||
(Sortable.findTreeElements(element, options) || []).each( function(e) {
|
||||
Droppables.add(e, options_for_tree);
|
||||
e.treeNode = element;
|
||||
options.droppables.push(e);
|
||||
});
|
||||
}
|
||||
|
||||
// keep reference
|
||||
this.sortables[element.id] = options;
|
||||
|
||||
// for onupdate
|
||||
Draggables.addObserver(new SortableObserver(element, options.onUpdate));
|
||||
|
||||
},
|
||||
|
||||
// return all suitable-for-sortable elements in a guaranteed order
|
||||
findElements: function(element, options) {
|
||||
return Element.findChildren(
|
||||
element, options.only, options.tree ? true : false, options.tag);
|
||||
},
|
||||
|
||||
findTreeElements: function(element, options) {
|
||||
return Element.findChildren(
|
||||
element, options.only, options.tree ? true : false, options.treeTag);
|
||||
},
|
||||
|
||||
onHover: function(element, dropon, overlap) {
|
||||
if(Element.isParent(dropon, element)) return;
|
||||
|
||||
if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
|
||||
return;
|
||||
} else if(overlap>0.5) {
|
||||
Sortable.mark(dropon, 'before');
|
||||
if(dropon.previousSibling != element) {
|
||||
var oldParentNode = element.parentNode;
|
||||
element.style.visibility = "hidden"; // fix gecko rendering
|
||||
dropon.parentNode.insertBefore(element, dropon);
|
||||
if(dropon.parentNode!=oldParentNode)
|
||||
Sortable.options(oldParentNode).onChange(element);
|
||||
Sortable.options(dropon.parentNode).onChange(element);
|
||||
}
|
||||
} else {
|
||||
Sortable.mark(dropon, 'after');
|
||||
var nextElement = dropon.nextSibling || null;
|
||||
if(nextElement != element) {
|
||||
var oldParentNode = element.parentNode;
|
||||
element.style.visibility = "hidden"; // fix gecko rendering
|
||||
dropon.parentNode.insertBefore(element, nextElement);
|
||||
if(dropon.parentNode!=oldParentNode)
|
||||
Sortable.options(oldParentNode).onChange(element);
|
||||
Sortable.options(dropon.parentNode).onChange(element);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
onEmptyHover: function(element, dropon, overlap) {
|
||||
var oldParentNode = element.parentNode;
|
||||
var droponOptions = Sortable.options(dropon);
|
||||
|
||||
if(!Element.isParent(dropon, element)) {
|
||||
var index;
|
||||
|
||||
var children = Sortable.findElements(dropon, {tag: droponOptions.tag});
|
||||
var child = null;
|
||||
|
||||
if(children) {
|
||||
var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap);
|
||||
|
||||
for (index = 0; index < children.length; index += 1) {
|
||||
if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) {
|
||||
offset -= Element.offsetSize (children[index], droponOptions.overlap);
|
||||
} else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) {
|
||||
child = index + 1 < children.length ? children[index + 1] : null;
|
||||
break;
|
||||
} else {
|
||||
child = children[index];
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dropon.insertBefore(element, child);
|
||||
|
||||
Sortable.options(oldParentNode).onChange(element);
|
||||
droponOptions.onChange(element);
|
||||
}
|
||||
},
|
||||
|
||||
unmark: function() {
|
||||
if(Sortable._marker) Element.hide(Sortable._marker);
|
||||
},
|
||||
|
||||
mark: function(dropon, position) {
|
||||
// mark on ghosting only
|
||||
var sortable = Sortable.options(dropon.parentNode);
|
||||
if(sortable && !sortable.ghosting) return;
|
||||
|
||||
if(!Sortable._marker) {
|
||||
Sortable._marker = $('dropmarker') || document.createElement('DIV');
|
||||
Element.hide(Sortable._marker);
|
||||
Element.addClassName(Sortable._marker, 'dropmarker');
|
||||
Sortable._marker.style.position = 'absolute';
|
||||
document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);
|
||||
}
|
||||
var offsets = Position.cumulativeOffset(dropon);
|
||||
Sortable._marker.style.left = offsets[0] + 'px';
|
||||
Sortable._marker.style.top = offsets[1] + 'px';
|
||||
|
||||
if(position=='after')
|
||||
if(sortable.overlap == 'horizontal')
|
||||
Sortable._marker.style.left = (offsets[0]+dropon.clientWidth) + 'px';
|
||||
else
|
||||
Sortable._marker.style.top = (offsets[1]+dropon.clientHeight) + 'px';
|
||||
|
||||
Element.show(Sortable._marker);
|
||||
},
|
||||
|
||||
_tree: function(element, options, parent) {
|
||||
var children = Sortable.findElements(element, options) || [];
|
||||
|
||||
for (var i = 0; i < children.length; ++i) {
|
||||
var match = children[i].id.match(options.format);
|
||||
|
||||
if (!match) continue;
|
||||
|
||||
var child = {
|
||||
id: encodeURIComponent(match ? match[1] : null),
|
||||
element: element,
|
||||
parent: parent,
|
||||
children: new Array,
|
||||
position: parent.children.length,
|
||||
container: Sortable._findChildrenElement(children[i], options.treeTag.toUpperCase())
|
||||
}
|
||||
|
||||
/* Get the element containing the children and recurse over it */
|
||||
if (child.container)
|
||||
this._tree(child.container, options, child)
|
||||
|
||||
parent.children.push (child);
|
||||
}
|
||||
|
||||
return parent;
|
||||
},
|
||||
|
||||
/* Finds the first element of the given tag type within a parent element.
|
||||
Used for finding the first LI[ST] within a L[IST]I[TEM].*/
|
||||
_findChildrenElement: function (element, containerTag) {
|
||||
if (element && element.hasChildNodes)
|
||||
for (var i = 0; i < element.childNodes.length; ++i)
|
||||
if (element.childNodes[i].tagName == containerTag)
|
||||
return element.childNodes[i];
|
||||
|
||||
return null;
|
||||
},
|
||||
|
||||
tree: function(element) {
|
||||
element = $(element);
|
||||
var sortableOptions = this.options(element);
|
||||
var options = Object.extend({
|
||||
tag: sortableOptions.tag,
|
||||
treeTag: sortableOptions.treeTag,
|
||||
only: sortableOptions.only,
|
||||
name: element.id,
|
||||
format: sortableOptions.format
|
||||
}, arguments[1] || {});
|
||||
|
||||
var root = {
|
||||
id: null,
|
||||
parent: null,
|
||||
children: new Array,
|
||||
container: element,
|
||||
position: 0
|
||||
}
|
||||
|
||||
return Sortable._tree (element, options, root);
|
||||
},
|
||||
|
||||
/* Construct a [i] index for a particular node */
|
||||
_constructIndex: function(node) {
|
||||
var index = '';
|
||||
do {
|
||||
if (node.id) index = '[' + node.position + ']' + index;
|
||||
} while ((node = node.parent) != null);
|
||||
return index;
|
||||
},
|
||||
|
||||
sequence: function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend(this.options(element), arguments[1] || {});
|
||||
|
||||
return $(this.findElements(element, options) || []).map( function(item) {
|
||||
return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
|
||||
});
|
||||
},
|
||||
|
||||
setSequence: function(element, new_sequence) {
|
||||
element = $(element);
|
||||
var options = Object.extend(this.options(element), arguments[2] || {});
|
||||
|
||||
var nodeMap = {};
|
||||
this.findElements(element, options).each( function(n) {
|
||||
if (n.id.match(options.format))
|
||||
nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
|
||||
n.parentNode.removeChild(n);
|
||||
});
|
||||
|
||||
new_sequence.each(function(ident) {
|
||||
var n = nodeMap[ident];
|
||||
if (n) {
|
||||
n[1].appendChild(n[0]);
|
||||
delete nodeMap[ident];
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
serialize: function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend(Sortable.options(element), arguments[1] || {});
|
||||
var name = encodeURIComponent(
|
||||
(arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
|
||||
|
||||
if (options.tree) {
|
||||
return Sortable.tree(element, arguments[1]).children.map( function (item) {
|
||||
return [name + Sortable._constructIndex(item) + "=" +
|
||||
encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
|
||||
}).flatten().join('&');
|
||||
} else {
|
||||
return Sortable.sequence(element, arguments[1]).map( function(item) {
|
||||
return name + "[]=" + encodeURIComponent(item);
|
||||
}).join('&');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Returns true if child is contained within element */
|
||||
Element.isParent = function(child, element) {
|
||||
if (!child.parentNode || child == element) return false;
|
||||
|
||||
if (child.parentNode == element) return true;
|
||||
|
||||
return Element.isParent(child.parentNode, element);
|
||||
}
|
||||
|
||||
Element.findChildren = function(element, only, recursive, tagName) {
|
||||
if(!element.hasChildNodes()) return null;
|
||||
tagName = tagName.toUpperCase();
|
||||
if(only) only = [only].flatten();
|
||||
var elements = [];
|
||||
$A(element.childNodes).each( function(e) {
|
||||
if(e.tagName && e.tagName.toUpperCase()==tagName &&
|
||||
(!only || (Element.classNames(e).detect(function(v) { return only.include(v) }))))
|
||||
elements.push(e);
|
||||
if(recursive) {
|
||||
var grandchildren = Element.findChildren(e, only, recursive, tagName);
|
||||
if(grandchildren) elements.push(grandchildren);
|
||||
}
|
||||
});
|
||||
|
||||
return (elements.length>0 ? elements.flatten() : []);
|
||||
}
|
||||
|
||||
Element.offsetSize = function (element, type) {
|
||||
if (type == 'vertical' || type == 'height')
|
||||
return element.offsetHeight;
|
||||
else
|
||||
return element.offsetWidth;
|
||||
}
|
||||
958
cropper/lib/effects.js
vendored
Normal file
958
cropper/lib/effects.js
vendored
Normal file
|
|
@ -0,0 +1,958 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
// Contributors:
|
||||
// Justin Palmer (http://encytemedia.com/)
|
||||
// Mark Pilgrim (http://diveintomark.org/)
|
||||
// Martin Bialasinki
|
||||
//
|
||||
// See scriptaculous.js for full license.
|
||||
|
||||
// converts rgb() and #xxx to #xxxxxx format,
|
||||
// returns self (or first argument) if not convertable
|
||||
String.prototype.parseColor = function() {
|
||||
var color = '#';
|
||||
if(this.slice(0,4) == 'rgb(') {
|
||||
var cols = this.slice(4,this.length-1).split(',');
|
||||
var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
|
||||
} else {
|
||||
if(this.slice(0,1) == '#') {
|
||||
if(this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
|
||||
if(this.length==7) color = this.toLowerCase();
|
||||
}
|
||||
}
|
||||
return(color.length==7 ? color : (arguments[0] || this));
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Element.collectTextNodes = function(element) {
|
||||
return $A($(element).childNodes).collect( function(node) {
|
||||
return (node.nodeType==3 ? node.nodeValue :
|
||||
(node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
|
||||
}).flatten().join('');
|
||||
}
|
||||
|
||||
Element.collectTextNodesIgnoreClass = function(element, className) {
|
||||
return $A($(element).childNodes).collect( function(node) {
|
||||
return (node.nodeType==3 ? node.nodeValue :
|
||||
((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
|
||||
Element.collectTextNodesIgnoreClass(node, className) : ''));
|
||||
}).flatten().join('');
|
||||
}
|
||||
|
||||
Element.setContentZoom = function(element, percent) {
|
||||
element = $(element);
|
||||
Element.setStyle(element, {fontSize: (percent/100) + 'em'});
|
||||
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||
}
|
||||
|
||||
Element.getOpacity = function(element){
|
||||
var opacity;
|
||||
if (opacity = Element.getStyle(element, 'opacity'))
|
||||
return parseFloat(opacity);
|
||||
if (opacity = (Element.getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/))
|
||||
if(opacity[1]) return parseFloat(opacity[1]) / 100;
|
||||
return 1.0;
|
||||
}
|
||||
|
||||
Element.setOpacity = function(element, value){
|
||||
element= $(element);
|
||||
if (value == 1){
|
||||
Element.setStyle(element, { opacity:
|
||||
(/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ?
|
||||
0.999999 : null });
|
||||
if(/MSIE/.test(navigator.userAgent))
|
||||
Element.setStyle(element, {filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')});
|
||||
} else {
|
||||
if(value < 0.00001) value = 0;
|
||||
Element.setStyle(element, {opacity: value});
|
||||
if(/MSIE/.test(navigator.userAgent))
|
||||
Element.setStyle(element,
|
||||
{ filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') +
|
||||
'alpha(opacity='+value*100+')' });
|
||||
}
|
||||
}
|
||||
|
||||
Element.getInlineOpacity = function(element){
|
||||
return $(element).style.opacity || '';
|
||||
}
|
||||
|
||||
Element.childrenWithClassName = function(element, className, findFirst) {
|
||||
var classNameRegExp = new RegExp("(^|\\s)" + className + "(\\s|$)");
|
||||
var results = $A($(element).getElementsByTagName('*'))[findFirst ? 'detect' : 'select']( function(c) {
|
||||
return (c.className && c.className.match(classNameRegExp));
|
||||
});
|
||||
if(!results) results = [];
|
||||
return results;
|
||||
}
|
||||
|
||||
Element.forceRerendering = function(element) {
|
||||
try {
|
||||
element = $(element);
|
||||
var n = document.createTextNode(' ');
|
||||
element.appendChild(n);
|
||||
element.removeChild(n);
|
||||
} catch(e) { }
|
||||
};
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Array.prototype.call = function() {
|
||||
var args = arguments;
|
||||
this.each(function(f){ f.apply(this, args) });
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var Effect = {
|
||||
tagifyText: function(element) {
|
||||
var tagifyStyle = 'position:relative';
|
||||
if(/MSIE/.test(navigator.userAgent)) tagifyStyle += ';zoom:1';
|
||||
element = $(element);
|
||||
$A(element.childNodes).each( function(child) {
|
||||
if(child.nodeType==3) {
|
||||
child.nodeValue.toArray().each( function(character) {
|
||||
element.insertBefore(
|
||||
Builder.node('span',{style: tagifyStyle},
|
||||
character == ' ' ? String.fromCharCode(160) : character),
|
||||
child);
|
||||
});
|
||||
Element.remove(child);
|
||||
}
|
||||
});
|
||||
},
|
||||
multiple: function(element, effect) {
|
||||
var elements;
|
||||
if(((typeof element == 'object') ||
|
||||
(typeof element == 'function')) &&
|
||||
(element.length))
|
||||
elements = element;
|
||||
else
|
||||
elements = $(element).childNodes;
|
||||
|
||||
var options = Object.extend({
|
||||
speed: 0.1,
|
||||
delay: 0.0
|
||||
}, arguments[2] || {});
|
||||
var masterDelay = options.delay;
|
||||
|
||||
$A(elements).each( function(element, index) {
|
||||
new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
|
||||
});
|
||||
},
|
||||
PAIRS: {
|
||||
'slide': ['SlideDown','SlideUp'],
|
||||
'blind': ['BlindDown','BlindUp'],
|
||||
'appear': ['Appear','Fade']
|
||||
},
|
||||
toggle: function(element, effect) {
|
||||
element = $(element);
|
||||
effect = (effect || 'appear').toLowerCase();
|
||||
var options = Object.extend({
|
||||
queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
|
||||
}, arguments[2] || {});
|
||||
Effect[element.visible() ?
|
||||
Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
|
||||
}
|
||||
};
|
||||
|
||||
var Effect2 = Effect; // deprecated
|
||||
|
||||
/* ------------- transitions ------------- */
|
||||
|
||||
Effect.Transitions = {}
|
||||
|
||||
Effect.Transitions.linear = function(pos) {
|
||||
return pos;
|
||||
}
|
||||
Effect.Transitions.sinoidal = function(pos) {
|
||||
return (-Math.cos(pos*Math.PI)/2) + 0.5;
|
||||
}
|
||||
Effect.Transitions.reverse = function(pos) {
|
||||
return 1-pos;
|
||||
}
|
||||
Effect.Transitions.flicker = function(pos) {
|
||||
return ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
|
||||
}
|
||||
Effect.Transitions.wobble = function(pos) {
|
||||
return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
|
||||
}
|
||||
Effect.Transitions.pulse = function(pos) {
|
||||
return (Math.floor(pos*10) % 2 == 0 ?
|
||||
(pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10)));
|
||||
}
|
||||
Effect.Transitions.none = function(pos) {
|
||||
return 0;
|
||||
}
|
||||
Effect.Transitions.full = function(pos) {
|
||||
return 1;
|
||||
}
|
||||
|
||||
/* ------------- core effects ------------- */
|
||||
|
||||
Effect.ScopedQueue = Class.create();
|
||||
Object.extend(Object.extend(Effect.ScopedQueue.prototype, Enumerable), {
|
||||
initialize: function() {
|
||||
this.effects = [];
|
||||
this.interval = null;
|
||||
},
|
||||
_each: function(iterator) {
|
||||
this.effects._each(iterator);
|
||||
},
|
||||
add: function(effect) {
|
||||
var timestamp = new Date().getTime();
|
||||
|
||||
var position = (typeof effect.options.queue == 'string') ?
|
||||
effect.options.queue : effect.options.queue.position;
|
||||
|
||||
switch(position) {
|
||||
case 'front':
|
||||
// move unstarted effects after this effect
|
||||
this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
|
||||
e.startOn += effect.finishOn;
|
||||
e.finishOn += effect.finishOn;
|
||||
});
|
||||
break;
|
||||
case 'end':
|
||||
// start effect after last queued effect has finished
|
||||
timestamp = this.effects.pluck('finishOn').max() || timestamp;
|
||||
break;
|
||||
}
|
||||
|
||||
effect.startOn += timestamp;
|
||||
effect.finishOn += timestamp;
|
||||
|
||||
if(!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
|
||||
this.effects.push(effect);
|
||||
|
||||
if(!this.interval)
|
||||
this.interval = setInterval(this.loop.bind(this), 40);
|
||||
},
|
||||
remove: function(effect) {
|
||||
this.effects = this.effects.reject(function(e) { return e==effect });
|
||||
if(this.effects.length == 0) {
|
||||
clearInterval(this.interval);
|
||||
this.interval = null;
|
||||
}
|
||||
},
|
||||
loop: function() {
|
||||
var timePos = new Date().getTime();
|
||||
this.effects.invoke('loop', timePos);
|
||||
}
|
||||
});
|
||||
|
||||
Effect.Queues = {
|
||||
instances: $H(),
|
||||
get: function(queueName) {
|
||||
if(typeof queueName != 'string') return queueName;
|
||||
|
||||
if(!this.instances[queueName])
|
||||
this.instances[queueName] = new Effect.ScopedQueue();
|
||||
|
||||
return this.instances[queueName];
|
||||
}
|
||||
}
|
||||
Effect.Queue = Effect.Queues.get('global');
|
||||
|
||||
Effect.DefaultOptions = {
|
||||
transition: Effect.Transitions.sinoidal,
|
||||
duration: 1.0, // seconds
|
||||
fps: 25.0, // max. 25fps due to Effect.Queue implementation
|
||||
sync: false, // true for combining
|
||||
from: 0.0,
|
||||
to: 1.0,
|
||||
delay: 0.0,
|
||||
queue: 'parallel'
|
||||
}
|
||||
|
||||
Effect.Base = function() {};
|
||||
Effect.Base.prototype = {
|
||||
position: null,
|
||||
start: function(options) {
|
||||
this.options = Object.extend(Object.extend({},Effect.DefaultOptions), options || {});
|
||||
this.currentFrame = 0;
|
||||
this.state = 'idle';
|
||||
this.startOn = this.options.delay*1000;
|
||||
this.finishOn = this.startOn + (this.options.duration*1000);
|
||||
this.event('beforeStart');
|
||||
if(!this.options.sync)
|
||||
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
||||
'global' : this.options.queue.scope).add(this);
|
||||
},
|
||||
loop: function(timePos) {
|
||||
if(timePos >= this.startOn) {
|
||||
if(timePos >= this.finishOn) {
|
||||
this.render(1.0);
|
||||
this.cancel();
|
||||
this.event('beforeFinish');
|
||||
if(this.finish) this.finish();
|
||||
this.event('afterFinish');
|
||||
return;
|
||||
}
|
||||
var pos = (timePos - this.startOn) / (this.finishOn - this.startOn);
|
||||
var frame = Math.round(pos * this.options.fps * this.options.duration);
|
||||
if(frame > this.currentFrame) {
|
||||
this.render(pos);
|
||||
this.currentFrame = frame;
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function(pos) {
|
||||
if(this.state == 'idle') {
|
||||
this.state = 'running';
|
||||
this.event('beforeSetup');
|
||||
if(this.setup) this.setup();
|
||||
this.event('afterSetup');
|
||||
}
|
||||
if(this.state == 'running') {
|
||||
if(this.options.transition) pos = this.options.transition(pos);
|
||||
pos *= (this.options.to-this.options.from);
|
||||
pos += this.options.from;
|
||||
this.position = pos;
|
||||
this.event('beforeUpdate');
|
||||
if(this.update) this.update(pos);
|
||||
this.event('afterUpdate');
|
||||
}
|
||||
},
|
||||
cancel: function() {
|
||||
if(!this.options.sync)
|
||||
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
||||
'global' : this.options.queue.scope).remove(this);
|
||||
this.state = 'finished';
|
||||
},
|
||||
event: function(eventName) {
|
||||
if(this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
|
||||
if(this.options[eventName]) this.options[eventName](this);
|
||||
},
|
||||
inspect: function() {
|
||||
return '#<Effect:' + $H(this).inspect() + ',options:' + $H(this.options).inspect() + '>';
|
||||
}
|
||||
}
|
||||
|
||||
Effect.Parallel = Class.create();
|
||||
Object.extend(Object.extend(Effect.Parallel.prototype, Effect.Base.prototype), {
|
||||
initialize: function(effects) {
|
||||
this.effects = effects || [];
|
||||
this.start(arguments[1]);
|
||||
},
|
||||
update: function(position) {
|
||||
this.effects.invoke('render', position);
|
||||
},
|
||||
finish: function(position) {
|
||||
this.effects.each( function(effect) {
|
||||
effect.render(1.0);
|
||||
effect.cancel();
|
||||
effect.event('beforeFinish');
|
||||
if(effect.finish) effect.finish(position);
|
||||
effect.event('afterFinish');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
Effect.Opacity = Class.create();
|
||||
Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), {
|
||||
initialize: function(element) {
|
||||
this.element = $(element);
|
||||
// make this work on IE on elements without 'layout'
|
||||
if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout))
|
||||
this.element.setStyle({zoom: 1});
|
||||
var options = Object.extend({
|
||||
from: this.element.getOpacity() || 0.0,
|
||||
to: 1.0
|
||||
}, arguments[1] || {});
|
||||
this.start(options);
|
||||
},
|
||||
update: function(position) {
|
||||
this.element.setOpacity(position);
|
||||
}
|
||||
});
|
||||
|
||||
Effect.Move = Class.create();
|
||||
Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), {
|
||||
initialize: function(element) {
|
||||
this.element = $(element);
|
||||
var options = Object.extend({
|
||||
x: 0,
|
||||
y: 0,
|
||||
mode: 'relative'
|
||||
}, arguments[1] || {});
|
||||
this.start(options);
|
||||
},
|
||||
setup: function() {
|
||||
// Bug in Opera: Opera returns the "real" position of a static element or
|
||||
// relative element that does not have top/left explicitly set.
|
||||
// ==> Always set top and left for position relative elements in your stylesheets
|
||||
// (to 0 if you do not need them)
|
||||
this.element.makePositioned();
|
||||
this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
|
||||
this.originalTop = parseFloat(this.element.getStyle('top') || '0');
|
||||
if(this.options.mode == 'absolute') {
|
||||
// absolute movement, so we need to calc deltaX and deltaY
|
||||
this.options.x = this.options.x - this.originalLeft;
|
||||
this.options.y = this.options.y - this.originalTop;
|
||||
}
|
||||
},
|
||||
update: function(position) {
|
||||
this.element.setStyle({
|
||||
left: this.options.x * position + this.originalLeft + 'px',
|
||||
top: this.options.y * position + this.originalTop + 'px'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// for backwards compatibility
|
||||
Effect.MoveBy = function(element, toTop, toLeft) {
|
||||
return new Effect.Move(element,
|
||||
Object.extend({ x: toLeft, y: toTop }, arguments[3] || {}));
|
||||
};
|
||||
|
||||
Effect.Scale = Class.create();
|
||||
Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), {
|
||||
initialize: function(element, percent) {
|
||||
this.element = $(element)
|
||||
var options = Object.extend({
|
||||
scaleX: true,
|
||||
scaleY: true,
|
||||
scaleContent: true,
|
||||
scaleFromCenter: false,
|
||||
scaleMode: 'box', // 'box' or 'contents' or {} with provided values
|
||||
scaleFrom: 100.0,
|
||||
scaleTo: percent
|
||||
}, arguments[2] || {});
|
||||
this.start(options);
|
||||
},
|
||||
setup: function() {
|
||||
this.restoreAfterFinish = this.options.restoreAfterFinish || false;
|
||||
this.elementPositioning = this.element.getStyle('position');
|
||||
|
||||
this.originalStyle = {};
|
||||
['top','left','width','height','fontSize'].each( function(k) {
|
||||
this.originalStyle[k] = this.element.style[k];
|
||||
}.bind(this));
|
||||
|
||||
this.originalTop = this.element.offsetTop;
|
||||
this.originalLeft = this.element.offsetLeft;
|
||||
|
||||
var fontSize = this.element.getStyle('font-size') || '100%';
|
||||
['em','px','%'].each( function(fontSizeType) {
|
||||
if(fontSize.indexOf(fontSizeType)>0) {
|
||||
this.fontSize = parseFloat(fontSize);
|
||||
this.fontSizeType = fontSizeType;
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
|
||||
|
||||
this.dims = null;
|
||||
if(this.options.scaleMode=='box')
|
||||
this.dims = [this.element.offsetHeight, this.element.offsetWidth];
|
||||
if(/^content/.test(this.options.scaleMode))
|
||||
this.dims = [this.element.scrollHeight, this.element.scrollWidth];
|
||||
if(!this.dims)
|
||||
this.dims = [this.options.scaleMode.originalHeight,
|
||||
this.options.scaleMode.originalWidth];
|
||||
},
|
||||
update: function(position) {
|
||||
var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
|
||||
if(this.options.scaleContent && this.fontSize)
|
||||
this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
|
||||
this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
|
||||
},
|
||||
finish: function(position) {
|
||||
if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
|
||||
},
|
||||
setDimensions: function(height, width) {
|
||||
var d = {};
|
||||
if(this.options.scaleX) d.width = width + 'px';
|
||||
if(this.options.scaleY) d.height = height + 'px';
|
||||
if(this.options.scaleFromCenter) {
|
||||
var topd = (height - this.dims[0])/2;
|
||||
var leftd = (width - this.dims[1])/2;
|
||||
if(this.elementPositioning == 'absolute') {
|
||||
if(this.options.scaleY) d.top = this.originalTop-topd + 'px';
|
||||
if(this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
|
||||
} else {
|
||||
if(this.options.scaleY) d.top = -topd + 'px';
|
||||
if(this.options.scaleX) d.left = -leftd + 'px';
|
||||
}
|
||||
}
|
||||
this.element.setStyle(d);
|
||||
}
|
||||
});
|
||||
|
||||
Effect.Highlight = Class.create();
|
||||
Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), {
|
||||
initialize: function(element) {
|
||||
this.element = $(element);
|
||||
var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {});
|
||||
this.start(options);
|
||||
},
|
||||
setup: function() {
|
||||
// Prevent executing on elements not in the layout flow
|
||||
if(this.element.getStyle('display')=='none') { this.cancel(); return; }
|
||||
// Disable background image during the effect
|
||||
this.oldStyle = {
|
||||
backgroundImage: this.element.getStyle('background-image') };
|
||||
this.element.setStyle({backgroundImage: 'none'});
|
||||
if(!this.options.endcolor)
|
||||
this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
|
||||
if(!this.options.restorecolor)
|
||||
this.options.restorecolor = this.element.getStyle('background-color');
|
||||
// init color calculations
|
||||
this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
|
||||
this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
|
||||
},
|
||||
update: function(position) {
|
||||
this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
|
||||
return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart()); }.bind(this)) });
|
||||
},
|
||||
finish: function() {
|
||||
this.element.setStyle(Object.extend(this.oldStyle, {
|
||||
backgroundColor: this.options.restorecolor
|
||||
}));
|
||||
}
|
||||
});
|
||||
|
||||
Effect.ScrollTo = Class.create();
|
||||
Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), {
|
||||
initialize: function(element) {
|
||||
this.element = $(element);
|
||||
this.start(arguments[1] || {});
|
||||
},
|
||||
setup: function() {
|
||||
Position.prepare();
|
||||
var offsets = Position.cumulativeOffset(this.element);
|
||||
if(this.options.offset) offsets[1] += this.options.offset;
|
||||
var max = window.innerHeight ?
|
||||
window.height - window.innerHeight :
|
||||
document.body.scrollHeight -
|
||||
(document.documentElement.clientHeight ?
|
||||
document.documentElement.clientHeight : document.body.clientHeight);
|
||||
this.scrollStart = Position.deltaY;
|
||||
this.delta = (offsets[1] > max ? max : offsets[1]) - this.scrollStart;
|
||||
},
|
||||
update: function(position) {
|
||||
Position.prepare();
|
||||
window.scrollTo(Position.deltaX,
|
||||
this.scrollStart + (position*this.delta));
|
||||
}
|
||||
});
|
||||
|
||||
/* ------------- combination effects ------------- */
|
||||
|
||||
Effect.Fade = function(element) {
|
||||
element = $(element);
|
||||
var oldOpacity = element.getInlineOpacity();
|
||||
var options = Object.extend({
|
||||
from: element.getOpacity() || 1.0,
|
||||
to: 0.0,
|
||||
afterFinishInternal: function(effect) {
|
||||
if(effect.options.to!=0) return;
|
||||
effect.element.hide();
|
||||
effect.element.setStyle({opacity: oldOpacity});
|
||||
}}, arguments[1] || {});
|
||||
return new Effect.Opacity(element,options);
|
||||
}
|
||||
|
||||
Effect.Appear = function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend({
|
||||
from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
|
||||
to: 1.0,
|
||||
// force Safari to render floated elements properly
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.forceRerendering();
|
||||
},
|
||||
beforeSetup: function(effect) {
|
||||
effect.element.setOpacity(effect.options.from);
|
||||
effect.element.show();
|
||||
}}, arguments[1] || {});
|
||||
return new Effect.Opacity(element,options);
|
||||
}
|
||||
|
||||
Effect.Puff = function(element) {
|
||||
element = $(element);
|
||||
var oldStyle = { opacity: element.getInlineOpacity(), position: element.getStyle('position') };
|
||||
return new Effect.Parallel(
|
||||
[ new Effect.Scale(element, 200,
|
||||
{ sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
|
||||
new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
|
||||
Object.extend({ duration: 1.0,
|
||||
beforeSetupInternal: function(effect) {
|
||||
effect.effects[0].element.setStyle({position: 'absolute'}); },
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.effects[0].element.hide();
|
||||
effect.effects[0].element.setStyle(oldStyle); }
|
||||
}, arguments[1] || {})
|
||||
);
|
||||
}
|
||||
|
||||
Effect.BlindUp = function(element) {
|
||||
element = $(element);
|
||||
element.makeClipping();
|
||||
return new Effect.Scale(element, 0,
|
||||
Object.extend({ scaleContent: false,
|
||||
scaleX: false,
|
||||
restoreAfterFinish: true,
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.hide();
|
||||
effect.element.undoClipping();
|
||||
}
|
||||
}, arguments[1] || {})
|
||||
);
|
||||
}
|
||||
|
||||
Effect.BlindDown = function(element) {
|
||||
element = $(element);
|
||||
var elementDimensions = element.getDimensions();
|
||||
return new Effect.Scale(element, 100,
|
||||
Object.extend({ scaleContent: false,
|
||||
scaleX: false,
|
||||
scaleFrom: 0,
|
||||
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
||||
restoreAfterFinish: true,
|
||||
afterSetup: function(effect) {
|
||||
effect.element.makeClipping();
|
||||
effect.element.setStyle({height: '0px'});
|
||||
effect.element.show();
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.undoClipping();
|
||||
}
|
||||
}, arguments[1] || {})
|
||||
);
|
||||
}
|
||||
|
||||
Effect.SwitchOff = function(element) {
|
||||
element = $(element);
|
||||
var oldOpacity = element.getInlineOpacity();
|
||||
return new Effect.Appear(element, {
|
||||
duration: 0.4,
|
||||
from: 0,
|
||||
transition: Effect.Transitions.flicker,
|
||||
afterFinishInternal: function(effect) {
|
||||
new Effect.Scale(effect.element, 1, {
|
||||
duration: 0.3, scaleFromCenter: true,
|
||||
scaleX: false, scaleContent: false, restoreAfterFinish: true,
|
||||
beforeSetup: function(effect) {
|
||||
effect.element.makePositioned();
|
||||
effect.element.makeClipping();
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.hide();
|
||||
effect.element.undoClipping();
|
||||
effect.element.undoPositioned();
|
||||
effect.element.setStyle({opacity: oldOpacity});
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Effect.DropOut = function(element) {
|
||||
element = $(element);
|
||||
var oldStyle = {
|
||||
top: element.getStyle('top'),
|
||||
left: element.getStyle('left'),
|
||||
opacity: element.getInlineOpacity() };
|
||||
return new Effect.Parallel(
|
||||
[ new Effect.Move(element, {x: 0, y: 100, sync: true }),
|
||||
new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
|
||||
Object.extend(
|
||||
{ duration: 0.5,
|
||||
beforeSetup: function(effect) {
|
||||
effect.effects[0].element.makePositioned();
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.effects[0].element.hide();
|
||||
effect.effects[0].element.undoPositioned();
|
||||
effect.effects[0].element.setStyle(oldStyle);
|
||||
}
|
||||
}, arguments[1] || {}));
|
||||
}
|
||||
|
||||
Effect.Shake = function(element) {
|
||||
element = $(element);
|
||||
var oldStyle = {
|
||||
top: element.getStyle('top'),
|
||||
left: element.getStyle('left') };
|
||||
return new Effect.Move(element,
|
||||
{ x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
||||
new Effect.Move(effect.element,
|
||||
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||
new Effect.Move(effect.element,
|
||||
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||
new Effect.Move(effect.element,
|
||||
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||
new Effect.Move(effect.element,
|
||||
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
||||
new Effect.Move(effect.element,
|
||||
{ x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
||||
effect.element.undoPositioned();
|
||||
effect.element.setStyle(oldStyle);
|
||||
}}) }}) }}) }}) }}) }});
|
||||
}
|
||||
|
||||
Effect.SlideDown = function(element) {
|
||||
element = $(element);
|
||||
element.cleanWhitespace();
|
||||
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
|
||||
var oldInnerBottom = $(element.firstChild).getStyle('bottom');
|
||||
var elementDimensions = element.getDimensions();
|
||||
return new Effect.Scale(element, 100, Object.extend({
|
||||
scaleContent: false,
|
||||
scaleX: false,
|
||||
scaleFrom: window.opera ? 0 : 1,
|
||||
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
||||
restoreAfterFinish: true,
|
||||
afterSetup: function(effect) {
|
||||
effect.element.makePositioned();
|
||||
effect.element.firstChild.makePositioned();
|
||||
if(window.opera) effect.element.setStyle({top: ''});
|
||||
effect.element.makeClipping();
|
||||
effect.element.setStyle({height: '0px'});
|
||||
effect.element.show(); },
|
||||
afterUpdateInternal: function(effect) {
|
||||
effect.element.firstChild.setStyle({bottom:
|
||||
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.undoClipping();
|
||||
// IE will crash if child is undoPositioned first
|
||||
if(/MSIE/.test(navigator.userAgent)){
|
||||
effect.element.undoPositioned();
|
||||
effect.element.firstChild.undoPositioned();
|
||||
}else{
|
||||
effect.element.firstChild.undoPositioned();
|
||||
effect.element.undoPositioned();
|
||||
}
|
||||
effect.element.firstChild.setStyle({bottom: oldInnerBottom}); }
|
||||
}, arguments[1] || {})
|
||||
);
|
||||
}
|
||||
|
||||
Effect.SlideUp = function(element) {
|
||||
element = $(element);
|
||||
element.cleanWhitespace();
|
||||
var oldInnerBottom = $(element.firstChild).getStyle('bottom');
|
||||
return new Effect.Scale(element, window.opera ? 0 : 1,
|
||||
Object.extend({ scaleContent: false,
|
||||
scaleX: false,
|
||||
scaleMode: 'box',
|
||||
scaleFrom: 100,
|
||||
restoreAfterFinish: true,
|
||||
beforeStartInternal: function(effect) {
|
||||
effect.element.makePositioned();
|
||||
effect.element.firstChild.makePositioned();
|
||||
if(window.opera) effect.element.setStyle({top: ''});
|
||||
effect.element.makeClipping();
|
||||
effect.element.show(); },
|
||||
afterUpdateInternal: function(effect) {
|
||||
effect.element.firstChild.setStyle({bottom:
|
||||
(effect.dims[0] - effect.element.clientHeight) + 'px' }); },
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.hide();
|
||||
effect.element.undoClipping();
|
||||
effect.element.firstChild.undoPositioned();
|
||||
effect.element.undoPositioned();
|
||||
effect.element.setStyle({bottom: oldInnerBottom}); }
|
||||
}, arguments[1] || {})
|
||||
);
|
||||
}
|
||||
|
||||
// Bug in opera makes the TD containing this element expand for a instance after finish
|
||||
Effect.Squish = function(element) {
|
||||
return new Effect.Scale(element, window.opera ? 1 : 0,
|
||||
{ restoreAfterFinish: true,
|
||||
beforeSetup: function(effect) {
|
||||
effect.element.makeClipping(effect.element); },
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.hide(effect.element);
|
||||
effect.element.undoClipping(effect.element); }
|
||||
});
|
||||
}
|
||||
|
||||
Effect.Grow = function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend({
|
||||
direction: 'center',
|
||||
moveTransition: Effect.Transitions.sinoidal,
|
||||
scaleTransition: Effect.Transitions.sinoidal,
|
||||
opacityTransition: Effect.Transitions.full
|
||||
}, arguments[1] || {});
|
||||
var oldStyle = {
|
||||
top: element.style.top,
|
||||
left: element.style.left,
|
||||
height: element.style.height,
|
||||
width: element.style.width,
|
||||
opacity: element.getInlineOpacity() };
|
||||
|
||||
var dims = element.getDimensions();
|
||||
var initialMoveX, initialMoveY;
|
||||
var moveX, moveY;
|
||||
|
||||
switch (options.direction) {
|
||||
case 'top-left':
|
||||
initialMoveX = initialMoveY = moveX = moveY = 0;
|
||||
break;
|
||||
case 'top-right':
|
||||
initialMoveX = dims.width;
|
||||
initialMoveY = moveY = 0;
|
||||
moveX = -dims.width;
|
||||
break;
|
||||
case 'bottom-left':
|
||||
initialMoveX = moveX = 0;
|
||||
initialMoveY = dims.height;
|
||||
moveY = -dims.height;
|
||||
break;
|
||||
case 'bottom-right':
|
||||
initialMoveX = dims.width;
|
||||
initialMoveY = dims.height;
|
||||
moveX = -dims.width;
|
||||
moveY = -dims.height;
|
||||
break;
|
||||
case 'center':
|
||||
initialMoveX = dims.width / 2;
|
||||
initialMoveY = dims.height / 2;
|
||||
moveX = -dims.width / 2;
|
||||
moveY = -dims.height / 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return new Effect.Move(element, {
|
||||
x: initialMoveX,
|
||||
y: initialMoveY,
|
||||
duration: 0.01,
|
||||
beforeSetup: function(effect) {
|
||||
effect.element.hide();
|
||||
effect.element.makeClipping();
|
||||
effect.element.makePositioned();
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
new Effect.Parallel(
|
||||
[ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
|
||||
new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
|
||||
new Effect.Scale(effect.element, 100, {
|
||||
scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
|
||||
sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
|
||||
], Object.extend({
|
||||
beforeSetup: function(effect) {
|
||||
effect.effects[0].element.setStyle({height: '0px'});
|
||||
effect.effects[0].element.show();
|
||||
},
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.effects[0].element.undoClipping();
|
||||
effect.effects[0].element.undoPositioned();
|
||||
effect.effects[0].element.setStyle(oldStyle);
|
||||
}
|
||||
}, options)
|
||||
)
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Effect.Shrink = function(element) {
|
||||
element = $(element);
|
||||
var options = Object.extend({
|
||||
direction: 'center',
|
||||
moveTransition: Effect.Transitions.sinoidal,
|
||||
scaleTransition: Effect.Transitions.sinoidal,
|
||||
opacityTransition: Effect.Transitions.none
|
||||
}, arguments[1] || {});
|
||||
var oldStyle = {
|
||||
top: element.style.top,
|
||||
left: element.style.left,
|
||||
height: element.style.height,
|
||||
width: element.style.width,
|
||||
opacity: element.getInlineOpacity() };
|
||||
|
||||
var dims = element.getDimensions();
|
||||
var moveX, moveY;
|
||||
|
||||
switch (options.direction) {
|
||||
case 'top-left':
|
||||
moveX = moveY = 0;
|
||||
break;
|
||||
case 'top-right':
|
||||
moveX = dims.width;
|
||||
moveY = 0;
|
||||
break;
|
||||
case 'bottom-left':
|
||||
moveX = 0;
|
||||
moveY = dims.height;
|
||||
break;
|
||||
case 'bottom-right':
|
||||
moveX = dims.width;
|
||||
moveY = dims.height;
|
||||
break;
|
||||
case 'center':
|
||||
moveX = dims.width / 2;
|
||||
moveY = dims.height / 2;
|
||||
break;
|
||||
}
|
||||
|
||||
return new Effect.Parallel(
|
||||
[ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
|
||||
new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
|
||||
new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
|
||||
], Object.extend({
|
||||
beforeStartInternal: function(effect) {
|
||||
effect.effects[0].element.makePositioned();
|
||||
effect.effects[0].element.makeClipping(); },
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.effects[0].element.hide();
|
||||
effect.effects[0].element.undoClipping();
|
||||
effect.effects[0].element.undoPositioned();
|
||||
effect.effects[0].element.setStyle(oldStyle); }
|
||||
}, options)
|
||||
);
|
||||
}
|
||||
|
||||
Effect.Pulsate = function(element) {
|
||||
element = $(element);
|
||||
var options = arguments[1] || {};
|
||||
var oldOpacity = element.getInlineOpacity();
|
||||
var transition = options.transition || Effect.Transitions.sinoidal;
|
||||
var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos)) };
|
||||
reverser.bind(transition);
|
||||
return new Effect.Opacity(element,
|
||||
Object.extend(Object.extend({ duration: 3.0, from: 0,
|
||||
afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
|
||||
}, options), {transition: reverser}));
|
||||
}
|
||||
|
||||
Effect.Fold = function(element) {
|
||||
element = $(element);
|
||||
var oldStyle = {
|
||||
top: element.style.top,
|
||||
left: element.style.left,
|
||||
width: element.style.width,
|
||||
height: element.style.height };
|
||||
Element.makeClipping(element);
|
||||
return new Effect.Scale(element, 5, Object.extend({
|
||||
scaleContent: false,
|
||||
scaleX: false,
|
||||
afterFinishInternal: function(effect) {
|
||||
new Effect.Scale(element, 1, {
|
||||
scaleContent: false,
|
||||
scaleY: false,
|
||||
afterFinishInternal: function(effect) {
|
||||
effect.element.hide();
|
||||
effect.element.undoClipping();
|
||||
effect.element.setStyle(oldStyle);
|
||||
} });
|
||||
}}, arguments[1] || {}));
|
||||
};
|
||||
|
||||
['setOpacity','getOpacity','getInlineOpacity','forceRerendering','setContentZoom',
|
||||
'collectTextNodes','collectTextNodesIgnoreClass','childrenWithClassName'].each(
|
||||
function(f) { Element.Methods[f] = Element[f]; }
|
||||
);
|
||||
|
||||
Element.Methods.visualEffect = function(element, effect, options) {
|
||||
s = effect.gsub(/_/, '-').camelize();
|
||||
effect_class = s.charAt(0).toUpperCase() + s.substring(1);
|
||||
new Effect[effect_class](element, options);
|
||||
return $(element);
|
||||
};
|
||||
|
||||
Element.addMethods();
|
||||
2006
cropper/lib/prototype.js
vendored
Normal file
2006
cropper/lib/prototype.js
vendored
Normal file
|
|
@ -0,0 +1,2006 @@
|
|||
/* Prototype JavaScript framework, version 1.5.0_rc0
|
||||
* (c) 2005 Sam Stephenson <sam@conio.net>
|
||||
*
|
||||
* Prototype is freely distributable under the terms of an MIT-style license.
|
||||
* For details, see the Prototype web site: http://prototype.conio.net/
|
||||
*
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var Prototype = {
|
||||
Version: '1.5.0_rc0',
|
||||
ScriptFragment: '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)',
|
||||
|
||||
emptyFunction: function() {},
|
||||
K: function(x) {return x}
|
||||
}
|
||||
|
||||
var Class = {
|
||||
create: function() {
|
||||
return function() {
|
||||
this.initialize.apply(this, arguments);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var Abstract = new Object();
|
||||
|
||||
Object.extend = function(destination, source) {
|
||||
for (var property in source) {
|
||||
destination[property] = source[property];
|
||||
}
|
||||
return destination;
|
||||
}
|
||||
|
||||
Object.inspect = function(object) {
|
||||
try {
|
||||
if (object == undefined) return 'undefined';
|
||||
if (object == null) return 'null';
|
||||
return object.inspect ? object.inspect() : object.toString();
|
||||
} catch (e) {
|
||||
if (e instanceof RangeError) return '...';
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
|
||||
Function.prototype.bind = function() {
|
||||
var __method = this, args = $A(arguments), object = args.shift();
|
||||
return function() {
|
||||
return __method.apply(object, args.concat($A(arguments)));
|
||||
}
|
||||
}
|
||||
|
||||
Function.prototype.bindAsEventListener = function(object) {
|
||||
var __method = this;
|
||||
return function(event) {
|
||||
return __method.call(object, event || window.event);
|
||||
}
|
||||
}
|
||||
|
||||
Object.extend(Number.prototype, {
|
||||
toColorPart: function() {
|
||||
var digits = this.toString(16);
|
||||
if (this < 16) return '0' + digits;
|
||||
return digits;
|
||||
},
|
||||
|
||||
succ: function() {
|
||||
return this + 1;
|
||||
},
|
||||
|
||||
times: function(iterator) {
|
||||
$R(0, this, true).each(iterator);
|
||||
return this;
|
||||
}
|
||||
});
|
||||
|
||||
var Try = {
|
||||
these: function() {
|
||||
var returnValue;
|
||||
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
var lambda = arguments[i];
|
||||
try {
|
||||
returnValue = lambda();
|
||||
break;
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return returnValue;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var PeriodicalExecuter = Class.create();
|
||||
PeriodicalExecuter.prototype = {
|
||||
initialize: function(callback, frequency) {
|
||||
this.callback = callback;
|
||||
this.frequency = frequency;
|
||||
this.currentlyExecuting = false;
|
||||
|
||||
this.registerCallback();
|
||||
},
|
||||
|
||||
registerCallback: function() {
|
||||
setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
|
||||
},
|
||||
|
||||
onTimerEvent: function() {
|
||||
if (!this.currentlyExecuting) {
|
||||
try {
|
||||
this.currentlyExecuting = true;
|
||||
this.callback();
|
||||
} finally {
|
||||
this.currentlyExecuting = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Object.extend(String.prototype, {
|
||||
gsub: function(pattern, replacement) {
|
||||
var result = '', source = this, match;
|
||||
replacement = arguments.callee.prepareReplacement(replacement);
|
||||
|
||||
while (source.length > 0) {
|
||||
if (match = source.match(pattern)) {
|
||||
result += source.slice(0, match.index);
|
||||
result += (replacement(match) || '').toString();
|
||||
source = source.slice(match.index + match[0].length);
|
||||
} else {
|
||||
result += source, source = '';
|
||||
}
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
sub: function(pattern, replacement, count) {
|
||||
replacement = this.gsub.prepareReplacement(replacement);
|
||||
count = count === undefined ? 1 : count;
|
||||
|
||||
return this.gsub(pattern, function(match) {
|
||||
if (--count < 0) return match[0];
|
||||
return replacement(match);
|
||||
});
|
||||
},
|
||||
|
||||
scan: function(pattern, iterator) {
|
||||
this.gsub(pattern, iterator);
|
||||
return this;
|
||||
},
|
||||
|
||||
truncate: function(length, truncation) {
|
||||
length = length || 30;
|
||||
truncation = truncation === undefined ? '...' : truncation;
|
||||
return this.length > length ?
|
||||
this.slice(0, length - truncation.length) + truncation : this;
|
||||
},
|
||||
|
||||
strip: function() {
|
||||
return this.replace(/^\s+/, '').replace(/\s+$/, '');
|
||||
},
|
||||
|
||||
stripTags: function() {
|
||||
return this.replace(/<\/?[^>]+>/gi, '');
|
||||
},
|
||||
|
||||
stripScripts: function() {
|
||||
return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
|
||||
},
|
||||
|
||||
extractScripts: function() {
|
||||
var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
|
||||
var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
|
||||
return (this.match(matchAll) || []).map(function(scriptTag) {
|
||||
return (scriptTag.match(matchOne) || ['', ''])[1];
|
||||
});
|
||||
},
|
||||
|
||||
evalScripts: function() {
|
||||
return this.extractScripts().map(function(script) { return eval(script) });
|
||||
},
|
||||
|
||||
escapeHTML: function() {
|
||||
var div = document.createElement('div');
|
||||
var text = document.createTextNode(this);
|
||||
div.appendChild(text);
|
||||
return div.innerHTML;
|
||||
},
|
||||
|
||||
unescapeHTML: function() {
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = this.stripTags();
|
||||
return div.childNodes[0] ? div.childNodes[0].nodeValue : '';
|
||||
},
|
||||
|
||||
toQueryParams: function() {
|
||||
var pairs = this.match(/^\??(.*)$/)[1].split('&');
|
||||
return pairs.inject({}, function(params, pairString) {
|
||||
var pair = pairString.split('=');
|
||||
params[pair[0]] = pair[1];
|
||||
return params;
|
||||
});
|
||||
},
|
||||
|
||||
toArray: function() {
|
||||
return this.split('');
|
||||
},
|
||||
|
||||
camelize: function() {
|
||||
var oStringList = this.split('-');
|
||||
if (oStringList.length == 1) return oStringList[0];
|
||||
|
||||
var camelizedString = this.indexOf('-') == 0
|
||||
? oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1)
|
||||
: oStringList[0];
|
||||
|
||||
for (var i = 1, len = oStringList.length; i < len; i++) {
|
||||
var s = oStringList[i];
|
||||
camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
|
||||
}
|
||||
|
||||
return camelizedString;
|
||||
},
|
||||
|
||||
inspect: function() {
|
||||
return "'" + this.replace(/\\/g, '\\\\').replace(/'/g, '\\\'') + "'";
|
||||
}
|
||||
});
|
||||
|
||||
String.prototype.gsub.prepareReplacement = function(replacement) {
|
||||
if (typeof replacement == 'function') return replacement;
|
||||
var template = new Template(replacement);
|
||||
return function(match) { return template.evaluate(match) };
|
||||
}
|
||||
|
||||
String.prototype.parseQuery = String.prototype.toQueryParams;
|
||||
|
||||
var Template = Class.create();
|
||||
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;
|
||||
Template.prototype = {
|
||||
initialize: function(template, pattern) {
|
||||
this.template = template.toString();
|
||||
this.pattern = pattern || Template.Pattern;
|
||||
},
|
||||
|
||||
evaluate: function(object) {
|
||||
return this.template.gsub(this.pattern, function(match) {
|
||||
var before = match[1];
|
||||
if (before == '\\') return match[2];
|
||||
return before + (object[match[3]] || '').toString();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var $break = new Object();
|
||||
var $continue = new Object();
|
||||
|
||||
var Enumerable = {
|
||||
each: function(iterator) {
|
||||
var index = 0;
|
||||
try {
|
||||
this._each(function(value) {
|
||||
try {
|
||||
iterator(value, index++);
|
||||
} catch (e) {
|
||||
if (e != $continue) throw e;
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
if (e != $break) throw e;
|
||||
}
|
||||
},
|
||||
|
||||
all: function(iterator) {
|
||||
var result = true;
|
||||
this.each(function(value, index) {
|
||||
result = result && !!(iterator || Prototype.K)(value, index);
|
||||
if (!result) throw $break;
|
||||
});
|
||||
return result;
|
||||
},
|
||||
|
||||
any: function(iterator) {
|
||||
var result = true;
|
||||
this.each(function(value, index) {
|
||||
if (result = !!(iterator || Prototype.K)(value, index))
|
||||
throw $break;
|
||||
});
|
||||
return result;
|
||||
},
|
||||
|
||||
collect: function(iterator) {
|
||||
var results = [];
|
||||
this.each(function(value, index) {
|
||||
results.push(iterator(value, index));
|
||||
});
|
||||
return results;
|
||||
},
|
||||
|
||||
detect: function (iterator) {
|
||||
var result;
|
||||
this.each(function(value, index) {
|
||||
if (iterator(value, index)) {
|
||||
result = value;
|
||||
throw $break;
|
||||
}
|
||||
});
|
||||
return result;
|
||||
},
|
||||
|
||||
findAll: function(iterator) {
|
||||
var results = [];
|
||||
this.each(function(value, index) {
|
||||
if (iterator(value, index))
|
||||
results.push(value);
|
||||
});
|
||||
return results;
|
||||
},
|
||||
|
||||
grep: function(pattern, iterator) {
|
||||
var results = [];
|
||||
this.each(function(value, index) {
|
||||
var stringValue = value.toString();
|
||||
if (stringValue.match(pattern))
|
||||
results.push((iterator || Prototype.K)(value, index));
|
||||
})
|
||||
return results;
|
||||
},
|
||||
|
||||
include: function(object) {
|
||||
var found = false;
|
||||
this.each(function(value) {
|
||||
if (value == object) {
|
||||
found = true;
|
||||
throw $break;
|
||||
}
|
||||
});
|
||||
return found;
|
||||
},
|
||||
|
||||
inject: function(memo, iterator) {
|
||||
this.each(function(value, index) {
|
||||
memo = iterator(memo, value, index);
|
||||
});
|
||||
return memo;
|
||||
},
|
||||
|
||||
invoke: function(method) {
|
||||
var args = $A(arguments).slice(1);
|
||||
return this.collect(function(value) {
|
||||
return value[method].apply(value, args);
|
||||
});
|
||||
},
|
||||
|
||||
max: function(iterator) {
|
||||
var result;
|
||||
this.each(function(value, index) {
|
||||
value = (iterator || Prototype.K)(value, index);
|
||||
if (result == undefined || value >= result)
|
||||
result = value;
|
||||
});
|
||||
return result;
|
||||
},
|
||||
|
||||
min: function(iterator) {
|
||||
var result;
|
||||
this.each(function(value, index) {
|
||||
value = (iterator || Prototype.K)(value, index);
|
||||
if (result == undefined || value < result)
|
||||
result = value;
|
||||
});
|
||||
return result;
|
||||
},
|
||||
|
||||
partition: function(iterator) {
|
||||
var trues = [], falses = [];
|
||||
this.each(function(value, index) {
|
||||
((iterator || Prototype.K)(value, index) ?
|
||||
trues : falses).push(value);
|
||||
});
|
||||
return [trues, falses];
|
||||
},
|
||||
|
||||
pluck: function(property) {
|
||||
var results = [];
|
||||
this.each(function(value, index) {
|
||||
results.push(value[property]);
|
||||
});
|
||||
return results;
|
||||
},
|
||||
|
||||
reject: function(iterator) {
|
||||
var results = [];
|
||||
this.each(function(value, index) {
|
||||
if (!iterator(value, index))
|
||||
results.push(value);
|
||||
});
|
||||
return results;
|
||||
},
|
||||
|
||||
sortBy: function(iterator) {
|
||||
return this.collect(function(value, index) {
|
||||
return {value: value, criteria: iterator(value, index)};
|
||||
}).sort(function(left, right) {
|
||||
var a = left.criteria, b = right.criteria;
|
||||
return a < b ? -1 : a > b ? 1 : 0;
|
||||
}).pluck('value');
|
||||
},
|
||||
|
||||
toArray: function() {
|
||||
return this.collect(Prototype.K);
|
||||
},
|
||||
|
||||
zip: function() {
|
||||
var iterator = Prototype.K, args = $A(arguments);
|
||||
if (typeof args.last() == 'function')
|
||||
iterator = args.pop();
|
||||
|
||||
var collections = [this].concat(args).map($A);
|
||||
return this.map(function(value, index) {
|
||||
return iterator(collections.pluck(index));
|
||||
});
|
||||
},
|
||||
|
||||
inspect: function() {
|
||||
return '#<Enumerable:' + this.toArray().inspect() + '>';
|
||||
}
|
||||
}
|
||||
|
||||
Object.extend(Enumerable, {
|
||||
map: Enumerable.collect,
|
||||
find: Enumerable.detect,
|
||||
select: Enumerable.findAll,
|
||||
member: Enumerable.include,
|
||||
entries: Enumerable.toArray
|
||||
});
|
||||
var $A = Array.from = function(iterable) {
|
||||
if (!iterable) return [];
|
||||
if (iterable.toArray) {
|
||||
return iterable.toArray();
|
||||
} else {
|
||||
var results = [];
|
||||
for (var i = 0; i < iterable.length; i++)
|
||||
results.push(iterable[i]);
|
||||
return results;
|
||||
}
|
||||
}
|
||||
|
||||
Object.extend(Array.prototype, Enumerable);
|
||||
|
||||
if (!Array.prototype._reverse)
|
||||
Array.prototype._reverse = Array.prototype.reverse;
|
||||
|
||||
Object.extend(Array.prototype, {
|
||||
_each: function(iterator) {
|
||||
for (var i = 0; i < this.length; i++)
|
||||
iterator(this[i]);
|
||||
},
|
||||
|
||||
clear: function() {
|
||||
this.length = 0;
|
||||
return this;
|
||||
},
|
||||
|
||||
first: function() {
|
||||
return this[0];
|
||||
},
|
||||
|
||||
last: function() {
|
||||
return this[this.length - 1];
|
||||
},
|
||||
|
||||
compact: function() {
|
||||
return this.select(function(value) {
|
||||
return value != undefined || value != null;
|
||||
});
|
||||
},
|
||||
|
||||
flatten: function() {
|
||||
return this.inject([], function(array, value) {
|
||||
return array.concat(value && value.constructor == Array ?
|
||||
value.flatten() : [value]);
|
||||
});
|
||||
},
|
||||
|
||||
without: function() {
|
||||
var values = $A(arguments);
|
||||
return this.select(function(value) {
|
||||
return !values.include(value);
|
||||
});
|
||||
},
|
||||
|
||||
indexOf: function(object) {
|
||||
for (var i = 0; i < this.length; i++)
|
||||
if (this[i] == object) return i;
|
||||
return -1;
|
||||
},
|
||||
|
||||
reverse: function(inline) {
|
||||
return (inline !== false ? this : this.toArray())._reverse();
|
||||
},
|
||||
|
||||
inspect: function() {
|
||||
return '[' + this.map(Object.inspect).join(', ') + ']';
|
||||
}
|
||||
});
|
||||
var Hash = {
|
||||
_each: function(iterator) {
|
||||
for (var key in this) {
|
||||
var value = this[key];
|
||||
if (typeof value == 'function') continue;
|
||||
|
||||
var pair = [key, value];
|
||||
pair.key = key;
|
||||
pair.value = value;
|
||||
iterator(pair);
|
||||
}
|
||||
},
|
||||
|
||||
keys: function() {
|
||||
return this.pluck('key');
|
||||
},
|
||||
|
||||
values: function() {
|
||||
return this.pluck('value');
|
||||
},
|
||||
|
||||
merge: function(hash) {
|
||||
return $H(hash).inject($H(this), function(mergedHash, pair) {
|
||||
mergedHash[pair.key] = pair.value;
|
||||
return mergedHash;
|
||||
});
|
||||
},
|
||||
|
||||
toQueryString: function() {
|
||||
return this.map(function(pair) {
|
||||
return pair.map(encodeURIComponent).join('=');
|
||||
}).join('&');
|
||||
},
|
||||
|
||||
inspect: function() {
|
||||
return '#<Hash:{' + this.map(function(pair) {
|
||||
return pair.map(Object.inspect).join(': ');
|
||||
}).join(', ') + '}>';
|
||||
}
|
||||
}
|
||||
|
||||
function $H(object) {
|
||||
var hash = Object.extend({}, object || {});
|
||||
Object.extend(hash, Enumerable);
|
||||
Object.extend(hash, Hash);
|
||||
return hash;
|
||||
}
|
||||
ObjectRange = Class.create();
|
||||
Object.extend(ObjectRange.prototype, Enumerable);
|
||||
Object.extend(ObjectRange.prototype, {
|
||||
initialize: function(start, end, exclusive) {
|
||||
this.start = start;
|
||||
this.end = end;
|
||||
this.exclusive = exclusive;
|
||||
},
|
||||
|
||||
_each: function(iterator) {
|
||||
var value = this.start;
|
||||
do {
|
||||
iterator(value);
|
||||
value = value.succ();
|
||||
} while (this.include(value));
|
||||
},
|
||||
|
||||
include: function(value) {
|
||||
if (value < this.start)
|
||||
return false;
|
||||
if (this.exclusive)
|
||||
return value < this.end;
|
||||
return value <= this.end;
|
||||
}
|
||||
});
|
||||
|
||||
var $R = function(start, end, exclusive) {
|
||||
return new ObjectRange(start, end, exclusive);
|
||||
}
|
||||
|
||||
var Ajax = {
|
||||
getTransport: function() {
|
||||
return Try.these(
|
||||
function() {return new XMLHttpRequest()},
|
||||
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
|
||||
function() {return new ActiveXObject('Microsoft.XMLHTTP')}
|
||||
) || false;
|
||||
},
|
||||
|
||||
activeRequestCount: 0
|
||||
}
|
||||
|
||||
Ajax.Responders = {
|
||||
responders: [],
|
||||
|
||||
_each: function(iterator) {
|
||||
this.responders._each(iterator);
|
||||
},
|
||||
|
||||
register: function(responderToAdd) {
|
||||
if (!this.include(responderToAdd))
|
||||
this.responders.push(responderToAdd);
|
||||
},
|
||||
|
||||
unregister: function(responderToRemove) {
|
||||
this.responders = this.responders.without(responderToRemove);
|
||||
},
|
||||
|
||||
dispatch: function(callback, request, transport, json) {
|
||||
this.each(function(responder) {
|
||||
if (responder[callback] && typeof responder[callback] == 'function') {
|
||||
try {
|
||||
responder[callback].apply(responder, [request, transport, json]);
|
||||
} catch (e) {}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Object.extend(Ajax.Responders, Enumerable);
|
||||
|
||||
Ajax.Responders.register({
|
||||
onCreate: function() {
|
||||
Ajax.activeRequestCount++;
|
||||
},
|
||||
|
||||
onComplete: function() {
|
||||
Ajax.activeRequestCount--;
|
||||
}
|
||||
});
|
||||
|
||||
Ajax.Base = function() {};
|
||||
Ajax.Base.prototype = {
|
||||
setOptions: function(options) {
|
||||
this.options = {
|
||||
method: 'post',
|
||||
asynchronous: true,
|
||||
contentType: 'application/x-www-form-urlencoded',
|
||||
parameters: ''
|
||||
}
|
||||
Object.extend(this.options, options || {});
|
||||
},
|
||||
|
||||
responseIsSuccess: function() {
|
||||
return this.transport.status == undefined
|
||||
|| this.transport.status == 0
|
||||
|| (this.transport.status >= 200 && this.transport.status < 300);
|
||||
},
|
||||
|
||||
responseIsFailure: function() {
|
||||
return !this.responseIsSuccess();
|
||||
}
|
||||
}
|
||||
|
||||
Ajax.Request = Class.create();
|
||||
Ajax.Request.Events =
|
||||
['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
|
||||
|
||||
Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
|
||||
initialize: function(url, options) {
|
||||
this.transport = Ajax.getTransport();
|
||||
this.setOptions(options);
|
||||
this.request(url);
|
||||
},
|
||||
|
||||
request: function(url) {
|
||||
var parameters = this.options.parameters || '';
|
||||
if (parameters.length > 0) parameters += '&_=';
|
||||
|
||||
try {
|
||||
this.url = url;
|
||||
if (this.options.method == 'get' && parameters.length > 0)
|
||||
this.url += (this.url.match(/\?/) ? '&' : '?') + parameters;
|
||||
|
||||
Ajax.Responders.dispatch('onCreate', this, this.transport);
|
||||
|
||||
this.transport.open(this.options.method, this.url,
|
||||
this.options.asynchronous);
|
||||
|
||||
if (this.options.asynchronous) {
|
||||
this.transport.onreadystatechange = this.onStateChange.bind(this);
|
||||
setTimeout((function() {this.respondToReadyState(1)}).bind(this), 10);
|
||||
}
|
||||
|
||||
this.setRequestHeaders();
|
||||
|
||||
var body = this.options.postBody ? this.options.postBody : parameters;
|
||||
this.transport.send(this.options.method == 'post' ? body : null);
|
||||
|
||||
} catch (e) {
|
||||
this.dispatchException(e);
|
||||
}
|
||||
},
|
||||
|
||||
setRequestHeaders: function() {
|
||||
var requestHeaders =
|
||||
['X-Requested-With', 'XMLHttpRequest',
|
||||
'X-Prototype-Version', Prototype.Version,
|
||||
'Accept', 'text/javascript, text/html, application/xml, text/xml, */*'];
|
||||
|
||||
if (this.options.method == 'post') {
|
||||
requestHeaders.push('Content-type', this.options.contentType);
|
||||
|
||||
/* Force "Connection: close" for Mozilla browsers to work around
|
||||
* a bug where XMLHttpReqeuest sends an incorrect Content-length
|
||||
* header. See Mozilla Bugzilla #246651.
|
||||
*/
|
||||
if (this.transport.overrideMimeType)
|
||||
requestHeaders.push('Connection', 'close');
|
||||
}
|
||||
|
||||
if (this.options.requestHeaders)
|
||||
requestHeaders.push.apply(requestHeaders, this.options.requestHeaders);
|
||||
|
||||
for (var i = 0; i < requestHeaders.length; i += 2)
|
||||
this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]);
|
||||
},
|
||||
|
||||
onStateChange: function() {
|
||||
var readyState = this.transport.readyState;
|
||||
if (readyState != 1)
|
||||
this.respondToReadyState(this.transport.readyState);
|
||||
},
|
||||
|
||||
header: function(name) {
|
||||
try {
|
||||
return this.transport.getResponseHeader(name);
|
||||
} catch (e) {}
|
||||
},
|
||||
|
||||
evalJSON: function() {
|
||||
try {
|
||||
return eval('(' + this.header('X-JSON') + ')');
|
||||
} catch (e) {}
|
||||
},
|
||||
|
||||
evalResponse: function() {
|
||||
try {
|
||||
return eval(this.transport.responseText);
|
||||
} catch (e) {
|
||||
this.dispatchException(e);
|
||||
}
|
||||
},
|
||||
|
||||
respondToReadyState: function(readyState) {
|
||||
var event = Ajax.Request.Events[readyState];
|
||||
var transport = this.transport, json = this.evalJSON();
|
||||
|
||||
if (event == 'Complete') {
|
||||
try {
|
||||
(this.options['on' + this.transport.status]
|
||||
|| this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')]
|
||||
|| Prototype.emptyFunction)(transport, json);
|
||||
} catch (e) {
|
||||
this.dispatchException(e);
|
||||
}
|
||||
|
||||
if ((this.header('Content-type') || '').match(/^text\/javascript/i))
|
||||
this.evalResponse();
|
||||
}
|
||||
|
||||
try {
|
||||
(this.options['on' + event] || Prototype.emptyFunction)(transport, json);
|
||||
Ajax.Responders.dispatch('on' + event, this, transport, json);
|
||||
} catch (e) {
|
||||
this.dispatchException(e);
|
||||
}
|
||||
|
||||
/* Avoid memory leak in MSIE: clean up the oncomplete event handler */
|
||||
if (event == 'Complete')
|
||||
this.transport.onreadystatechange = Prototype.emptyFunction;
|
||||
},
|
||||
|
||||
dispatchException: function(exception) {
|
||||
(this.options.onException || Prototype.emptyFunction)(this, exception);
|
||||
Ajax.Responders.dispatch('onException', this, exception);
|
||||
}
|
||||
});
|
||||
|
||||
Ajax.Updater = Class.create();
|
||||
|
||||
Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
|
||||
initialize: function(container, url, options) {
|
||||
this.containers = {
|
||||
success: container.success ? $(container.success) : $(container),
|
||||
failure: container.failure ? $(container.failure) :
|
||||
(container.success ? null : $(container))
|
||||
}
|
||||
|
||||
this.transport = Ajax.getTransport();
|
||||
this.setOptions(options);
|
||||
|
||||
var onComplete = this.options.onComplete || Prototype.emptyFunction;
|
||||
this.options.onComplete = (function(transport, object) {
|
||||
this.updateContent();
|
||||
onComplete(transport, object);
|
||||
}).bind(this);
|
||||
|
||||
this.request(url);
|
||||
},
|
||||
|
||||
updateContent: function() {
|
||||
var receiver = this.responseIsSuccess() ?
|
||||
this.containers.success : this.containers.failure;
|
||||
var response = this.transport.responseText;
|
||||
|
||||
if (!this.options.evalScripts)
|
||||
response = response.stripScripts();
|
||||
|
||||
if (receiver) {
|
||||
if (this.options.insertion) {
|
||||
new this.options.insertion(receiver, response);
|
||||
} else {
|
||||
Element.update(receiver, response);
|
||||
}
|
||||
}
|
||||
|
||||
if (this.responseIsSuccess()) {
|
||||
if (this.onComplete)
|
||||
setTimeout(this.onComplete.bind(this), 10);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Ajax.PeriodicalUpdater = Class.create();
|
||||
Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {
|
||||
initialize: function(container, url, options) {
|
||||
this.setOptions(options);
|
||||
this.onComplete = this.options.onComplete;
|
||||
|
||||
this.frequency = (this.options.frequency || 2);
|
||||
this.decay = (this.options.decay || 1);
|
||||
|
||||
this.updater = {};
|
||||
this.container = container;
|
||||
this.url = url;
|
||||
|
||||
this.start();
|
||||
},
|
||||
|
||||
start: function() {
|
||||
this.options.onComplete = this.updateComplete.bind(this);
|
||||
this.onTimerEvent();
|
||||
},
|
||||
|
||||
stop: function() {
|
||||
this.updater.onComplete = undefined;
|
||||
clearTimeout(this.timer);
|
||||
(this.onComplete || Prototype.emptyFunction).apply(this, arguments);
|
||||
},
|
||||
|
||||
updateComplete: function(request) {
|
||||
if (this.options.decay) {
|
||||
this.decay = (request.responseText == this.lastText ?
|
||||
this.decay * this.options.decay : 1);
|
||||
|
||||
this.lastText = request.responseText;
|
||||
}
|
||||
this.timer = setTimeout(this.onTimerEvent.bind(this),
|
||||
this.decay * this.frequency * 1000);
|
||||
},
|
||||
|
||||
onTimerEvent: function() {
|
||||
this.updater = new Ajax.Updater(this.container, this.url, this.options);
|
||||
}
|
||||
});
|
||||
function $() {
|
||||
var results = [], element;
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
element = arguments[i];
|
||||
if (typeof element == 'string')
|
||||
element = document.getElementById(element);
|
||||
results.push(Element.extend(element));
|
||||
}
|
||||
return results.length < 2 ? results[0] : results;
|
||||
}
|
||||
|
||||
document.getElementsByClassName = function(className, parentElement) {
|
||||
var children = ($(parentElement) || document.body).getElementsByTagName('*');
|
||||
return $A(children).inject([], function(elements, child) {
|
||||
if (child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
|
||||
elements.push(Element.extend(child));
|
||||
return elements;
|
||||
});
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
if (!window.Element)
|
||||
var Element = new Object();
|
||||
|
||||
Element.extend = function(element) {
|
||||
if (!element) return;
|
||||
if (_nativeExtensions) return element;
|
||||
|
||||
if (!element._extended && element.tagName && element != window) {
|
||||
var methods = Element.Methods, cache = Element.extend.cache;
|
||||
for (property in methods) {
|
||||
var value = methods[property];
|
||||
if (typeof value == 'function')
|
||||
element[property] = cache.findOrStore(value);
|
||||
}
|
||||
}
|
||||
|
||||
element._extended = true;
|
||||
return element;
|
||||
}
|
||||
|
||||
Element.extend.cache = {
|
||||
findOrStore: function(value) {
|
||||
return this[value] = this[value] || function() {
|
||||
return value.apply(null, [this].concat($A(arguments)));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Element.Methods = {
|
||||
visible: function(element) {
|
||||
return $(element).style.display != 'none';
|
||||
},
|
||||
|
||||
toggle: function() {
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
var element = $(arguments[i]);
|
||||
Element[Element.visible(element) ? 'hide' : 'show'](element);
|
||||
}
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
var element = $(arguments[i]);
|
||||
element.style.display = 'none';
|
||||
}
|
||||
},
|
||||
|
||||
show: function() {
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
var element = $(arguments[i]);
|
||||
element.style.display = '';
|
||||
}
|
||||
},
|
||||
|
||||
remove: function(element) {
|
||||
element = $(element);
|
||||
element.parentNode.removeChild(element);
|
||||
},
|
||||
|
||||
update: function(element, html) {
|
||||
$(element).innerHTML = html.stripScripts();
|
||||
setTimeout(function() {html.evalScripts()}, 10);
|
||||
},
|
||||
|
||||
replace: function(element, html) {
|
||||
element = $(element);
|
||||
if (element.outerHTML) {
|
||||
element.outerHTML = html.stripScripts();
|
||||
} else {
|
||||
var range = element.ownerDocument.createRange();
|
||||
range.selectNodeContents(element);
|
||||
element.parentNode.replaceChild(
|
||||
range.createContextualFragment(html.stripScripts()), element);
|
||||
}
|
||||
setTimeout(function() {html.evalScripts()}, 10);
|
||||
},
|
||||
|
||||
getHeight: function(element) {
|
||||
element = $(element);
|
||||
return element.offsetHeight;
|
||||
},
|
||||
|
||||
classNames: function(element) {
|
||||
return new Element.ClassNames(element);
|
||||
},
|
||||
|
||||
hasClassName: function(element, className) {
|
||||
if (!(element = $(element))) return;
|
||||
return Element.classNames(element).include(className);
|
||||
},
|
||||
|
||||
addClassName: function(element, className) {
|
||||
if (!(element = $(element))) return;
|
||||
return Element.classNames(element).add(className);
|
||||
},
|
||||
|
||||
removeClassName: function(element, className) {
|
||||
if (!(element = $(element))) return;
|
||||
return Element.classNames(element).remove(className);
|
||||
},
|
||||
|
||||
// removes whitespace-only text node children
|
||||
cleanWhitespace: function(element) {
|
||||
element = $(element);
|
||||
for (var i = 0; i < element.childNodes.length; i++) {
|
||||
var node = element.childNodes[i];
|
||||
if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
|
||||
Element.remove(node);
|
||||
}
|
||||
},
|
||||
|
||||
empty: function(element) {
|
||||
return $(element).innerHTML.match(/^\s*$/);
|
||||
},
|
||||
|
||||
childOf: function(element, ancestor) {
|
||||
element = $(element), ancestor = $(ancestor);
|
||||
while (element = element.parentNode)
|
||||
if (element == ancestor) return true;
|
||||
return false;
|
||||
},
|
||||
|
||||
scrollTo: function(element) {
|
||||
element = $(element);
|
||||
var x = element.x ? element.x : element.offsetLeft,
|
||||
y = element.y ? element.y : element.offsetTop;
|
||||
window.scrollTo(x, y);
|
||||
},
|
||||
|
||||
getStyle: function(element, style) {
|
||||
element = $(element);
|
||||
var value = element.style[style.camelize()];
|
||||
if (!value) {
|
||||
if (document.defaultView && document.defaultView.getComputedStyle) {
|
||||
var css = document.defaultView.getComputedStyle(element, null);
|
||||
value = css ? css.getPropertyValue(style) : null;
|
||||
} else if (element.currentStyle) {
|
||||
value = element.currentStyle[style.camelize()];
|
||||
}
|
||||
}
|
||||
|
||||
if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))
|
||||
if (Element.getStyle(element, 'position') == 'static') value = 'auto';
|
||||
|
||||
return value == 'auto' ? null : value;
|
||||
},
|
||||
|
||||
setStyle: function(element, style) {
|
||||
element = $(element);
|
||||
for (var name in style)
|
||||
element.style[name.camelize()] = style[name];
|
||||
},
|
||||
|
||||
getDimensions: function(element) {
|
||||
element = $(element);
|
||||
if (Element.getStyle(element, 'display') != 'none')
|
||||
return {width: element.offsetWidth, height: element.offsetHeight};
|
||||
|
||||
// All *Width and *Height properties give 0 on elements with display none,
|
||||
// so enable the element temporarily
|
||||
var els = element.style;
|
||||
var originalVisibility = els.visibility;
|
||||
var originalPosition = els.position;
|
||||
els.visibility = 'hidden';
|
||||
els.position = 'absolute';
|
||||
els.display = '';
|
||||
var originalWidth = element.clientWidth;
|
||||
var originalHeight = element.clientHeight;
|
||||
els.display = 'none';
|
||||
els.position = originalPosition;
|
||||
els.visibility = originalVisibility;
|
||||
return {width: originalWidth, height: originalHeight};
|
||||
},
|
||||
|
||||
makePositioned: function(element) {
|
||||
element = $(element);
|
||||
var pos = Element.getStyle(element, 'position');
|
||||
if (pos == 'static' || !pos) {
|
||||
element._madePositioned = true;
|
||||
element.style.position = 'relative';
|
||||
// Opera returns the offset relative to the positioning context, when an
|
||||
// element is position relative but top and left have not been defined
|
||||
if (window.opera) {
|
||||
element.style.top = 0;
|
||||
element.style.left = 0;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
undoPositioned: function(element) {
|
||||
element = $(element);
|
||||
if (element._madePositioned) {
|
||||
element._madePositioned = undefined;
|
||||
element.style.position =
|
||||
element.style.top =
|
||||
element.style.left =
|
||||
element.style.bottom =
|
||||
element.style.right = '';
|
||||
}
|
||||
},
|
||||
|
||||
makeClipping: function(element) {
|
||||
element = $(element);
|
||||
if (element._overflow) return;
|
||||
element._overflow = element.style.overflow;
|
||||
if ((Element.getStyle(element, 'overflow') || 'visible') != 'hidden')
|
||||
element.style.overflow = 'hidden';
|
||||
},
|
||||
|
||||
undoClipping: function(element) {
|
||||
element = $(element);
|
||||
if (element._overflow) return;
|
||||
element.style.overflow = element._overflow;
|
||||
element._overflow = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
Object.extend(Element, Element.Methods);
|
||||
|
||||
var _nativeExtensions = false;
|
||||
|
||||
if(!HTMLElement && /Konqueror|Safari|KHTML/.test(navigator.userAgent)) {
|
||||
var HTMLElement = {}
|
||||
HTMLElement.prototype = document.createElement('div').__proto__;
|
||||
}
|
||||
|
||||
Element.addMethods = function(methods) {
|
||||
Object.extend(Element.Methods, methods || {});
|
||||
|
||||
if(typeof HTMLElement != 'undefined') {
|
||||
var methods = Element.Methods, cache = Element.extend.cache;
|
||||
for (property in methods) {
|
||||
var value = methods[property];
|
||||
if (typeof value == 'function')
|
||||
HTMLElement.prototype[property] = cache.findOrStore(value);
|
||||
}
|
||||
_nativeExtensions = true;
|
||||
}
|
||||
}
|
||||
|
||||
Element.addMethods();
|
||||
|
||||
var Toggle = new Object();
|
||||
Toggle.display = Element.toggle;
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Abstract.Insertion = function(adjacency) {
|
||||
this.adjacency = adjacency;
|
||||
}
|
||||
|
||||
Abstract.Insertion.prototype = {
|
||||
initialize: function(element, content) {
|
||||
this.element = $(element);
|
||||
this.content = content.stripScripts();
|
||||
|
||||
if (this.adjacency && this.element.insertAdjacentHTML) {
|
||||
try {
|
||||
this.element.insertAdjacentHTML(this.adjacency, this.content);
|
||||
} catch (e) {
|
||||
var tagName = this.element.tagName.toLowerCase();
|
||||
if (tagName == 'tbody' || tagName == 'tr') {
|
||||
this.insertContent(this.contentFromAnonymousTable());
|
||||
} else {
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.range = this.element.ownerDocument.createRange();
|
||||
if (this.initializeRange) this.initializeRange();
|
||||
this.insertContent([this.range.createContextualFragment(this.content)]);
|
||||
}
|
||||
|
||||
setTimeout(function() {content.evalScripts()}, 10);
|
||||
},
|
||||
|
||||
contentFromAnonymousTable: function() {
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = '<table><tbody>' + this.content + '</tbody></table>';
|
||||
return $A(div.childNodes[0].childNodes[0].childNodes);
|
||||
}
|
||||
}
|
||||
|
||||
var Insertion = new Object();
|
||||
|
||||
Insertion.Before = Class.create();
|
||||
Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), {
|
||||
initializeRange: function() {
|
||||
this.range.setStartBefore(this.element);
|
||||
},
|
||||
|
||||
insertContent: function(fragments) {
|
||||
fragments.each((function(fragment) {
|
||||
this.element.parentNode.insertBefore(fragment, this.element);
|
||||
}).bind(this));
|
||||
}
|
||||
});
|
||||
|
||||
Insertion.Top = Class.create();
|
||||
Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), {
|
||||
initializeRange: function() {
|
||||
this.range.selectNodeContents(this.element);
|
||||
this.range.collapse(true);
|
||||
},
|
||||
|
||||
insertContent: function(fragments) {
|
||||
fragments.reverse(false).each((function(fragment) {
|
||||
this.element.insertBefore(fragment, this.element.firstChild);
|
||||
}).bind(this));
|
||||
}
|
||||
});
|
||||
|
||||
Insertion.Bottom = Class.create();
|
||||
Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), {
|
||||
initializeRange: function() {
|
||||
this.range.selectNodeContents(this.element);
|
||||
this.range.collapse(this.element);
|
||||
},
|
||||
|
||||
insertContent: function(fragments) {
|
||||
fragments.each((function(fragment) {
|
||||
this.element.appendChild(fragment);
|
||||
}).bind(this));
|
||||
}
|
||||
});
|
||||
|
||||
Insertion.After = Class.create();
|
||||
Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), {
|
||||
initializeRange: function() {
|
||||
this.range.setStartAfter(this.element);
|
||||
},
|
||||
|
||||
insertContent: function(fragments) {
|
||||
fragments.each((function(fragment) {
|
||||
this.element.parentNode.insertBefore(fragment,
|
||||
this.element.nextSibling);
|
||||
}).bind(this));
|
||||
}
|
||||
});
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Element.ClassNames = Class.create();
|
||||
Element.ClassNames.prototype = {
|
||||
initialize: function(element) {
|
||||
this.element = $(element);
|
||||
},
|
||||
|
||||
_each: function(iterator) {
|
||||
this.element.className.split(/\s+/).select(function(name) {
|
||||
return name.length > 0;
|
||||
})._each(iterator);
|
||||
},
|
||||
|
||||
set: function(className) {
|
||||
this.element.className = className;
|
||||
},
|
||||
|
||||
add: function(classNameToAdd) {
|
||||
if (this.include(classNameToAdd)) return;
|
||||
this.set(this.toArray().concat(classNameToAdd).join(' '));
|
||||
},
|
||||
|
||||
remove: function(classNameToRemove) {
|
||||
if (!this.include(classNameToRemove)) return;
|
||||
this.set(this.select(function(className) {
|
||||
return className != classNameToRemove;
|
||||
}).join(' '));
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
return this.toArray().join(' ');
|
||||
}
|
||||
}
|
||||
|
||||
Object.extend(Element.ClassNames.prototype, Enumerable);
|
||||
var Selector = Class.create();
|
||||
Selector.prototype = {
|
||||
initialize: function(expression) {
|
||||
this.params = {classNames: []};
|
||||
this.expression = expression.toString().strip();
|
||||
this.parseExpression();
|
||||
this.compileMatcher();
|
||||
},
|
||||
|
||||
parseExpression: function() {
|
||||
function abort(message) { throw 'Parse error in selector: ' + message; }
|
||||
|
||||
if (this.expression == '') abort('empty expression');
|
||||
|
||||
var params = this.params, expr = this.expression, match, modifier, clause, rest;
|
||||
while (match = expr.match(/^(.*)\[([a-z0-9_:-]+?)(?:([~\|!]?=)(?:"([^"]*)"|([^\]\s]*)))?\]$/i)) {
|
||||
params.attributes = params.attributes || [];
|
||||
params.attributes.push({name: match[2], operator: match[3], value: match[4] || match[5] || ''});
|
||||
expr = match[1];
|
||||
}
|
||||
|
||||
if (expr == '*') return this.params.wildcard = true;
|
||||
|
||||
while (match = expr.match(/^([^a-z0-9_-])?([a-z0-9_-]+)(.*)/i)) {
|
||||
modifier = match[1], clause = match[2], rest = match[3];
|
||||
switch (modifier) {
|
||||
case '#': params.id = clause; break;
|
||||
case '.': params.classNames.push(clause); break;
|
||||
case '':
|
||||
case undefined: params.tagName = clause.toUpperCase(); break;
|
||||
default: abort(expr.inspect());
|
||||
}
|
||||
expr = rest;
|
||||
}
|
||||
|
||||
if (expr.length > 0) abort(expr.inspect());
|
||||
},
|
||||
|
||||
buildMatchExpression: function() {
|
||||
var params = this.params, conditions = [], clause;
|
||||
|
||||
if (params.wildcard)
|
||||
conditions.push('true');
|
||||
if (clause = params.id)
|
||||
conditions.push('element.id == ' + clause.inspect());
|
||||
if (clause = params.tagName)
|
||||
conditions.push('element.tagName.toUpperCase() == ' + clause.inspect());
|
||||
if ((clause = params.classNames).length > 0)
|
||||
for (var i = 0; i < clause.length; i++)
|
||||
conditions.push('Element.hasClassName(element, ' + clause[i].inspect() + ')');
|
||||
if (clause = params.attributes) {
|
||||
clause.each(function(attribute) {
|
||||
var value = 'element.getAttribute(' + attribute.name.inspect() + ')';
|
||||
var splitValueBy = function(delimiter) {
|
||||
return value + ' && ' + value + '.split(' + delimiter.inspect() + ')';
|
||||
}
|
||||
|
||||
switch (attribute.operator) {
|
||||
case '=': conditions.push(value + ' == ' + attribute.value.inspect()); break;
|
||||
case '~=': conditions.push(splitValueBy(' ') + '.include(' + attribute.value.inspect() + ')'); break;
|
||||
case '|=': conditions.push(
|
||||
splitValueBy('-') + '.first().toUpperCase() == ' + attribute.value.toUpperCase().inspect()
|
||||
); break;
|
||||
case '!=': conditions.push(value + ' != ' + attribute.value.inspect()); break;
|
||||
case '':
|
||||
case undefined: conditions.push(value + ' != null'); break;
|
||||
default: throw 'Unknown operator ' + attribute.operator + ' in selector';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return conditions.join(' && ');
|
||||
},
|
||||
|
||||
compileMatcher: function() {
|
||||
this.match = new Function('element', 'if (!element.tagName) return false; \
|
||||
return ' + this.buildMatchExpression());
|
||||
},
|
||||
|
||||
findElements: function(scope) {
|
||||
var element;
|
||||
|
||||
if (element = $(this.params.id))
|
||||
if (this.match(element))
|
||||
if (!scope || Element.childOf(element, scope))
|
||||
return [element];
|
||||
|
||||
scope = (scope || document).getElementsByTagName(this.params.tagName || '*');
|
||||
|
||||
var results = [];
|
||||
for (var i = 0; i < scope.length; i++)
|
||||
if (this.match(element = scope[i]))
|
||||
results.push(Element.extend(element));
|
||||
|
||||
return results;
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
return this.expression;
|
||||
}
|
||||
}
|
||||
|
||||
function $$() {
|
||||
return $A(arguments).map(function(expression) {
|
||||
return expression.strip().split(/\s+/).inject([null], function(results, expr) {
|
||||
var selector = new Selector(expr);
|
||||
return results.map(selector.findElements.bind(selector)).flatten();
|
||||
});
|
||||
}).flatten();
|
||||
}
|
||||
var Field = {
|
||||
clear: function() {
|
||||
for (var i = 0; i < arguments.length; i++)
|
||||
$(arguments[i]).value = '';
|
||||
},
|
||||
|
||||
focus: function(element) {
|
||||
$(element).focus();
|
||||
},
|
||||
|
||||
present: function() {
|
||||
for (var i = 0; i < arguments.length; i++)
|
||||
if ($(arguments[i]).value == '') return false;
|
||||
return true;
|
||||
},
|
||||
|
||||
select: function(element) {
|
||||
$(element).select();
|
||||
},
|
||||
|
||||
activate: function(element) {
|
||||
element = $(element);
|
||||
element.focus();
|
||||
if (element.select)
|
||||
element.select();
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var Form = {
|
||||
serialize: function(form) {
|
||||
var elements = Form.getElements($(form));
|
||||
var queryComponents = new Array();
|
||||
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
var queryComponent = Form.Element.serialize(elements[i]);
|
||||
if (queryComponent)
|
||||
queryComponents.push(queryComponent);
|
||||
}
|
||||
|
||||
return queryComponents.join('&');
|
||||
},
|
||||
|
||||
getElements: function(form) {
|
||||
form = $(form);
|
||||
var elements = new Array();
|
||||
|
||||
for (var tagName in Form.Element.Serializers) {
|
||||
var tagElements = form.getElementsByTagName(tagName);
|
||||
for (var j = 0; j < tagElements.length; j++)
|
||||
elements.push(tagElements[j]);
|
||||
}
|
||||
return elements;
|
||||
},
|
||||
|
||||
getInputs: function(form, typeName, name) {
|
||||
form = $(form);
|
||||
var inputs = form.getElementsByTagName('input');
|
||||
|
||||
if (!typeName && !name)
|
||||
return inputs;
|
||||
|
||||
var matchingInputs = new Array();
|
||||
for (var i = 0; i < inputs.length; i++) {
|
||||
var input = inputs[i];
|
||||
if ((typeName && input.type != typeName) ||
|
||||
(name && input.name != name))
|
||||
continue;
|
||||
matchingInputs.push(input);
|
||||
}
|
||||
|
||||
return matchingInputs;
|
||||
},
|
||||
|
||||
disable: function(form) {
|
||||
var elements = Form.getElements(form);
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
var element = elements[i];
|
||||
element.blur();
|
||||
element.disabled = 'true';
|
||||
}
|
||||
},
|
||||
|
||||
enable: function(form) {
|
||||
var elements = Form.getElements(form);
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
var element = elements[i];
|
||||
element.disabled = '';
|
||||
}
|
||||
},
|
||||
|
||||
findFirstElement: function(form) {
|
||||
return Form.getElements(form).find(function(element) {
|
||||
return element.type != 'hidden' && !element.disabled &&
|
||||
['input', 'select', 'textarea'].include(element.tagName.toLowerCase());
|
||||
});
|
||||
},
|
||||
|
||||
focusFirstElement: function(form) {
|
||||
Field.activate(Form.findFirstElement(form));
|
||||
},
|
||||
|
||||
reset: function(form) {
|
||||
$(form).reset();
|
||||
}
|
||||
}
|
||||
|
||||
Form.Element = {
|
||||
serialize: function(element) {
|
||||
element = $(element);
|
||||
var method = element.tagName.toLowerCase();
|
||||
var parameter = Form.Element.Serializers[method](element);
|
||||
|
||||
if (parameter) {
|
||||
var key = encodeURIComponent(parameter[0]);
|
||||
if (key.length == 0) return;
|
||||
|
||||
if (parameter[1].constructor != Array)
|
||||
parameter[1] = [parameter[1]];
|
||||
|
||||
return parameter[1].map(function(value) {
|
||||
return key + '=' + encodeURIComponent(value);
|
||||
}).join('&');
|
||||
}
|
||||
},
|
||||
|
||||
getValue: function(element) {
|
||||
element = $(element);
|
||||
var method = element.tagName.toLowerCase();
|
||||
var parameter = Form.Element.Serializers[method](element);
|
||||
|
||||
if (parameter)
|
||||
return parameter[1];
|
||||
}
|
||||
}
|
||||
|
||||
Form.Element.Serializers = {
|
||||
input: function(element) {
|
||||
switch (element.type.toLowerCase()) {
|
||||
case 'submit':
|
||||
case 'hidden':
|
||||
case 'password':
|
||||
case 'text':
|
||||
return Form.Element.Serializers.textarea(element);
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
return Form.Element.Serializers.inputSelector(element);
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
inputSelector: function(element) {
|
||||
if (element.checked)
|
||||
return [element.name, element.value];
|
||||
},
|
||||
|
||||
textarea: function(element) {
|
||||
return [element.name, element.value];
|
||||
},
|
||||
|
||||
select: function(element) {
|
||||
return Form.Element.Serializers[element.type == 'select-one' ?
|
||||
'selectOne' : 'selectMany'](element);
|
||||
},
|
||||
|
||||
selectOne: function(element) {
|
||||
var value = '', opt, index = element.selectedIndex;
|
||||
if (index >= 0) {
|
||||
opt = element.options[index];
|
||||
value = opt.value || opt.text;
|
||||
}
|
||||
return [element.name, value];
|
||||
},
|
||||
|
||||
selectMany: function(element) {
|
||||
var value = [];
|
||||
for (var i = 0; i < element.length; i++) {
|
||||
var opt = element.options[i];
|
||||
if (opt.selected)
|
||||
value.push(opt.value || opt.text);
|
||||
}
|
||||
return [element.name, value];
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
var $F = Form.Element.getValue;
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Abstract.TimedObserver = function() {}
|
||||
Abstract.TimedObserver.prototype = {
|
||||
initialize: function(element, frequency, callback) {
|
||||
this.frequency = frequency;
|
||||
this.element = $(element);
|
||||
this.callback = callback;
|
||||
|
||||
this.lastValue = this.getValue();
|
||||
this.registerCallback();
|
||||
},
|
||||
|
||||
registerCallback: function() {
|
||||
setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
|
||||
},
|
||||
|
||||
onTimerEvent: function() {
|
||||
var value = this.getValue();
|
||||
if (this.lastValue != value) {
|
||||
this.callback(this.element, value);
|
||||
this.lastValue = value;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Form.Element.Observer = Class.create();
|
||||
Form.Element.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
|
||||
getValue: function() {
|
||||
return Form.Element.getValue(this.element);
|
||||
}
|
||||
});
|
||||
|
||||
Form.Observer = Class.create();
|
||||
Form.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
|
||||
getValue: function() {
|
||||
return Form.serialize(this.element);
|
||||
}
|
||||
});
|
||||
|
||||
/*--------------------------------------------------------------------------*/
|
||||
|
||||
Abstract.EventObserver = function() {}
|
||||
Abstract.EventObserver.prototype = {
|
||||
initialize: function(element, callback) {
|
||||
this.element = $(element);
|
||||
this.callback = callback;
|
||||
|
||||
this.lastValue = this.getValue();
|
||||
if (this.element.tagName.toLowerCase() == 'form')
|
||||
this.registerFormCallbacks();
|
||||
else
|
||||
this.registerCallback(this.element);
|
||||
},
|
||||
|
||||
onElementEvent: function() {
|
||||
var value = this.getValue();
|
||||
if (this.lastValue != value) {
|
||||
this.callback(this.element, value);
|
||||
this.lastValue = value;
|
||||
}
|
||||
},
|
||||
|
||||
registerFormCallbacks: function() {
|
||||
var elements = Form.getElements(this.element);
|
||||
for (var i = 0; i < elements.length; i++)
|
||||
this.registerCallback(elements[i]);
|
||||
},
|
||||
|
||||
registerCallback: function(element) {
|
||||
if (element.type) {
|
||||
switch (element.type.toLowerCase()) {
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
Event.observe(element, 'click', this.onElementEvent.bind(this));
|
||||
break;
|
||||
case 'password':
|
||||
case 'text':
|
||||
case 'textarea':
|
||||
case 'select-one':
|
||||
case 'select-multiple':
|
||||
Event.observe(element, 'change', this.onElementEvent.bind(this));
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Form.Element.EventObserver = Class.create();
|
||||
Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
|
||||
getValue: function() {
|
||||
return Form.Element.getValue(this.element);
|
||||
}
|
||||
});
|
||||
|
||||
Form.EventObserver = Class.create();
|
||||
Form.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
|
||||
getValue: function() {
|
||||
return Form.serialize(this.element);
|
||||
}
|
||||
});
|
||||
if (!window.Event) {
|
||||
var Event = new Object();
|
||||
}
|
||||
|
||||
Object.extend(Event, {
|
||||
KEY_BACKSPACE: 8,
|
||||
KEY_TAB: 9,
|
||||
KEY_RETURN: 13,
|
||||
KEY_ESC: 27,
|
||||
KEY_LEFT: 37,
|
||||
KEY_UP: 38,
|
||||
KEY_RIGHT: 39,
|
||||
KEY_DOWN: 40,
|
||||
KEY_DELETE: 46,
|
||||
|
||||
element: function(event) {
|
||||
return event.target || event.srcElement;
|
||||
},
|
||||
|
||||
isLeftClick: function(event) {
|
||||
return (((event.which) && (event.which == 1)) ||
|
||||
((event.button) && (event.button == 1)));
|
||||
},
|
||||
|
||||
pointerX: function(event) {
|
||||
return event.pageX || (event.clientX +
|
||||
(document.documentElement.scrollLeft || document.body.scrollLeft));
|
||||
},
|
||||
|
||||
pointerY: function(event) {
|
||||
return event.pageY || (event.clientY +
|
||||
(document.documentElement.scrollTop || document.body.scrollTop));
|
||||
},
|
||||
|
||||
stop: function(event) {
|
||||
if (event.preventDefault) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
} else {
|
||||
event.returnValue = false;
|
||||
event.cancelBubble = true;
|
||||
}
|
||||
},
|
||||
|
||||
// find the first node with the given tagName, starting from the
|
||||
// node the event was triggered on; traverses the DOM upwards
|
||||
findElement: function(event, tagName) {
|
||||
var element = Event.element(event);
|
||||
while (element.parentNode && (!element.tagName ||
|
||||
(element.tagName.toUpperCase() != tagName.toUpperCase())))
|
||||
element = element.parentNode;
|
||||
return element;
|
||||
},
|
||||
|
||||
observers: false,
|
||||
|
||||
_observeAndCache: function(element, name, observer, useCapture) {
|
||||
if (!this.observers) this.observers = [];
|
||||
if (element.addEventListener) {
|
||||
this.observers.push([element, name, observer, useCapture]);
|
||||
element.addEventListener(name, observer, useCapture);
|
||||
} else if (element.attachEvent) {
|
||||
this.observers.push([element, name, observer, useCapture]);
|
||||
element.attachEvent('on' + name, observer);
|
||||
}
|
||||
},
|
||||
|
||||
unloadCache: function() {
|
||||
if (!Event.observers) return;
|
||||
for (var i = 0; i < Event.observers.length; i++) {
|
||||
Event.stopObserving.apply(this, Event.observers[i]);
|
||||
Event.observers[i][0] = null;
|
||||
}
|
||||
Event.observers = false;
|
||||
},
|
||||
|
||||
observe: function(element, name, observer, useCapture) {
|
||||
var element = $(element);
|
||||
useCapture = useCapture || false;
|
||||
|
||||
if (name == 'keypress' &&
|
||||
(navigator.appVersion.match(/Konqueror|Safari|KHTML/)
|
||||
|| element.attachEvent))
|
||||
name = 'keydown';
|
||||
|
||||
this._observeAndCache(element, name, observer, useCapture);
|
||||
},
|
||||
|
||||
stopObserving: function(element, name, observer, useCapture) {
|
||||
var element = $(element);
|
||||
useCapture = useCapture || false;
|
||||
|
||||
if (name == 'keypress' &&
|
||||
(navigator.appVersion.match(/Konqueror|Safari|KHTML/)
|
||||
|| element.detachEvent))
|
||||
name = 'keydown';
|
||||
|
||||
if (element.removeEventListener) {
|
||||
element.removeEventListener(name, observer, useCapture);
|
||||
} else if (element.detachEvent) {
|
||||
element.detachEvent('on' + name, observer);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/* prevent memory leaks in IE */
|
||||
if (navigator.appVersion.match(/\bMSIE\b/))
|
||||
Event.observe(window, 'unload', Event.unloadCache, false);
|
||||
var Position = {
|
||||
// set to true if needed, warning: firefox performance problems
|
||||
// NOT neeeded for page scrolling, only if draggable contained in
|
||||
// scrollable elements
|
||||
includeScrollOffsets: false,
|
||||
|
||||
// must be called before calling withinIncludingScrolloffset, every time the
|
||||
// page is scrolled
|
||||
prepare: function() {
|
||||
this.deltaX = window.pageXOffset
|
||||
|| document.documentElement.scrollLeft
|
||||
|| document.body.scrollLeft
|
||||
|| 0;
|
||||
this.deltaY = window.pageYOffset
|
||||
|| document.documentElement.scrollTop
|
||||
|| document.body.scrollTop
|
||||
|| 0;
|
||||
},
|
||||
|
||||
realOffset: function(element) {
|
||||
var valueT = 0, valueL = 0;
|
||||
do {
|
||||
valueT += element.scrollTop || 0;
|
||||
valueL += element.scrollLeft || 0;
|
||||
element = element.parentNode;
|
||||
} while (element);
|
||||
return [valueL, valueT];
|
||||
},
|
||||
|
||||
cumulativeOffset: function(element) {
|
||||
var valueT = 0, valueL = 0;
|
||||
do {
|
||||
valueT += element.offsetTop || 0;
|
||||
valueL += element.offsetLeft || 0;
|
||||
element = element.offsetParent;
|
||||
} while (element);
|
||||
return [valueL, valueT];
|
||||
},
|
||||
|
||||
positionedOffset: function(element) {
|
||||
var valueT = 0, valueL = 0;
|
||||
do {
|
||||
valueT += element.offsetTop || 0;
|
||||
valueL += element.offsetLeft || 0;
|
||||
element = element.offsetParent;
|
||||
if (element) {
|
||||
p = Element.getStyle(element, 'position');
|
||||
if (p == 'relative' || p == 'absolute') break;
|
||||
}
|
||||
} while (element);
|
||||
return [valueL, valueT];
|
||||
},
|
||||
|
||||
offsetParent: function(element) {
|
||||
if (element.offsetParent) return element.offsetParent;
|
||||
if (element == document.body) return element;
|
||||
|
||||
while ((element = element.parentNode) && element != document.body)
|
||||
if (Element.getStyle(element, 'position') != 'static')
|
||||
return element;
|
||||
|
||||
return document.body;
|
||||
},
|
||||
|
||||
// caches x/y coordinate pair to use with overlap
|
||||
within: function(element, x, y) {
|
||||
if (this.includeScrollOffsets)
|
||||
return this.withinIncludingScrolloffsets(element, x, y);
|
||||
this.xcomp = x;
|
||||
this.ycomp = y;
|
||||
this.offset = this.cumulativeOffset(element);
|
||||
|
||||
return (y >= this.offset[1] &&
|
||||
y < this.offset[1] + element.offsetHeight &&
|
||||
x >= this.offset[0] &&
|
||||
x < this.offset[0] + element.offsetWidth);
|
||||
},
|
||||
|
||||
withinIncludingScrolloffsets: function(element, x, y) {
|
||||
var offsetcache = this.realOffset(element);
|
||||
|
||||
this.xcomp = x + offsetcache[0] - this.deltaX;
|
||||
this.ycomp = y + offsetcache[1] - this.deltaY;
|
||||
this.offset = this.cumulativeOffset(element);
|
||||
|
||||
return (this.ycomp >= this.offset[1] &&
|
||||
this.ycomp < this.offset[1] + element.offsetHeight &&
|
||||
this.xcomp >= this.offset[0] &&
|
||||
this.xcomp < this.offset[0] + element.offsetWidth);
|
||||
},
|
||||
|
||||
// within must be called directly before
|
||||
overlap: function(mode, element) {
|
||||
if (!mode) return 0;
|
||||
if (mode == 'vertical')
|
||||
return ((this.offset[1] + element.offsetHeight) - this.ycomp) /
|
||||
element.offsetHeight;
|
||||
if (mode == 'horizontal')
|
||||
return ((this.offset[0] + element.offsetWidth) - this.xcomp) /
|
||||
element.offsetWidth;
|
||||
},
|
||||
|
||||
clone: function(source, target) {
|
||||
source = $(source);
|
||||
target = $(target);
|
||||
target.style.position = 'absolute';
|
||||
var offsets = this.cumulativeOffset(source);
|
||||
target.style.top = offsets[1] + 'px';
|
||||
target.style.left = offsets[0] + 'px';
|
||||
target.style.width = source.offsetWidth + 'px';
|
||||
target.style.height = source.offsetHeight + 'px';
|
||||
},
|
||||
|
||||
page: function(forElement) {
|
||||
var valueT = 0, valueL = 0;
|
||||
|
||||
var element = forElement;
|
||||
do {
|
||||
valueT += element.offsetTop || 0;
|
||||
valueL += element.offsetLeft || 0;
|
||||
|
||||
// Safari fix
|
||||
if (element.offsetParent==document.body)
|
||||
if (Element.getStyle(element,'position')=='absolute') break;
|
||||
|
||||
} while (element = element.offsetParent);
|
||||
|
||||
element = forElement;
|
||||
do {
|
||||
valueT -= element.scrollTop || 0;
|
||||
valueL -= element.scrollLeft || 0;
|
||||
} while (element = element.parentNode);
|
||||
|
||||
return [valueL, valueT];
|
||||
},
|
||||
|
||||
clone: function(source, target) {
|
||||
var options = Object.extend({
|
||||
setLeft: true,
|
||||
setTop: true,
|
||||
setWidth: true,
|
||||
setHeight: true,
|
||||
offsetTop: 0,
|
||||
offsetLeft: 0
|
||||
}, arguments[2] || {})
|
||||
|
||||
// find page position of source
|
||||
source = $(source);
|
||||
var p = Position.page(source);
|
||||
|
||||
// find coordinate system to use
|
||||
target = $(target);
|
||||
var delta = [0, 0];
|
||||
var parent = null;
|
||||
// delta [0,0] will do fine with position: fixed elements,
|
||||
// position:absolute needs offsetParent deltas
|
||||
if (Element.getStyle(target,'position') == 'absolute') {
|
||||
parent = Position.offsetParent(target);
|
||||
delta = Position.page(parent);
|
||||
}
|
||||
|
||||
// correct by body offsets (fixes Safari)
|
||||
if (parent == document.body) {
|
||||
delta[0] -= document.body.offsetLeft;
|
||||
delta[1] -= document.body.offsetTop;
|
||||
}
|
||||
|
||||
// set position
|
||||
if(options.setLeft) target.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px';
|
||||
if(options.setTop) target.style.top = (p[1] - delta[1] + options.offsetTop) + 'px';
|
||||
if(options.setWidth) target.style.width = source.offsetWidth + 'px';
|
||||
if(options.setHeight) target.style.height = source.offsetHeight + 'px';
|
||||
},
|
||||
|
||||
absolutize: function(element) {
|
||||
element = $(element);
|
||||
if (element.style.position == 'absolute') return;
|
||||
Position.prepare();
|
||||
|
||||
var offsets = Position.positionedOffset(element);
|
||||
var top = offsets[1];
|
||||
var left = offsets[0];
|
||||
var width = element.clientWidth;
|
||||
var height = element.clientHeight;
|
||||
|
||||
element._originalLeft = left - parseFloat(element.style.left || 0);
|
||||
element._originalTop = top - parseFloat(element.style.top || 0);
|
||||
element._originalWidth = element.style.width;
|
||||
element._originalHeight = element.style.height;
|
||||
|
||||
element.style.position = 'absolute';
|
||||
element.style.top = top + 'px';;
|
||||
element.style.left = left + 'px';;
|
||||
element.style.width = width + 'px';;
|
||||
element.style.height = height + 'px';;
|
||||
},
|
||||
|
||||
relativize: function(element) {
|
||||
element = $(element);
|
||||
if (element.style.position == 'relative') return;
|
||||
Position.prepare();
|
||||
|
||||
element.style.position = 'relative';
|
||||
var top = parseFloat(element.style.top || 0) - (element._originalTop || 0);
|
||||
var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0);
|
||||
|
||||
element.style.top = top + 'px';
|
||||
element.style.left = left + 'px';
|
||||
element.style.height = element._originalHeight;
|
||||
element.style.width = element._originalWidth;
|
||||
}
|
||||
}
|
||||
|
||||
// Safari returns margins on body which is incorrect if the child is absolutely
|
||||
// positioned. For performance reasons, redefine Position.cumulativeOffset for
|
||||
// KHTML/WebKit only.
|
||||
if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) {
|
||||
Position.cumulativeOffset = function(element) {
|
||||
var valueT = 0, valueL = 0;
|
||||
do {
|
||||
valueT += element.offsetTop || 0;
|
||||
valueL += element.offsetLeft || 0;
|
||||
if (element.offsetParent == document.body)
|
||||
if (Element.getStyle(element, 'position') == 'absolute') break;
|
||||
|
||||
element = element.offsetParent;
|
||||
} while (element);
|
||||
|
||||
return [valueL, valueT];
|
||||
}
|
||||
}
|
||||
47
cropper/lib/scriptaculous.js
Normal file
47
cropper/lib/scriptaculous.js
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining
|
||||
// a copy of this software and associated documentation files (the
|
||||
// "Software"), to deal in the Software without restriction, including
|
||||
// without limitation the rights to use, copy, modify, merge, publish,
|
||||
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||
// permit persons to whom the Software is furnished to do so, subject to
|
||||
// the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be
|
||||
// included in all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
var Scriptaculous = {
|
||||
Version: '1.6.1',
|
||||
require: function(libraryName) {
|
||||
// inserting via DOM fails in Safari 2.0, so brute force approach
|
||||
document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
|
||||
},
|
||||
load: function() {
|
||||
if((typeof Prototype=='undefined') ||
|
||||
(typeof Element == 'undefined') ||
|
||||
(typeof Element.Methods=='undefined') ||
|
||||
parseFloat(Prototype.Version.split(".")[0] + "." +
|
||||
Prototype.Version.split(".")[1]) < 1.5)
|
||||
throw("script.aculo.us requires the Prototype JavaScript framework >= 1.5.0");
|
||||
|
||||
$A(document.getElementsByTagName("script")).findAll( function(s) {
|
||||
return (s.src && s.src.match(/scriptaculous\.js(\?.*)?$/))
|
||||
}).each( function(s) {
|
||||
var path = s.src.replace(/scriptaculous\.js(\?.*)?$/,'');
|
||||
var includes = s.src.match(/\?.*load=([a-z,]*)/);
|
||||
(includes ? includes[1] : 'builder,effects,dragdrop,controls,slider').split(',').each(
|
||||
function(include) { Scriptaculous.require(path+include+'.js') });
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Scriptaculous.load();
|
||||
283
cropper/lib/slider.js
Normal file
283
cropper/lib/slider.js
Normal file
|
|
@ -0,0 +1,283 @@
|
|||
// Copyright (c) 2005 Marty Haught, Thomas Fuchs
|
||||
//
|
||||
// See http://script.aculo.us for more info
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining
|
||||
// a copy of this software and associated documentation files (the
|
||||
// "Software"), to deal in the Software without restriction, including
|
||||
// without limitation the rights to use, copy, modify, merge, publish,
|
||||
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||
// permit persons to whom the Software is furnished to do so, subject to
|
||||
// the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be
|
||||
// included in all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
if(!Control) var Control = {};
|
||||
Control.Slider = Class.create();
|
||||
|
||||
// options:
|
||||
// axis: 'vertical', or 'horizontal' (default)
|
||||
//
|
||||
// callbacks:
|
||||
// onChange(value)
|
||||
// onSlide(value)
|
||||
Control.Slider.prototype = {
|
||||
initialize: function(handle, track, options) {
|
||||
var slider = this;
|
||||
|
||||
if(handle instanceof Array) {
|
||||
this.handles = handle.collect( function(e) { return $(e) });
|
||||
} else {
|
||||
this.handles = [$(handle)];
|
||||
}
|
||||
|
||||
this.track = $(track);
|
||||
this.options = options || {};
|
||||
|
||||
this.axis = this.options.axis || 'horizontal';
|
||||
this.increment = this.options.increment || 1;
|
||||
this.step = parseInt(this.options.step || '1');
|
||||
this.range = this.options.range || $R(0,1);
|
||||
|
||||
this.value = 0; // assure backwards compat
|
||||
this.values = this.handles.map( function() { return 0 });
|
||||
this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false;
|
||||
this.options.startSpan = $(this.options.startSpan || null);
|
||||
this.options.endSpan = $(this.options.endSpan || null);
|
||||
|
||||
this.restricted = this.options.restricted || false;
|
||||
|
||||
this.maximum = this.options.maximum || this.range.end;
|
||||
this.minimum = this.options.minimum || this.range.start;
|
||||
|
||||
// Will be used to align the handle onto the track, if necessary
|
||||
this.alignX = parseInt(this.options.alignX || '0');
|
||||
this.alignY = parseInt(this.options.alignY || '0');
|
||||
|
||||
this.trackLength = this.maximumOffset() - this.minimumOffset();
|
||||
this.handleLength = this.isVertical() ? this.handles[0].offsetHeight : this.handles[0].offsetWidth;
|
||||
|
||||
this.active = false;
|
||||
this.dragging = false;
|
||||
this.disabled = false;
|
||||
|
||||
if(this.options.disabled) this.setDisabled();
|
||||
|
||||
// Allowed values array
|
||||
this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false;
|
||||
if(this.allowedValues) {
|
||||
this.minimum = this.allowedValues.min();
|
||||
this.maximum = this.allowedValues.max();
|
||||
}
|
||||
|
||||
this.eventMouseDown = this.startDrag.bindAsEventListener(this);
|
||||
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
||||
this.eventMouseMove = this.update.bindAsEventListener(this);
|
||||
|
||||
// Initialize handles in reverse (make sure first handle is active)
|
||||
this.handles.each( function(h,i) {
|
||||
i = slider.handles.length-1-i;
|
||||
slider.setValue(parseFloat(
|
||||
(slider.options.sliderValue instanceof Array ?
|
||||
slider.options.sliderValue[i] : slider.options.sliderValue) ||
|
||||
slider.range.start), i);
|
||||
Element.makePositioned(h); // fix IE
|
||||
Event.observe(h, "mousedown", slider.eventMouseDown);
|
||||
});
|
||||
|
||||
Event.observe(this.track, "mousedown", this.eventMouseDown);
|
||||
Event.observe(document, "mouseup", this.eventMouseUp);
|
||||
Event.observe(document, "mousemove", this.eventMouseMove);
|
||||
|
||||
this.initialized = true;
|
||||
},
|
||||
dispose: function() {
|
||||
var slider = this;
|
||||
Event.stopObserving(this.track, "mousedown", this.eventMouseDown);
|
||||
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
||||
Event.stopObserving(document, "mousemove", this.eventMouseMove);
|
||||
this.handles.each( function(h) {
|
||||
Event.stopObserving(h, "mousedown", slider.eventMouseDown);
|
||||
});
|
||||
},
|
||||
setDisabled: function(){
|
||||
this.disabled = true;
|
||||
},
|
||||
setEnabled: function(){
|
||||
this.disabled = false;
|
||||
},
|
||||
getNearestValue: function(value){
|
||||
if(this.allowedValues){
|
||||
if(value >= this.allowedValues.max()) return(this.allowedValues.max());
|
||||
if(value <= this.allowedValues.min()) return(this.allowedValues.min());
|
||||
|
||||
var offset = Math.abs(this.allowedValues[0] - value);
|
||||
var newValue = this.allowedValues[0];
|
||||
this.allowedValues.each( function(v) {
|
||||
var currentOffset = Math.abs(v - value);
|
||||
if(currentOffset <= offset){
|
||||
newValue = v;
|
||||
offset = currentOffset;
|
||||
}
|
||||
});
|
||||
return newValue;
|
||||
}
|
||||
if(value > this.range.end) return this.range.end;
|
||||
if(value < this.range.start) return this.range.start;
|
||||
return value;
|
||||
},
|
||||
setValue: function(sliderValue, handleIdx){
|
||||
if(!this.active) {
|
||||
this.activeHandle = this.handles[handleIdx];
|
||||
this.activeHandleIdx = handleIdx;
|
||||
this.updateStyles();
|
||||
}
|
||||
handleIdx = handleIdx || this.activeHandleIdx || 0;
|
||||
if(this.initialized && this.restricted) {
|
||||
if((handleIdx>0) && (sliderValue<this.values[handleIdx-1]))
|
||||
sliderValue = this.values[handleIdx-1];
|
||||
if((handleIdx < (this.handles.length-1)) && (sliderValue>this.values[handleIdx+1]))
|
||||
sliderValue = this.values[handleIdx+1];
|
||||
}
|
||||
sliderValue = this.getNearestValue(sliderValue);
|
||||
this.values[handleIdx] = sliderValue;
|
||||
this.value = this.values[0]; // assure backwards compat
|
||||
|
||||
this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] =
|
||||
this.translateToPx(sliderValue);
|
||||
|
||||
this.drawSpans();
|
||||
if(!this.dragging || !this.event) this.updateFinished();
|
||||
},
|
||||
setValueBy: function(delta, handleIdx) {
|
||||
this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta,
|
||||
handleIdx || this.activeHandleIdx || 0);
|
||||
},
|
||||
translateToPx: function(value) {
|
||||
return Math.round(
|
||||
((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) *
|
||||
(value - this.range.start)) + "px";
|
||||
},
|
||||
translateToValue: function(offset) {
|
||||
return ((offset/(this.trackLength-this.handleLength) *
|
||||
(this.range.end-this.range.start)) + this.range.start);
|
||||
},
|
||||
getRange: function(range) {
|
||||
var v = this.values.sortBy(Prototype.K);
|
||||
range = range || 0;
|
||||
return $R(v[range],v[range+1]);
|
||||
},
|
||||
minimumOffset: function(){
|
||||
return(this.isVertical() ? this.alignY : this.alignX);
|
||||
},
|
||||
maximumOffset: function(){
|
||||
return(this.isVertical() ?
|
||||
this.track.offsetHeight - this.alignY : this.track.offsetWidth - this.alignX);
|
||||
},
|
||||
isVertical: function(){
|
||||
return (this.axis == 'vertical');
|
||||
},
|
||||
drawSpans: function() {
|
||||
var slider = this;
|
||||
if(this.spans)
|
||||
$R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) });
|
||||
if(this.options.startSpan)
|
||||
this.setSpan(this.options.startSpan,
|
||||
$R(0, this.values.length>1 ? this.getRange(0).min() : this.value ));
|
||||
if(this.options.endSpan)
|
||||
this.setSpan(this.options.endSpan,
|
||||
$R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum));
|
||||
},
|
||||
setSpan: function(span, range) {
|
||||
if(this.isVertical()) {
|
||||
span.style.top = this.translateToPx(range.start);
|
||||
span.style.height = this.translateToPx(range.end - range.start + this.range.start);
|
||||
} else {
|
||||
span.style.left = this.translateToPx(range.start);
|
||||
span.style.width = this.translateToPx(range.end - range.start + this.range.start);
|
||||
}
|
||||
},
|
||||
updateStyles: function() {
|
||||
this.handles.each( function(h){ Element.removeClassName(h, 'selected') });
|
||||
Element.addClassName(this.activeHandle, 'selected');
|
||||
},
|
||||
startDrag: function(event) {
|
||||
if(Event.isLeftClick(event)) {
|
||||
if(!this.disabled){
|
||||
this.active = true;
|
||||
|
||||
var handle = Event.element(event);
|
||||
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||
if(handle==this.track) {
|
||||
var offsets = Position.cumulativeOffset(this.track);
|
||||
this.event = event;
|
||||
this.setValue(this.translateToValue(
|
||||
(this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2)
|
||||
));
|
||||
var offsets = Position.cumulativeOffset(this.activeHandle);
|
||||
this.offsetX = (pointer[0] - offsets[0]);
|
||||
this.offsetY = (pointer[1] - offsets[1]);
|
||||
} else {
|
||||
// find the handle (prevents issues with Safari)
|
||||
while((this.handles.indexOf(handle) == -1) && handle.parentNode)
|
||||
handle = handle.parentNode;
|
||||
|
||||
this.activeHandle = handle;
|
||||
this.activeHandleIdx = this.handles.indexOf(this.activeHandle);
|
||||
this.updateStyles();
|
||||
|
||||
var offsets = Position.cumulativeOffset(this.activeHandle);
|
||||
this.offsetX = (pointer[0] - offsets[0]);
|
||||
this.offsetY = (pointer[1] - offsets[1]);
|
||||
}
|
||||
}
|
||||
Event.stop(event);
|
||||
}
|
||||
},
|
||||
update: function(event) {
|
||||
if(this.active) {
|
||||
if(!this.dragging) this.dragging = true;
|
||||
this.draw(event);
|
||||
// fix AppleWebKit rendering
|
||||
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
|
||||
Event.stop(event);
|
||||
}
|
||||
},
|
||||
draw: function(event) {
|
||||
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
||||
var offsets = Position.cumulativeOffset(this.track);
|
||||
pointer[0] -= this.offsetX + offsets[0];
|
||||
pointer[1] -= this.offsetY + offsets[1];
|
||||
this.event = event;
|
||||
this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] ));
|
||||
if(this.initialized && this.options.onSlide)
|
||||
this.options.onSlide(this.values.length>1 ? this.values : this.value, this);
|
||||
},
|
||||
endDrag: function(event) {
|
||||
if(this.active && this.dragging) {
|
||||
this.finishDrag(event, true);
|
||||
Event.stop(event);
|
||||
}
|
||||
this.active = false;
|
||||
this.dragging = false;
|
||||
},
|
||||
finishDrag: function(event, success) {
|
||||
this.active = false;
|
||||
this.dragging = false;
|
||||
this.updateFinished();
|
||||
},
|
||||
updateFinished: function() {
|
||||
if(this.initialized && this.options.onChange)
|
||||
this.options.onChange(this.values.length>1 ? this.values : this.value, this);
|
||||
this.event = null;
|
||||
}
|
||||
}
|
||||
383
cropper/lib/unittest.js
Normal file
383
cropper/lib/unittest.js
Normal file
|
|
@ -0,0 +1,383 @@
|
|||
// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
||||
// (c) 2005 Jon Tirsen (http://www.tirsen.com)
|
||||
// (c) 2005 Michael Schuerig (http://www.schuerig.de/michael/)
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining
|
||||
// a copy of this software and associated documentation files (the
|
||||
// "Software"), to deal in the Software without restriction, including
|
||||
// without limitation the rights to use, copy, modify, merge, publish,
|
||||
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||
// permit persons to whom the Software is furnished to do so, subject to
|
||||
// the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be
|
||||
// included in all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
|
||||
// experimental, Firefox-only
|
||||
Event.simulateMouse = function(element, eventName) {
|
||||
var options = Object.extend({
|
||||
pointerX: 0,
|
||||
pointerY: 0,
|
||||
buttons: 0
|
||||
}, arguments[2] || {});
|
||||
var oEvent = document.createEvent("MouseEvents");
|
||||
oEvent.initMouseEvent(eventName, true, true, document.defaultView,
|
||||
options.buttons, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
|
||||
false, false, false, false, 0, $(element));
|
||||
|
||||
if(this.mark) Element.remove(this.mark);
|
||||
this.mark = document.createElement('div');
|
||||
this.mark.appendChild(document.createTextNode(" "));
|
||||
document.body.appendChild(this.mark);
|
||||
this.mark.style.position = 'absolute';
|
||||
this.mark.style.top = options.pointerY + "px";
|
||||
this.mark.style.left = options.pointerX + "px";
|
||||
this.mark.style.width = "5px";
|
||||
this.mark.style.height = "5px;";
|
||||
this.mark.style.borderTop = "1px solid red;"
|
||||
this.mark.style.borderLeft = "1px solid red;"
|
||||
|
||||
if(this.step)
|
||||
alert('['+new Date().getTime().toString()+'] '+eventName+'/'+Test.Unit.inspect(options));
|
||||
|
||||
$(element).dispatchEvent(oEvent);
|
||||
};
|
||||
|
||||
// Note: Due to a fix in Firefox 1.0.5/6 that probably fixed "too much", this doesn't work in 1.0.6 or DP2.
|
||||
// You need to downgrade to 1.0.4 for now to get this working
|
||||
// See https://bugzilla.mozilla.org/show_bug.cgi?id=289940 for the fix that fixed too much
|
||||
Event.simulateKey = function(element, eventName) {
|
||||
var options = Object.extend({
|
||||
ctrlKey: false,
|
||||
altKey: false,
|
||||
shiftKey: false,
|
||||
metaKey: false,
|
||||
keyCode: 0,
|
||||
charCode: 0
|
||||
}, arguments[2] || {});
|
||||
|
||||
var oEvent = document.createEvent("KeyEvents");
|
||||
oEvent.initKeyEvent(eventName, true, true, window,
|
||||
options.ctrlKey, options.altKey, options.shiftKey, options.metaKey,
|
||||
options.keyCode, options.charCode );
|
||||
$(element).dispatchEvent(oEvent);
|
||||
};
|
||||
|
||||
Event.simulateKeys = function(element, command) {
|
||||
for(var i=0; i<command.length; i++) {
|
||||
Event.simulateKey(element,'keypress',{charCode:command.charCodeAt(i)});
|
||||
}
|
||||
};
|
||||
|
||||
var Test = {}
|
||||
Test.Unit = {};
|
||||
|
||||
// security exception workaround
|
||||
Test.Unit.inspect = Object.inspect;
|
||||
|
||||
Test.Unit.Logger = Class.create();
|
||||
Test.Unit.Logger.prototype = {
|
||||
initialize: function(log) {
|
||||
this.log = $(log);
|
||||
if (this.log) {
|
||||
this._createLogTable();
|
||||
}
|
||||
},
|
||||
start: function(testName) {
|
||||
if (!this.log) return;
|
||||
this.testName = testName;
|
||||
this.lastLogLine = document.createElement('tr');
|
||||
this.statusCell = document.createElement('td');
|
||||
this.nameCell = document.createElement('td');
|
||||
this.nameCell.appendChild(document.createTextNode(testName));
|
||||
this.messageCell = document.createElement('td');
|
||||
this.lastLogLine.appendChild(this.statusCell);
|
||||
this.lastLogLine.appendChild(this.nameCell);
|
||||
this.lastLogLine.appendChild(this.messageCell);
|
||||
this.loglines.appendChild(this.lastLogLine);
|
||||
},
|
||||
finish: function(status, summary) {
|
||||
if (!this.log) return;
|
||||
this.lastLogLine.className = status;
|
||||
this.statusCell.innerHTML = status;
|
||||
this.messageCell.innerHTML = this._toHTML(summary);
|
||||
},
|
||||
message: function(message) {
|
||||
if (!this.log) return;
|
||||
this.messageCell.innerHTML = this._toHTML(message);
|
||||
},
|
||||
summary: function(summary) {
|
||||
if (!this.log) return;
|
||||
this.logsummary.innerHTML = this._toHTML(summary);
|
||||
},
|
||||
_createLogTable: function() {
|
||||
this.log.innerHTML =
|
||||
'<div id="logsummary"></div>' +
|
||||
'<table id="logtable">' +
|
||||
'<thead><tr><th>Status</th><th>Test</th><th>Message</th></tr></thead>' +
|
||||
'<tbody id="loglines"></tbody>' +
|
||||
'</table>';
|
||||
this.logsummary = $('logsummary')
|
||||
this.loglines = $('loglines');
|
||||
},
|
||||
_toHTML: function(txt) {
|
||||
return txt.escapeHTML().replace(/\n/g,"<br/>");
|
||||
}
|
||||
}
|
||||
|
||||
Test.Unit.Runner = Class.create();
|
||||
Test.Unit.Runner.prototype = {
|
||||
initialize: function(testcases) {
|
||||
this.options = Object.extend({
|
||||
testLog: 'testlog'
|
||||
}, arguments[1] || {});
|
||||
this.options.resultsURL = this.parseResultsURLQueryParameter();
|
||||
if (this.options.testLog) {
|
||||
this.options.testLog = $(this.options.testLog) || null;
|
||||
}
|
||||
if(this.options.tests) {
|
||||
this.tests = [];
|
||||
for(var i = 0; i < this.options.tests.length; i++) {
|
||||
if(/^test/.test(this.options.tests[i])) {
|
||||
this.tests.push(new Test.Unit.Testcase(this.options.tests[i], testcases[this.options.tests[i]], testcases["setup"], testcases["teardown"]));
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (this.options.test) {
|
||||
this.tests = [new Test.Unit.Testcase(this.options.test, testcases[this.options.test], testcases["setup"], testcases["teardown"])];
|
||||
} else {
|
||||
this.tests = [];
|
||||
for(var testcase in testcases) {
|
||||
if(/^test/.test(testcase)) {
|
||||
this.tests.push(new Test.Unit.Testcase(testcase, testcases[testcase], testcases["setup"], testcases["teardown"]));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.currentTest = 0;
|
||||
this.logger = new Test.Unit.Logger(this.options.testLog);
|
||||
setTimeout(this.runTests.bind(this), 1000);
|
||||
},
|
||||
parseResultsURLQueryParameter: function() {
|
||||
return window.location.search.parseQuery()["resultsURL"];
|
||||
},
|
||||
// Returns:
|
||||
// "ERROR" if there was an error,
|
||||
// "FAILURE" if there was a failure, or
|
||||
// "SUCCESS" if there was neither
|
||||
getResult: function() {
|
||||
var hasFailure = false;
|
||||
for(var i=0;i<this.tests.length;i++) {
|
||||
if (this.tests[i].errors > 0) {
|
||||
return "ERROR";
|
||||
}
|
||||
if (this.tests[i].failures > 0) {
|
||||
hasFailure = true;
|
||||
}
|
||||
}
|
||||
if (hasFailure) {
|
||||
return "FAILURE";
|
||||
} else {
|
||||
return "SUCCESS";
|
||||
}
|
||||
},
|
||||
postResults: function() {
|
||||
if (this.options.resultsURL) {
|
||||
new Ajax.Request(this.options.resultsURL,
|
||||
{ method: 'get', parameters: 'result=' + this.getResult(), asynchronous: false });
|
||||
}
|
||||
},
|
||||
runTests: function() {
|
||||
var test = this.tests[this.currentTest];
|
||||
if (!test) {
|
||||
// finished!
|
||||
this.postResults();
|
||||
this.logger.summary(this.summary());
|
||||
return;
|
||||
}
|
||||
if(!test.isWaiting) {
|
||||
this.logger.start(test.name);
|
||||
}
|
||||
test.run();
|
||||
if(test.isWaiting) {
|
||||
this.logger.message("Waiting for " + test.timeToWait + "ms");
|
||||
setTimeout(this.runTests.bind(this), test.timeToWait || 1000);
|
||||
} else {
|
||||
this.logger.finish(test.status(), test.summary());
|
||||
this.currentTest++;
|
||||
// tail recursive, hopefully the browser will skip the stackframe
|
||||
this.runTests();
|
||||
}
|
||||
},
|
||||
summary: function() {
|
||||
var assertions = 0;
|
||||
var failures = 0;
|
||||
var errors = 0;
|
||||
var messages = [];
|
||||
for(var i=0;i<this.tests.length;i++) {
|
||||
assertions += this.tests[i].assertions;
|
||||
failures += this.tests[i].failures;
|
||||
errors += this.tests[i].errors;
|
||||
}
|
||||
return (
|
||||
this.tests.length + " tests, " +
|
||||
assertions + " assertions, " +
|
||||
failures + " failures, " +
|
||||
errors + " errors");
|
||||
}
|
||||
}
|
||||
|
||||
Test.Unit.Assertions = Class.create();
|
||||
Test.Unit.Assertions.prototype = {
|
||||
initialize: function() {
|
||||
this.assertions = 0;
|
||||
this.failures = 0;
|
||||
this.errors = 0;
|
||||
this.messages = [];
|
||||
},
|
||||
summary: function() {
|
||||
return (
|
||||
this.assertions + " assertions, " +
|
||||
this.failures + " failures, " +
|
||||
this.errors + " errors" + "\n" +
|
||||
this.messages.join("\n"));
|
||||
},
|
||||
pass: function() {
|
||||
this.assertions++;
|
||||
},
|
||||
fail: function(message) {
|
||||
this.failures++;
|
||||
this.messages.push("Failure: " + message);
|
||||
},
|
||||
info: function(message) {
|
||||
this.messages.push("Info: " + message);
|
||||
},
|
||||
error: function(error) {
|
||||
this.errors++;
|
||||
this.messages.push(error.name + ": "+ error.message + "(" + Test.Unit.inspect(error) +")");
|
||||
},
|
||||
status: function() {
|
||||
if (this.failures > 0) return 'failed';
|
||||
if (this.errors > 0) return 'error';
|
||||
return 'passed';
|
||||
},
|
||||
assert: function(expression) {
|
||||
var message = arguments[1] || 'assert: got "' + Test.Unit.inspect(expression) + '"';
|
||||
try { expression ? this.pass() :
|
||||
this.fail(message); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertEqual: function(expected, actual) {
|
||||
var message = arguments[2] || "assertEqual";
|
||||
try { (expected == actual) ? this.pass() :
|
||||
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
||||
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertEnumEqual: function(expected, actual) {
|
||||
var message = arguments[2] || "assertEnumEqual";
|
||||
try { $A(expected).length == $A(actual).length &&
|
||||
expected.zip(actual).all(function(pair) { return pair[0] == pair[1] }) ?
|
||||
this.pass() : this.fail(message + ': expected ' + Test.Unit.inspect(expected) +
|
||||
', actual ' + Test.Unit.inspect(actual)); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertNotEqual: function(expected, actual) {
|
||||
var message = arguments[2] || "assertNotEqual";
|
||||
try { (expected != actual) ? this.pass() :
|
||||
this.fail(message + ': got "' + Test.Unit.inspect(actual) + '"'); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertNull: function(obj) {
|
||||
var message = arguments[1] || 'assertNull'
|
||||
try { (obj==null) ? this.pass() :
|
||||
this.fail(message + ': got "' + Test.Unit.inspect(obj) + '"'); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertHidden: function(element) {
|
||||
var message = arguments[1] || 'assertHidden';
|
||||
this.assertEqual("none", element.style.display, message);
|
||||
},
|
||||
assertNotNull: function(object) {
|
||||
var message = arguments[1] || 'assertNotNull';
|
||||
this.assert(object != null, message);
|
||||
},
|
||||
assertInstanceOf: function(expected, actual) {
|
||||
var message = arguments[2] || 'assertInstanceOf';
|
||||
try {
|
||||
(actual instanceof expected) ? this.pass() :
|
||||
this.fail(message + ": object was not an instance of the expected type"); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
assertNotInstanceOf: function(expected, actual) {
|
||||
var message = arguments[2] || 'assertNotInstanceOf';
|
||||
try {
|
||||
!(actual instanceof expected) ? this.pass() :
|
||||
this.fail(message + ": object was an instance of the not expected type"); }
|
||||
catch(e) { this.error(e); }
|
||||
},
|
||||
_isVisible: function(element) {
|
||||
element = $(element);
|
||||
if(!element.parentNode) return true;
|
||||
this.assertNotNull(element);
|
||||
if(element.style && Element.getStyle(element, 'display') == 'none')
|
||||
return false;
|
||||
|
||||
return this._isVisible(element.parentNode);
|
||||
},
|
||||
assertNotVisible: function(element) {
|
||||
this.assert(!this._isVisible(element), Test.Unit.inspect(element) + " was not hidden and didn't have a hidden parent either. " + ("" || arguments[1]));
|
||||
},
|
||||
assertVisible: function(element) {
|
||||
this.assert(this._isVisible(element), Test.Unit.inspect(element) + " was not visible. " + ("" || arguments[1]));
|
||||
},
|
||||
benchmark: function(operation, iterations) {
|
||||
var startAt = new Date();
|
||||
(iterations || 1).times(operation);
|
||||
var timeTaken = ((new Date())-startAt);
|
||||
this.info((arguments[2] || 'Operation') + ' finished ' +
|
||||
iterations + ' iterations in ' + (timeTaken/1000)+'s' );
|
||||
return timeTaken;
|
||||
}
|
||||
}
|
||||
|
||||
Test.Unit.Testcase = Class.create();
|
||||
Object.extend(Object.extend(Test.Unit.Testcase.prototype, Test.Unit.Assertions.prototype), {
|
||||
initialize: function(name, test, setup, teardown) {
|
||||
Test.Unit.Assertions.prototype.initialize.bind(this)();
|
||||
this.name = name;
|
||||
this.test = test || function() {};
|
||||
this.setup = setup || function() {};
|
||||
this.teardown = teardown || function() {};
|
||||
this.isWaiting = false;
|
||||
this.timeToWait = 1000;
|
||||
},
|
||||
wait: function(time, nextPart) {
|
||||
this.isWaiting = true;
|
||||
this.test = nextPart;
|
||||
this.timeToWait = time;
|
||||
},
|
||||
run: function() {
|
||||
try {
|
||||
try {
|
||||
if (!this.isWaiting) this.setup.bind(this)();
|
||||
this.isWaiting = false;
|
||||
this.test.bind(this)();
|
||||
} finally {
|
||||
if(!this.isWaiting) {
|
||||
this.teardown.bind(this)();
|
||||
}
|
||||
}
|
||||
}
|
||||
catch(e) { this.error(e); }
|
||||
}
|
||||
});
|
||||
12
cropper/licence.txt
Normal file
12
cropper/licence.txt
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
Copyright (c) 2006, David Spurr (www.defusion.org.uk)
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
||||
|
||||
* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
||||
* Neither the name of the David Spurr nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
|
||||
http://www.opensource.org/licenses/bsd-license.php
|
||||
BIN
cropper/marqueeHoriz.gif
Normal file
BIN
cropper/marqueeHoriz.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
cropper/marqueeVert.gif
Normal file
BIN
cropper/marqueeVert.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
cropper/tests/castle.jpg
Normal file
BIN
cropper/tests/castle.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
cropper/tests/castleMed.jpg
Normal file
BIN
cropper/tests/castleMed.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
106
cropper/tests/example-Basic.htm
Normal file
106
cropper/tests/example-Basic.htm
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Basic cropper test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// basic example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Basic cropper test</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
162
cropper/tests/example-CSS-Absolute.htm
Normal file
162
cropper/tests/example-CSS-Absolute.htm
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>CSS - Absolute positioned (and draggable) test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop,effects" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// Absolute positioned example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img( 'testAbsImage', { onEndCrop: onEndCrop } );
|
||||
new Draggable( 'test-abs' );
|
||||
}
|
||||
);
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
|
||||
#test-abs {
|
||||
width: 510px;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 25%;
|
||||
background-color: #dee;
|
||||
border: 3px solid #ccc;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>CSS - Absolute positioned (and draggable) test</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||
</p>
|
||||
<p>
|
||||
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||
</p>
|
||||
<p>
|
||||
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||
</p>
|
||||
<p>
|
||||
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||
|
||||
</p>
|
||||
<p>
|
||||
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||
</p>
|
||||
<p>
|
||||
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||
</p>
|
||||
<p>
|
||||
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||
</p>
|
||||
<p>
|
||||
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||
|
||||
</p>
|
||||
<p>
|
||||
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque consequat risus cursus ipsum. Etiam libero. Integer vel mauris. Donec vulputate. In ut augue vitae nibh lobortis tempor. Aliquam hendrerit quam. Phasellus sed orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sed urna. Donec nunc urna, porttitor a, feugiat pellentesque, varius id, justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Sed sollicitudin. Integer enim. Aenean sollicitudin.
|
||||
</p>
|
||||
<p>
|
||||
Integer lorem turpis, dapibus sed, vulputate nec, volutpat a, sem. Sed malesuada laoreet lorem. Duis mauris ipsum, fringilla nec, tristique vel, imperdiet vel, neque. Nulla vel purus. Fusce non lectus. Mauris pulvinar. Curabitur eget eros. Nunc ultrices, risus vitae adipiscing scelerisque, quam mi auctor lacus, non pellentesque augue sapien a magna. Etiam rutrum posuere tortor. Mauris rhoncus sagittis dolor. Donec sed quam. Vivamus vel diam id massa adipiscing bibendum. Suspendisse potenti. Integer arcu est, adipiscing sit amet, convallis eu, sollicitudin tincidunt, quam.
|
||||
</p>
|
||||
<p>
|
||||
Etiam ligula lorem, imperdiet ac, luctus eget, ultrices at, odio. Vivamus malesuada, justo eu adipiscing semper, nisi dui tempus magna, quis ultrices nunc tellus id massa. Nullam lobortis auctor sapien. Quisque non nulla. Donec lobortis pellentesque nisl. Sed lacus sapien, viverra vitae, blandit ut, fermentum quis, leo. Morbi augue turpis, hendrerit non, feugiat vel, laoreet sed, est. Nunc velit. Praesent lobortis. Integer enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur faucibus lacus ac ante. Donec odio odio, tincidunt a, egestas nec, scelerisque nec, dui. Cras sollicitudin. Donec lacus enim, mollis sit amet, interdum quis, euismod et, nulla. Nunc sit amet dui eu magna dapibus mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
|
||||
</p>
|
||||
<p>
|
||||
In hac habitasse platea dictumst. Nunc neque urna, dapibus ut, tristique ut, bibendum ac, felis. Donec dictum est ut dolor. Etiam accumsan, velit sit amet blandit vestibulum, turpis quam hendrerit risus, vel interdum eros orci in nunc. Curabitur tellus sapien, rutrum ac, euismod ac, malesuada nec, pede. Proin sit amet ipsum. Praesent quam nisl, adipiscing nec, tristique eget, fermentum sed, est. Praesent ac est sit amet orci facilisis placerat. Sed consequat, est sit amet consectetuer viverra, risus urna porttitor tellus, ut convallis nibh libero in lectus. Pellentesque molestie, erat non vehicula pretium, turpis nisi eleifend eros, sed scelerisque tortor odio non tellus. Nunc leo tellus, faucibus vitae, placerat a, accumsan vel, arcu. In et orci. Ut tristique euismod nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed nulla nunc, placerat vitae, pellentesque non, interdum non, sapien. Quisque faucibus, eros sed venenatis sagittis, leo risus rhoncus risus, in pretium sem purus a lacus. Aliquam aliquam leo et diam.
|
||||
|
||||
</p>
|
||||
<p>
|
||||
Nulla sagittis diam. Phasellus vitae enim tristique libero molestie tristique. Nam mauris sem, elementum nec, cursus in, fringilla ac, neque. Nunc metus nisi, dictum vel, vulputate quis, porttitor bibendum, tortor. Vestibulum vehicula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ac magna sed purus ultricies euismod. Aliquam dictum. Sed mauris. Suspendisse justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi purus lorem, auctor non, porta ac, vehicula vel, orci. Morbi pharetra massa nec leo. Maecenas et mauris. Aliquam porttitor tincidunt nulla. Vestibulum pede.
|
||||
</p>
|
||||
|
||||
|
||||
<div id="test-abs">
|
||||
<h2>Absolute test</h2>
|
||||
<div id="testAbsWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testAbsImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
124
cropper/tests/example-CSS-Float.htm
Normal file
124
cropper/tests/example-CSS-Float.htm
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>CSS - Float test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// float example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testFloatImage',
|
||||
{
|
||||
onEndCrop: function( coords, dimensions ) {
|
||||
$( 'floatX1' ).value = coords.x1;
|
||||
$( 'floatY1' ).value = coords.y1;
|
||||
$( 'floatX2' ).value = coords.x2;
|
||||
$( 'floatY2' ).value = coords.y2;
|
||||
$( 'floatWidth' ).value = dimensions.width;
|
||||
$( 'floatHeight' ).value = dimensions.height;
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
|
||||
#test-float {
|
||||
width: 600px;
|
||||
float: right;
|
||||
background-color: #eee;
|
||||
border: 3px solid #000;
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Test page with floating wrapper</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
|
||||
<div id="test-float">
|
||||
<h2>Float test</h2>
|
||||
<div id="testFloatWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testFloatImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<label for="floatX1">x1:</label>
|
||||
<input type="text" name="floatX1" id="floatX1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="floatY1">y1:</label>
|
||||
<input type="text" name="floatY1" id="floatY1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="floatX2">x2:</label>
|
||||
<input type="text" name="floatX2" id="floatX2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="floatY2">y2:</label>
|
||||
<input type="text" name="floatY2" id="floatY2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="floatWidth">width:</label>
|
||||
<input type="text" name="floatWidth" id="floatWidth" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="floatHeight">height</label>
|
||||
<input type="text" name="floatHeight" id="floatHeight" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
116
cropper/tests/example-CSS-Relative.htm
Normal file
116
cropper/tests/example-CSS-Relative.htm
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>CSS - Relative test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// relative example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
|
||||
#test-relative {
|
||||
background-color: #ccc;
|
||||
border: 3px solid #ddd;
|
||||
position: relative;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Test page with relatively positioned wrapper</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
|
||||
<div id="test-relative">
|
||||
<h2>Relative test</h2>
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
108
cropper/tests/example-CoordsOnLoad.htm
Normal file
108
cropper/tests/example-CoordsOnLoad.htm
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Loading & displaying co-ordinates of crop area on attachment test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// basic example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
onEndCrop: onEndCrop,
|
||||
displayOnInit: true,
|
||||
onloadCoords: { x1: 10, y1: 10, x2: 250, y2: 100 }
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Loading & displaying co-ordinates of crop area on attachment test</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
109
cropper/tests/example-CoordsOnLoadWithRatio.htm
Normal file
109
cropper/tests/example-CoordsOnLoadWithRatio.htm
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Loading & displaying co-ordinates (with ratio) of crop area on attachment test<</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// basic example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
onEndCrop: onEndCrop,
|
||||
displayOnInit: true,
|
||||
onloadCoords: { x1: 10, y1: 10, x2: 210, y2: 110 },
|
||||
ratioDim: { x: 200, y: 100 }
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Loading & displaying co-ordinates (with ratio) of crop area on attachment test</h2>
|
||||
<p>
|
||||
Some test content before the image
|
||||
</p>
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
225
cropper/tests/example-Dimensions.htm
Normal file
225
cropper/tests/example-Dimensions.htm
Normal file
|
|
@ -0,0 +1,225 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Different dimensions test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
// example with minimum dimensions
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: 200,
|
||||
minHeight: 120,
|
||||
maxWidth: 200,
|
||||
//maxHeight: 120,
|
||||
displayOnInit: true,
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
*/
|
||||
|
||||
Event.observe( window, 'load',
|
||||
function() {
|
||||
Event.observe( 'dimensionsForm', 'submit', CropManager.attachCropper.bindAsEventListener( CropManager ) );
|
||||
CropManager.attachCropper();
|
||||
}
|
||||
);
|
||||
|
||||
/**
|
||||
* A little manager that allows us to reset the options dynamically
|
||||
*/
|
||||
var CropManager = {
|
||||
/**
|
||||
* Holds the current Cropper.Img object
|
||||
* @var obj
|
||||
*/
|
||||
curCrop: null,
|
||||
|
||||
/**
|
||||
* Gets a min/max parameter from the form
|
||||
*
|
||||
* @access private
|
||||
* @param string Form element ID
|
||||
* @return int
|
||||
*/
|
||||
getParam: function( name ) {
|
||||
var val = $F( name );
|
||||
console.log( name + ' :: ' + val );
|
||||
return parseInt( val );
|
||||
},
|
||||
|
||||
/**
|
||||
* Attaches/resets the image cropper
|
||||
*
|
||||
* @access private
|
||||
* @param obj Event object
|
||||
* @return void
|
||||
*/
|
||||
attachCropper: function( e ) {
|
||||
if( this.curCrop == null ) {
|
||||
this.curCrop = new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: this.getParam( 'minWidth' ),
|
||||
minHeight: this.getParam( 'minHeight' ),
|
||||
maxWidth: this.getParam( 'maxWidth' ),
|
||||
maxHeight: this.getParam( 'maxHeight' ),
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
);
|
||||
} else {
|
||||
this.removeCropper();
|
||||
this.curCrop.initialize(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: this.getParam( 'minWidth' ),
|
||||
minHeight: this.getParam( 'minHeight' ),
|
||||
maxWidth: this.getParam( 'maxWidth' ),
|
||||
maxHeight: this.getParam( 'maxHeight' ),
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
);
|
||||
}
|
||||
if( e != null ) Event.stop( e );
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes the cropper
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
removeCropper: function() {
|
||||
if( this.curCrop != null ) {
|
||||
this.curCrop.remove();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Resets the cropper, either re-setting or re-applying
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
resetCropper: function() {
|
||||
this.attachCropper();
|
||||
}
|
||||
};
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
// Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
|
||||
#dimensionsForm {
|
||||
float: right;
|
||||
width: 350px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Multiple dimensions tests</h2>
|
||||
<p>
|
||||
Test of applying different dimension restrictions to the cropper
|
||||
</p>
|
||||
|
||||
<form action="#" id="dimensionsForm">
|
||||
<fieldset>
|
||||
Set the cropper with the following dimension restrictions:
|
||||
<p>
|
||||
<label for="minWidth">Min Width</label>
|
||||
<input type="text" size="10" maxlength="3" value="200" id="minWidth" name="minWidth" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="maxWidth">Max Width</label>
|
||||
<input type="text" size="10" maxlength="3" value="200" id="maxWidth" name="maxWidth" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="minHeight">Min Height</label>
|
||||
<input type="text" size="10" maxlength="3" value="120" id="minHeight" name="minHeight" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="maxHeight">Max Height</label>
|
||||
<input type="text" size="10" maxlength="3" value="120" id="maxHeight" name="maxHeight" />
|
||||
</p>
|
||||
<input type="submit" value="Set Cropper" />
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
203
cropper/tests/example-DynamicImage.htm
Normal file
203
cropper/tests/example-DynamicImage.htm
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Dynamic image test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
/**
|
||||
* A little manager that allows us to swap the image dynamically
|
||||
*
|
||||
*/
|
||||
var CropImageManager = {
|
||||
/**
|
||||
* Holds the current Cropper.Img object
|
||||
* @var obj
|
||||
*/
|
||||
curCrop: null,
|
||||
|
||||
/**
|
||||
* Initialises the cropImageManager
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
init: function() {
|
||||
this.attachCropper();
|
||||
},
|
||||
|
||||
/**
|
||||
* Handles the changing of the select to change the image, the option value
|
||||
* is a pipe seperated list of imgSrc|width|height
|
||||
*
|
||||
* @access public
|
||||
* @param obj event
|
||||
* @return void
|
||||
*/
|
||||
onChange: function( e ) {
|
||||
var vals = $F( Event.element( e ) ).split('|');
|
||||
this.setImage( vals[0], vals[1], vals[2] );
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets the image within the element & attaches/resets the image cropper
|
||||
*
|
||||
* @access private
|
||||
* @param string Source path of new image
|
||||
* @param int Width of new image in pixels
|
||||
* @param int Height of new image in pixels
|
||||
* @return void
|
||||
*/
|
||||
setImage: function( imgSrc, w, h ) {
|
||||
$( 'testImage' ).src = imgSrc;
|
||||
$( 'testImage' ).width = w;
|
||||
$( 'testImage' ).height = h;
|
||||
this.attachCropper();
|
||||
},
|
||||
|
||||
/**
|
||||
* Attaches/resets the image cropper
|
||||
*
|
||||
* @access private
|
||||
* @return void
|
||||
*/
|
||||
attachCropper: function() {
|
||||
if( this.curCrop == null ) this.curCrop = new Cropper.Img( 'testImage', { onEndCrop: onEndCrop } );
|
||||
else this.curCrop.reset();
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes the cropper
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
removeCropper: function() {
|
||||
if( this.curCrop != null ) {
|
||||
this.curCrop.remove();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Resets the cropper, either re-setting or re-applying
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
resetCropper: function() {
|
||||
this.attachCropper();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// setup the callback function
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// basic example
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
CropImageManager.init();
|
||||
Event.observe( $('removeCropper'), 'click', CropImageManager.removeCropper.bindAsEventListener( CropImageManager ), false );
|
||||
Event.observe( $('resetCropper'), 'click', CropImageManager.resetCropper.bindAsEventListener( CropImageManager ), false );
|
||||
Event.observe( $('imageChoice'), 'change', CropImageManager.onChange.bindAsEventListener( CropImageManager ), false );
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Dynamic image test</h2>
|
||||
<p>
|
||||
Test of dynamically changing images or removing & re-applying the cropper
|
||||
</p>
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<label for="imageChoice">image:</label>
|
||||
<select name="imageChoice" id="imageChoice">
|
||||
<option value="castle.jpg|500|333">Castle</option>
|
||||
<option value="poppy.jpg|311|466">Flower</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<input type="button" id="removeCropper" value="Remove Cropper" />
|
||||
<input type="button" id="resetCropper" value="Reset Cropper" />
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
104
cropper/tests/example-FixedRatio.htm
Normal file
104
cropper/tests/example-FixedRatio.htm
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Fixed ratio test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// with a supplied ratio
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
ratioDim: { x: 220, y: 124 },
|
||||
displayOnInit: true,
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
// Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Fixed ratio test</h2>
|
||||
<p>
|
||||
Test of applying a fixed ratio to the cropper
|
||||
</p>
|
||||
<br />
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
105
cropper/tests/example-MinimumDimensions.htm
Normal file
105
cropper/tests/example-MinimumDimensions.htm
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Min dimensions test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// example with minimum dimensions
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: 200,
|
||||
minHeight: 120,
|
||||
displayOnInit: true,
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
// Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Minimum (both axes ) dimension test</h2>
|
||||
<p>
|
||||
Test of applying a minimum dimension to both axes to the cropper
|
||||
</p>
|
||||
<br />
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
105
cropper/tests/example-MinimumWidth.htm
Normal file
105
cropper/tests/example-MinimumWidth.htm
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title>Min (single axis) dimensions test</title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// example with minimum dimensions
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.Img(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: 200,
|
||||
displayOnInit: true,
|
||||
onEndCrop: onEndCrop
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
// Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Minimum (single axis) dimension test</h2>
|
||||
<p>
|
||||
Test of applying a minimum dimension to only one axis (width in this case) to the cropper
|
||||
</p>
|
||||
<br />
|
||||
<br /><br />
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
117
cropper/tests/example-Preview.htm
Normal file
117
cropper/tests/example-Preview.htm
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title></title>
|
||||
<script src="../lib/prototype.js" type="text/javascript"></script>
|
||||
<script src="../lib/scriptaculous.js?load=builder,dragdrop" type="text/javascript"></script>
|
||||
<script src="../cropper.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
|
||||
function onEndCrop( coords, dimensions ) {
|
||||
$( 'x1' ).value = coords.x1;
|
||||
$( 'y1' ).value = coords.y1;
|
||||
$( 'x2' ).value = coords.x2;
|
||||
$( 'y2' ).value = coords.y2;
|
||||
$( 'width' ).value = dimensions.width;
|
||||
$( 'height' ).value = dimensions.height;
|
||||
}
|
||||
|
||||
// example with a preview of crop results, must have minimumm dimensions
|
||||
Event.observe(
|
||||
window,
|
||||
'load',
|
||||
function() {
|
||||
new Cropper.ImgWithPreview(
|
||||
'testImage',
|
||||
{
|
||||
minWidth: 200,
|
||||
minHeight: 120,
|
||||
ratioDim: { x: 200, y: 120 },
|
||||
displayOnInit: true,
|
||||
onEndCrop: onEndCrop,
|
||||
previewWrap: 'previewArea'
|
||||
}
|
||||
)
|
||||
}
|
||||
);
|
||||
|
||||
/*
|
||||
if( typeof(dump) != 'function' ) {
|
||||
Debug.init(true, '/');
|
||||
|
||||
function dump( msg ) {
|
||||
// Debug.raise( msg );
|
||||
};
|
||||
} else dump( '---------------------------------------\n' );
|
||||
*/
|
||||
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="debug.css" media="all" />
|
||||
<style type="text/css">
|
||||
label {
|
||||
clear: left;
|
||||
margin-left: 50px;
|
||||
float: left;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#testWrap {
|
||||
width: 500px;
|
||||
float: left;
|
||||
margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
|
||||
}
|
||||
|
||||
#previewArea {
|
||||
margin: 20px; 0 0 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#results {
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<br /><br />
|
||||
|
||||
<div id="testWrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
</div>
|
||||
|
||||
<div id="previewArea"></div>
|
||||
|
||||
<div id="results">
|
||||
<p>
|
||||
<label for="x1">x1:</label>
|
||||
<input type="text" name="x1" id="x1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y1">y1:</label>
|
||||
<input type="text" name="y1" id="y1" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="x2">x2:</label>
|
||||
<input type="text" name="x2" id="x2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="y2">y2:</label>
|
||||
<input type="text" name="y2" id="y2" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="width">width:</label>
|
||||
<input type="text" name="width" id="width" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="height">height</label>
|
||||
<input type="text" name="height" id="height" />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
BIN
cropper/tests/poppy.jpg
Normal file
BIN
cropper/tests/poppy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
236
cropper/tests/staticHTMLStructure.htm
Normal file
236
cropper/tests/staticHTMLStructure.htm
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="en-us" />
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
<!--
|
||||
|
||||
This is a static test file for the HTML & CSS structure employed, tested in
|
||||
the following browsers:
|
||||
|
||||
PC:
|
||||
IE 6: working
|
||||
IE 5.5: working
|
||||
IE 5.0: opacity issues
|
||||
FF 1.5: working
|
||||
Opera 9: working
|
||||
MAC:
|
||||
Camino 1.0: working
|
||||
FF 1.5: working
|
||||
Safari 2.0: working
|
||||
|
||||
-->
|
||||
<style type="text/css">
|
||||
.imgCrop_wrap {
|
||||
width: 500px; /* @TODO IN JS */
|
||||
height: 333px; /* @TODO IN JS */
|
||||
position: relative;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
/* fix for IE displaying all boxes at line-height by default */
|
||||
.imgCrop_wrap,
|
||||
.imgCrop_wrap * {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.imgCrop_overlay {
|
||||
background-color: #000;
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.imgCrop_selArea {
|
||||
position: absolute;
|
||||
cursor: move;
|
||||
/* @TODO: rest to be done via JS when selecting areas */
|
||||
top: 110px;
|
||||
left: 210px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
z-index: 2;
|
||||
background: transparent url(castle.jpg) no-repeat -210px -110px;
|
||||
}
|
||||
|
||||
/* imgCrop_clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
|
||||
.imgCrop_clickArea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #FFF;
|
||||
opacity: 0.01;
|
||||
filter:alpha(opacity=01);
|
||||
}
|
||||
|
||||
.imgCrop_marqueeHoriz {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
|
||||
}
|
||||
|
||||
.imgCrop_marqueeVert {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background: transparent url(marqueeVert.gif) repeat-y 0 0;
|
||||
}
|
||||
|
||||
.imgCrop_marqueeNorth { top: 0; left: 0; }
|
||||
.imgCrop_marqueeEast { top: 0; right: 0; }
|
||||
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
|
||||
.imgCrop_marqueeWest { top: 0; left: 0; }
|
||||
|
||||
|
||||
.imgCrop_handle {
|
||||
position: absolute;
|
||||
border: 1px solid #333;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #FFF;
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.imgCrop_handleN {
|
||||
top: -3px;
|
||||
left: 0;
|
||||
margin-left: 49%; /* @TODO : in JS */
|
||||
cursor: n-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleNE {
|
||||
top: -3px;
|
||||
right: -3px;
|
||||
cursor: ne-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleE {
|
||||
top: 0;
|
||||
right: -3px;
|
||||
margin-top: 49%; /* @TODO : in JS */
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleSE {
|
||||
right: -3px;
|
||||
bottom: -3px;
|
||||
cursor: se-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleS {
|
||||
right: 0;
|
||||
bottom: -3px;
|
||||
margin-right: 49%; /* @TODO : in JS */
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleSW {
|
||||
left: -3px;
|
||||
bottom: -3px;
|
||||
cursor: sw-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleW {
|
||||
top: 0;
|
||||
left: -3px;
|
||||
margin-top: 49%; /* @TODO : in JS */
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.imgCrop_handleNW {
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
cursor: nw-resize;
|
||||
}
|
||||
|
||||
/**
|
||||
* Create an area to click & drag around on as the default browser behaviour is to let you drag the image
|
||||
*/
|
||||
.imgCrop_dragArea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 200;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
.imgCrop_previewWrap {
|
||||
width: 200px; /* @TODO : in JS */
|
||||
height: 200px; /* @TODO : in JS */
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* @TODO : all in JS */
|
||||
.imgCrop_previewWrap img {
|
||||
position: absolute;
|
||||
width: 500px;
|
||||
height: 333px;
|
||||
left: -210px;
|
||||
top: -110px;
|
||||
}
|
||||
|
||||
/**
|
||||
* These are just for the static test
|
||||
*/
|
||||
.imgCrop_wrap {
|
||||
margin: 20px 0 0 50px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#previewWrapper {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<!-- This is all attached to the image dynamically -->
|
||||
<div class="imgCrop_wrap">
|
||||
<img src="castle.jpg" alt="test image" id="testImage" width="500" height="333" />
|
||||
<div class="imgCrop_dragArea">
|
||||
<div class="imgCrop_overlay"></div>
|
||||
<div class="imgCrop_selArea">
|
||||
<!-- marquees -->
|
||||
<!-- the inner spans are only required for IE to stop it making the divs 1px high/wide -->
|
||||
<div class="imgCrop_marqueeHoriz imgCrop_marqueeNorth"><span></span></div>
|
||||
<div class="imgCrop_marqueeVert imgCrop_marqueeEast"><span></span></div>
|
||||
<div class="imgCrop_marqueeHoriz imgCrop_marqueeSouth"><span></span></div>
|
||||
<div class="imgCrop_marqueeVert imgCrop_marqueeWest"><span></span></div>
|
||||
<!-- handles -->
|
||||
<div class="imgCrop_handle imgCrop_handleN"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleNE"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleE"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleSE"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleS"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleSW"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleW"></div>
|
||||
<div class="imgCrop_handle imgCrop_handleNW"></div>
|
||||
<div class="imgCrop_clickArea"></div>
|
||||
</div>
|
||||
<div class="imgCrop_clickArea"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="previewWrapper">
|
||||
<h3>Preview:</h3>
|
||||
<div class="imgCrop_previewWrap">
|
||||
<img src="castle.jpg" alt="test image" id="previewImage" />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
0
favicon.gif
Normal file
0
favicon.gif
Normal file
0
favicon.ico
Normal file
0
favicon.ico
Normal file
BIN
images/b_block.gif
Normal file
BIN
images/b_block.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 B |
BIN
images/b_drop.gif
Normal file
BIN
images/b_drop.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 B |
BIN
images/b_drop.png
Normal file
BIN
images/b_drop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
BIN
images/b_edit.gif
Normal file
BIN
images/b_edit.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
BIN
images/b_edit.png
Normal file
BIN
images/b_edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 451 B |
BIN
images/default-profile-sm.jpg
Normal file
BIN
images/default-profile-sm.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
BIN
images/default-profile.jpg
Normal file
BIN
images/default-profile.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 B |
BIN
images/larrw.gif
Normal file
BIN
images/larrw.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,004 B |
BIN
images/rarrw.gif
Normal file
BIN
images/rarrw.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
171
include/Photo.php
Normal file
171
include/Photo.php
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
<?php
|
||||
|
||||
if(! class_exists("Photo")) {
|
||||
class Photo {
|
||||
|
||||
private $image;
|
||||
private $width;
|
||||
private $height;
|
||||
|
||||
public function __construct($data) {
|
||||
$this->image = @imagecreatefromstring($data);
|
||||
if($this->image !== FALSE) {
|
||||
$this->width = imagesx($this->image);
|
||||
$this->height = imagesy($this->image);
|
||||
}
|
||||
}
|
||||
|
||||
public function __destruct() {
|
||||
if($this->image)
|
||||
imagedestroy($this->image);
|
||||
}
|
||||
|
||||
public function getWidth() {
|
||||
return $this->width;
|
||||
}
|
||||
|
||||
public function getHeight() {
|
||||
return $this->height;
|
||||
}
|
||||
|
||||
public function getImage() {
|
||||
return $this->image;
|
||||
}
|
||||
|
||||
public function scaleImage($max) {
|
||||
|
||||
$width = $this->width;
|
||||
$height = $this->height;
|
||||
|
||||
$dest_width = $dest_height = 0;
|
||||
|
||||
if((! $width)|| (! $height))
|
||||
return FALSE;
|
||||
|
||||
if($width > $max && $height > $max) {
|
||||
if($width > $height) {
|
||||
$dest_width = $max;
|
||||
$dest_height = intval(( $height * $max ) / $width);
|
||||
}
|
||||
else {
|
||||
$dest_width = intval(( $width * $max ) / $height);
|
||||
$dest_height = $max;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if( $width > $max ) {
|
||||
$dest_width = $max;
|
||||
$dest_height = intval(( $height * $max ) / $width);
|
||||
}
|
||||
else {
|
||||
if( $height > $max ) {
|
||||
$dest_width = intval(( $width * $max ) / $height);
|
||||
$dest_height = $max;
|
||||
}
|
||||
else {
|
||||
$dest_width = $width;
|
||||
$dest_height = $height;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$dest = imagecreatetruecolor( $dest_width, $dest_height );
|
||||
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dest_width, $dest_height, $width, $height);
|
||||
if($this->image)
|
||||
imagedestroy($this->image);
|
||||
$this->image = $dest;
|
||||
$this->width = imagesx($this->image);
|
||||
$this->height = imagesy($this->image);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
public function scaleImageUp($min) {
|
||||
|
||||
$width = $this->width;
|
||||
$height = $this->height;
|
||||
|
||||
$dest_width = $dest_height = 0;
|
||||
|
||||
if((! $width)|| (! $height))
|
||||
return FALSE;
|
||||
|
||||
if($width < $min && $height < $min) {
|
||||
if($width > $height) {
|
||||
$dest_width = $min;
|
||||
$dest_height = intval(( $height * $min ) / $width);
|
||||
}
|
||||
else {
|
||||
$dest_width = intval(( $width * $min ) / $height);
|
||||
$dest_height = $min;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if( $width < $min ) {
|
||||
$dest_width = $min;
|
||||
$dest_height = intval(( $height * $min ) / $width);
|
||||
}
|
||||
else {
|
||||
if( $height < $min ) {
|
||||
$dest_width = intval(( $width * $min ) / $height);
|
||||
$dest_height = $min;
|
||||
}
|
||||
else {
|
||||
$dest_width = $width;
|
||||
$dest_height = $height;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$dest = imagecreatetruecolor( $dest_width, $dest_height );
|
||||
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dest_width, $dest_height, $width, $height);
|
||||
if($this->image)
|
||||
imagedestroy($this->image);
|
||||
$this->image = $dest;
|
||||
$this->width = imagesx($this->image);
|
||||
$this->height = imagesy($this->image);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
public function scaleImageSquare($dim) {
|
||||
|
||||
$dest = imagecreatetruecolor( $dim, $dim );
|
||||
imagecopyresampled($dest, $this->image, 0, 0, 0, 0, $dim, $dim, $this->width, $this->height);
|
||||
if($this->image)
|
||||
imagedestroy($this->image);
|
||||
$this->image = $dest;
|
||||
$this->width = imagesx($this->image);
|
||||
$this->height = imagesy($this->image);
|
||||
}
|
||||
|
||||
|
||||
public function cropImage($max,$x,$y,$w,$h) {
|
||||
$dest = imagecreatetruecolor( $max, $max );
|
||||
imagecopyresampled($dest, $this->image, 0, 0, $x, $y, $max, $max, $w, $h);
|
||||
if($this->image)
|
||||
imagedestroy($this->image);
|
||||
$this->image = $dest;
|
||||
$this->width = imagesx($this->image);
|
||||
$this->height = imagesy($this->image);
|
||||
}
|
||||
|
||||
public function saveImage($path) {
|
||||
imagejpeg($this->image,$path,100);
|
||||
}
|
||||
|
||||
public function imageString() {
|
||||
ob_start();
|
||||
imagejpeg($this->image,NULL,100);
|
||||
$s = ob_get_contents();
|
||||
ob_end_clean();
|
||||
return $s;
|
||||
}
|
||||
|
||||
|
||||
}}
|
||||
|
||||
80
include/Scrape.php
Normal file
80
include/Scrape.php
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<?php
|
||||
|
||||
require_once('library/HTML5/Parser.php');
|
||||
|
||||
if(! function_exists('attribute_contains')) {
|
||||
function attribute_contains($attr,$s) {
|
||||
$a = explode(' ', $attr);
|
||||
if(count($a) && in_array($s,$a))
|
||||
return true;
|
||||
return false;
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('scrape_dfrn')) {
|
||||
function scrape_dfrn($url) {
|
||||
|
||||
$ret = array();
|
||||
$s = fetch_url($url);
|
||||
|
||||
if(! $s)
|
||||
return $ret;
|
||||
|
||||
$dom = HTML5_Parser::parse($s);
|
||||
|
||||
if(! $dom)
|
||||
return $ret;
|
||||
|
||||
$items = $dom->getElementsByTagName('link');
|
||||
|
||||
// get DFRN link elements
|
||||
|
||||
foreach($items as $item) {
|
||||
$x = $item->getAttribute('rel');
|
||||
if(substr($x,0,5) == "dfrn-")
|
||||
$ret[$x] = $item->getAttribute('href');
|
||||
}
|
||||
|
||||
// Pull out hCard profile elements
|
||||
|
||||
$items = $dom->getElementsByTagName('*');
|
||||
foreach($items as $item) {
|
||||
if(attribute_contains($item->getAttribute('class'), 'vcard')) {
|
||||
$level2 = $item->getElementsByTagName('*');
|
||||
foreach($level2 as $x) {
|
||||
if(attribute_contains($x->getAttribute('class'),'fn'))
|
||||
$ret['fn'] = $x->textContent;
|
||||
if(attribute_contains($x->getAttribute('class'),'photo'))
|
||||
$ret['photo'] = $x->getAttribute('src');
|
||||
if(attribute_contains($x->getAttribute('class'),'key'))
|
||||
$ret['key'] = $x->textContent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return $ret;
|
||||
}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if(! function_exists('validate_dfrn')) {
|
||||
function validate_dfrn($a) {
|
||||
$errors = 0;
|
||||
if(! x($a,'key'))
|
||||
$errors ++;
|
||||
if(! x($a,'dfrn-request'))
|
||||
$errors ++;
|
||||
if(! x($a,'dfrn-confirm'))
|
||||
$errors ++;
|
||||
if(! x($a,'dfrn-notify'))
|
||||
$errors ++;
|
||||
if(! x($a,'dfrn-poll'))
|
||||
$errors ++;
|
||||
return $errors;
|
||||
}}
|
||||
|
||||
|
||||
|
||||
105
include/bbcode.php
Normal file
105
include/bbcode.php
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<?php
|
||||
//BBcode 2 HTML was written by WAY2WEB.net
|
||||
|
||||
function bbcode($Text)
|
||||
{
|
||||
// Replace any html brackets with HTML Entities to prevent executing HTML or script
|
||||
// Don't use strip_tags here because it breaks [url] search by replacing & with amp
|
||||
$Text = str_replace("<", "<", $Text);
|
||||
$Text = str_replace(">", ">", $Text);
|
||||
|
||||
// Convert new line chars to html <br /> tags
|
||||
$Text = nl2br($Text);
|
||||
|
||||
// Set up the parameters for a URL search string
|
||||
$URLSearchString = " a-zA-Z0-9\:\/\-\?\&\.\=\_\~\#\'";
|
||||
// Set up the parameters for a MAIL search string
|
||||
$MAILSearchString = $URLSearchString . " a-zA-Z0-9\.@";
|
||||
|
||||
// Perform URL Search
|
||||
$Text = preg_replace("/\[url\]([$URLSearchString]*)\[\/url\]/", '<a href="$1" target="_blank">$1</a>', $Text);
|
||||
$Text = preg_replace("(\[url\=([$URLSearchString]*)\](.+?)\[/url\])", '<a href="$1" target="_blank">$2</a>', $Text);
|
||||
//$Text = preg_replace("(\[url\=([$URLSearchString]*)\]([$URLSearchString]*)\[/url\])", '<a href="$1" target="_blank">$2</a>', $Text);
|
||||
|
||||
// Perform MAIL Search
|
||||
$Text = preg_replace("(\[mail\]([$MAILSearchString]*)\[/mail\])", '<a href="mailto:$1">$1</a>', $Text);
|
||||
$Text = preg_replace("/\[mail\=([$MAILSearchString]*)\](.+?)\[\/mail\]/", '<a href="mailto:$1">$2</a>', $Text);
|
||||
|
||||
// Check for bold text
|
||||
$Text = preg_replace("(\[b\](.+?)\[\/b])is",'<strong>$1</strong>',$Text);
|
||||
|
||||
// Check for Italics text
|
||||
$Text = preg_replace("(\[i\](.+?)\[\/i\])is",'<em>$1</em>',$Text);
|
||||
|
||||
// Check for Underline text
|
||||
$Text = preg_replace("(\[u\](.+?)\[\/u\])is",'<u>$1</u>',$Text);
|
||||
|
||||
// Check for strike-through text
|
||||
$Text = preg_replace("(\[s\](.+?)\[\/s\])is",'<strike>$1</strike>',$Text);
|
||||
|
||||
// Check for over-line text
|
||||
$Text = preg_replace("(\[o\](.+?)\[\/o\])is",'<span class="overline">$1</span>',$Text);
|
||||
|
||||
// Check for colored text
|
||||
$Text = preg_replace("(\[color=(.+?)\](.+?)\[\/color\])is","<span style=\"color: $1\">$2</span>",$Text);
|
||||
|
||||
// Check for sized text
|
||||
$Text = preg_replace("(\[size=(.+?)\](.+?)\[\/size\])is","<span style=\"font-size: $1px\">$2</span>",$Text);
|
||||
|
||||
// Check for list text
|
||||
$Text = preg_replace("/\[list\](.+?)\[\/list\]/is", '<ul class="listbullet">$1</ul>' ,$Text);
|
||||
$Text = preg_replace("/\[list=1\](.+?)\[\/list\]/is", '<ul class="listdecimal">$1</ul>' ,$Text);
|
||||
$Text = preg_replace("/\[list=i\](.+?)\[\/list\]/s",'<ul class="listlowerroman">$1</ul>' ,$Text);
|
||||
$Text = preg_replace("/\[list=I\](.+?)\[\/list\]/s", '<ul class="listupperroman">$1</ul>' ,$Text);
|
||||
$Text = preg_replace("/\[list=a\](.+?)\[\/list\]/s", '<ul class="listloweralpha">$1</ul>' ,$Text);
|
||||
$Text = preg_replace("/\[list=A\](.+?)\[\/list\]/s", '<ul class="listupperalpha">$1</ul>' ,$Text);
|
||||
$Text = str_replace("[*]", "<li>", $Text);
|
||||
|
||||
// Check for font change text
|
||||
$Text = preg_replace("(\[font=(.+?)\](.+?)\[\/font\])","<span style=\"font-family: $1;\">$2</span>",$Text);
|
||||
|
||||
// Declare the format for [code] layout
|
||||
$CodeLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="quotecodeheader"> Code:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="codebody">$1</td>
|
||||
</tr>
|
||||
</table>';
|
||||
// Check for [code] text
|
||||
$Text = preg_replace("/\[code\](.+?)\[\/code\]/is","$CodeLayout", $Text);
|
||||
// Declare the format for [php] layout
|
||||
$phpLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="quotecodeheader"> Code:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="codebody">$1</td>
|
||||
</tr>
|
||||
</table>';
|
||||
// Check for [php] text
|
||||
$Text = preg_replace("/\[php\](.+?)\[\/php\]/is",$phpLayout, $Text);
|
||||
|
||||
// Declare the format for [quote] layout
|
||||
$QuoteLayout = '<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="quotecodeheader"> Quote:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="quotebody">$1</td>
|
||||
</tr>
|
||||
</table>';
|
||||
|
||||
// Check for [quote] text
|
||||
$Text = preg_replace("/\[quote\](.+?)\[\/quote\]/is","$QuoteLayout", $Text);
|
||||
|
||||
// Images
|
||||
// [img]pathtoimage[/img]
|
||||
$Text = preg_replace("/\[img\](.+?)\[\/img\]/", '<img src="$1">', $Text);
|
||||
|
||||
// [img=widthxheight]image source[/img]
|
||||
$Text = preg_replace("/\[img\=([0-9]*)x([0-9]*)\](.+?)\[\/img\]/", '<img src="$3" height="$2" width="$1">', $Text);
|
||||
|
||||
return $Text;
|
||||
}
|
||||
145
include/datetime.php
Normal file
145
include/datetime.php
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<?php
|
||||
|
||||
if(! function_exists('timezone_cmp')) {
|
||||
function timezone_cmp($a, $b) {
|
||||
if(strstr($a,'/') && strstr($b,'/')) {
|
||||
if ($a == $b) return 0;
|
||||
return ($a < $b) ? -1 : 1;
|
||||
}
|
||||
if(strstr($a,'/')) return -1;
|
||||
if(strstr($b,'/')) return 1;
|
||||
if ($a == $b) return 0;
|
||||
return ($a < $b) ? -1 : 1;
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('select_timezone')) {
|
||||
function select_timezone($current = 'America/Los_Angeles') {
|
||||
|
||||
$timezone_identifiers = DateTimeZone::listIdentifiers();
|
||||
|
||||
$o ='<select id="timezone_select" name="timezone">';
|
||||
|
||||
usort($timezone_identifiers, 'timezone_cmp');
|
||||
$continent = '';
|
||||
foreach($timezone_identifiers as $value) {
|
||||
$ex = explode("/", $value);
|
||||
if(count($ex) > 1) {
|
||||
if($ex[0] != $continent) {
|
||||
if($continent != '')
|
||||
$o .= '</optgroup>';
|
||||
$continent = $ex[0];
|
||||
$o .= "<optgroup label=\"$continent\">";
|
||||
}
|
||||
if(count($ex) > 2)
|
||||
$city = substr($value,strpos($value,'/')+1);
|
||||
else
|
||||
$city = $ex[1];
|
||||
}
|
||||
else {
|
||||
$city = $ex[0];
|
||||
if($continent != 'Miscellaneous') {
|
||||
$o .= '</optgroup>';
|
||||
$continent = 'Miscellaneous';
|
||||
$o .= "<optgroup label=\"$continent\">";
|
||||
}
|
||||
}
|
||||
$city = str_replace('_', ' ', $city);
|
||||
$selected = (($value == $current) ? " selected=\"selected\" " : "");
|
||||
$o .= "<option value=\"$value\" $selected >$city</option>";
|
||||
}
|
||||
$o .= '</optgroup></select>';
|
||||
return $o;
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('datetime_convert')) {
|
||||
function datetime_convert($from = 'UTC', $to = 'UTC', $s = 'now', $fmt = "Y-m-d H:i:s") {
|
||||
$d = new DateTime($s, new DateTimeZone($from));
|
||||
$d->setTimeZone(new DateTimeZone($to));
|
||||
return($d->format($fmt));
|
||||
}}
|
||||
|
||||
|
||||
|
||||
if(! function_exists('datesel')) {
|
||||
function datesel($pre,$ymin,$ymax,$allow_blank,$y,$m,$d) {
|
||||
|
||||
$o = '';
|
||||
$o .= "<select name=\"{$pre}year\" class=\"{$pre}year\" size=\"1\">";
|
||||
if($allow_blank) {
|
||||
$sel = (($y == '') ? " selected=\"selected\" " : "");
|
||||
$o .= "<option value=\"\" $sel></option>";
|
||||
}
|
||||
|
||||
for($x = $ymin; $x <= $ymax; $x ++) {
|
||||
$sel = (($x == $y) ? " selected=\"selected\" " : "");
|
||||
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||
}
|
||||
|
||||
$o .= "</select>-<select name=\"{$pre}month\" class=\"{$pre}month\" size=\"1\">";
|
||||
for($x = 1; $x <= 12; $x ++) {
|
||||
$sel = (($x == $m) ? " selected=\"selected\" " : "");
|
||||
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||
}
|
||||
|
||||
$o .= "</select>-<select name=\"{$pre}day\" class=\"{$pre}day\" size=\"1\">";
|
||||
for($x = 1; $x <= 31; $x ++) {
|
||||
$sel = (($x == $d) ? " selected=\"selected\" " : "");
|
||||
$o .= "<option value=\"$x\" $sel>$x</option>";
|
||||
}
|
||||
|
||||
$o .= "</select>";
|
||||
return $o;
|
||||
}}
|
||||
|
||||
|
||||
// TODO rewrite this buggy sucker
|
||||
function relative_date($posted_date) {
|
||||
|
||||
$localtime = datetime_convert('UTC',date_default_timezone_get(),$posted_date);
|
||||
|
||||
$in_seconds = strtotime($localtime);
|
||||
|
||||
$diff = time() - $in_seconds;
|
||||
|
||||
$months = floor($diff/2592000);
|
||||
$diff -= $months*2419200;
|
||||
$weeks = floor($diff/604800);
|
||||
$diff -= $weeks*604800;
|
||||
$days = floor($diff/86400);
|
||||
$diff -= $days*86400;
|
||||
$hours = floor($diff/3600);
|
||||
$diff -= $hours*3600;
|
||||
$minutes = floor($diff/60);
|
||||
$diff -= $minutes*60;
|
||||
$seconds = $diff;
|
||||
|
||||
|
||||
if ($months>0) {
|
||||
// over a month old,
|
||||
return 'over a month ago';
|
||||
} else {
|
||||
if ($weeks>0) {
|
||||
// weeks and days
|
||||
$relative_date .= ($relative_date?', ':'').$weeks.' week'.($weeks!=1 ?'s':'');
|
||||
|
||||
} elseif ($days>0) {
|
||||
// days and hours
|
||||
$relative_date .= ($relative_date?', ':'').$days.' day'.($days!=1?'s':'');
|
||||
|
||||
} elseif ($hours>0) {
|
||||
// hours and minutes
|
||||
$relative_date .= ($relative_date?', ':'').$hours.' hour'.($hours!=1?'s':'');
|
||||
|
||||
} elseif ($minutes>0) {
|
||||
// minutes only
|
||||
$relative_date .= ($relative_date?', ':'').$minutes.' minute'.($minutes!=1?'s':'');
|
||||
} else {
|
||||
// seconds only
|
||||
$relative_date .= ($relative_date?', ':'').$seconds.' second'.($seconds!=1?'s':'');
|
||||
}
|
||||
}
|
||||
// show relative date and add proper verbiage
|
||||
return $relative_date.' ago';
|
||||
}
|
||||
138
include/dba.php
Normal file
138
include/dba.php
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
<?php
|
||||
|
||||
// MySQL database class
|
||||
//
|
||||
// For debugging, insert 'dbg(x);' anywhere in the program flow.
|
||||
// x = 1: display db success/failure following content
|
||||
// x = 2: display full queries following content
|
||||
// x = 3: display full queries using echo; which will mess up display
|
||||
// really bad but will return output in stubborn cases.
|
||||
|
||||
if(! class_exists('dba')) {
|
||||
class dba {
|
||||
|
||||
private $debug = 0;
|
||||
private $db;
|
||||
|
||||
function __construct($server,$user,$pass,$db,$install = false) {
|
||||
$this->db = @new mysqli($server,$user,$pass,$db);
|
||||
if((mysqli_connect_errno()) && (! install))
|
||||
system_unavailable();
|
||||
}
|
||||
|
||||
public function q($sql) {
|
||||
global $debug_text;
|
||||
|
||||
if(! $this->db )
|
||||
return false;
|
||||
|
||||
$result = @$this->db->query($sql);
|
||||
|
||||
if($this->debug) {
|
||||
|
||||
$mesg = '';
|
||||
|
||||
if($this->db->mysqli->errno)
|
||||
$debug_text .= $this->db->mysqli->error . EOL;
|
||||
|
||||
if($result === false)
|
||||
$mesg = 'false';
|
||||
elseif($result === true)
|
||||
$mesg = 'true';
|
||||
else
|
||||
$mesg = $result->num_rows.' results' . EOL;
|
||||
|
||||
$str = 'SQL = ' . $sql . EOL . 'SQL returned ' . $mesg . EOL;
|
||||
|
||||
switch($this->debug) {
|
||||
case 3:
|
||||
echo $str;
|
||||
break;
|
||||
default:
|
||||
$debug_text .= $str;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if(($result === true) || ($result === false))
|
||||
return $result;
|
||||
|
||||
$r = array();
|
||||
if($result->num_rows) {
|
||||
while($x = $result->fetch_array(MYSQL_ASSOC))
|
||||
$r[] = $x;
|
||||
$result->free_result();
|
||||
}
|
||||
|
||||
if($this->debug == 2)
|
||||
$debug_text .= print_r($r, true). EOL;
|
||||
// $debug_text .= quoted_printable_encode(print_r($r, true). EOL);
|
||||
elseif($this->debug == 3)
|
||||
echo print_r($r, true) . EOL ;
|
||||
// echo quoted_printable_encode(print_r($r, true) . EOL) ;
|
||||
|
||||
return($r);
|
||||
}
|
||||
|
||||
public function dbg($dbg) {
|
||||
$this->debug = $dbg;
|
||||
}
|
||||
|
||||
public function escape($str) {
|
||||
return @$this->db->real_escape_string($str);
|
||||
}
|
||||
|
||||
function __destruct() {
|
||||
@$this->db->close();
|
||||
}
|
||||
}}
|
||||
|
||||
// Procedural functions
|
||||
if(! function_exists('dbg')) {
|
||||
function dbg($state) {
|
||||
global $db;
|
||||
$db->dbg($state);
|
||||
}}
|
||||
|
||||
if(! function_exists('dbesc')) {
|
||||
function dbesc($str) {
|
||||
global $db;
|
||||
return($db->escape($str));
|
||||
}}
|
||||
|
||||
|
||||
// Function: q($sql,$args);
|
||||
// Description: execute SQL query with printf style args.
|
||||
// Example: $r = q("SELECT * FROM `%s` WHERE `uid` = %d",
|
||||
// 'user', 1);
|
||||
|
||||
if(! function_exists('q')) {
|
||||
function q($sql) {
|
||||
|
||||
global $db;
|
||||
$args = func_get_args();
|
||||
unset($args[0]);
|
||||
$ret = $db->q(vsprintf($sql,$args));
|
||||
return $ret;
|
||||
}}
|
||||
|
||||
|
||||
// Caller is responsible for ensuring that any integer arguments to
|
||||
// dbesc_array are actually integers and not malformed strings containing
|
||||
// SQL injection vectors. All integer array elements should be specifically
|
||||
// cast to int to avoid trouble.
|
||||
|
||||
|
||||
if(! function_exists('dbesc_array_cb')) {
|
||||
function dbesc_array_cb(&$item, $key) {
|
||||
if(is_string($item))
|
||||
$item = dbesc($item);
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('dbesc_array')) {
|
||||
function dbesc_array(&$a) {
|
||||
if(is_array($a) && count($a)) {
|
||||
array_walk($a,'dbesc_array_cb');
|
||||
}
|
||||
}}
|
||||
19
include/login.php
Normal file
19
include/login.php
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
|
||||
<form action="process-login" method="post" >
|
||||
<div class="login-name-wrapper">
|
||||
<label for="login-name" id="label-login-name">Email address: </label>
|
||||
<input type="text" maxlength="60" name="login-name" id="login-name" value="" />
|
||||
</div>
|
||||
<div class="login-password-wrapper">
|
||||
<label for="login-password" id="label-login-password">Password: </label>
|
||||
<input type="password" maxlength="60" name="password" id="password" value="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-extra-links">
|
||||
<?php if($register) { ?>
|
||||
<a href="register" name="Register" id="register" >Register</a>
|
||||
<?php } ?>
|
||||
<a href="lost-password" name="Lost your password?" id="lost-password">Password Reset</a>
|
||||
</div>
|
||||
<input type="submit" name="submit" id="login-submit" value="Login" />
|
||||
</form>
|
||||
17
include/security.php
Normal file
17
include/security.php
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<?php
|
||||
|
||||
function can_write_wall(&$a,$owner) {
|
||||
if((! (local_user())) && (! (remote_user())))
|
||||
return false;
|
||||
if((local_user()) && ($_SESSION['uid'] == $owner))
|
||||
return true;
|
||||
|
||||
$r = q("SELECT * FROM `contact` WHERE `uid` = %d AND `id` = %d AND `blocked` = 0",
|
||||
intval($owner),
|
||||
intval($_SESSION['visitor_id'])
|
||||
);
|
||||
if(count($r))
|
||||
return true;
|
||||
return false;
|
||||
|
||||
}
|
||||
76
include/session.php
Normal file
76
include/session.php
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<?php
|
||||
|
||||
// Session management functions. These provide database storage of PHP
|
||||
// session info.
|
||||
|
||||
$session_exists = 0;
|
||||
$session_expire = 180000;
|
||||
|
||||
if(! function_exists('ref_session_open')) {
|
||||
function ref_session_open ($s,$n) {
|
||||
return true;
|
||||
}}
|
||||
|
||||
if(! function_exists('ref_session_read')) {
|
||||
function ref_session_read ($id) {
|
||||
global $session_exists;
|
||||
if(x($id))
|
||||
$r = q("SELECT `data` FROM `session` WHERE `sid`= '%s'", dbesc($id));
|
||||
if(count($r)) {
|
||||
$session_exists = true;
|
||||
return $r[0]['data'];
|
||||
}
|
||||
return '';
|
||||
}}
|
||||
|
||||
if(! function_exists('ref_session_write')) {
|
||||
function ref_session_write ($id,$data) {
|
||||
global $session_exists, $session_expire;
|
||||
if(! $id || ! $data) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$expire = time() + $session_expire;
|
||||
$default_expire = time() + 300;
|
||||
|
||||
if($session_exists)
|
||||
$r = q("UPDATE `session`
|
||||
SET `data` = '%s', `expire` = '%s'
|
||||
WHERE `sid` = '%s' LIMIT 1",
|
||||
dbesc($data), dbesc($expire), dbesc($id));
|
||||
else
|
||||
$r = q("INSERT INTO `session`
|
||||
SET `sid` = '%s', `expire` = '%s', `data` = '%s'",
|
||||
dbesc($id), dbesc($default_expire), dbesc($data));
|
||||
|
||||
return true;
|
||||
}}
|
||||
|
||||
if(! function_exists('ref_session_close')) {
|
||||
function ref_session_close() {
|
||||
return true;
|
||||
}}
|
||||
|
||||
if(! function_exists('ref_session_destroy')) {
|
||||
function ref_session_destroy ($id) {
|
||||
q("DELETE FROM `session` WHERE `sid` = '%s'", dbesc($id));
|
||||
return true;
|
||||
}}
|
||||
|
||||
if(! function_exists('ref_session_gc')) {
|
||||
function ref_session_gc($expire) {
|
||||
q("DELETE FROM `session` WHERE `expire` < %d", dbesc(time()));
|
||||
q("OPTIMIZE TABLE `sess_data`");
|
||||
return true;
|
||||
}}
|
||||
|
||||
$gc_probability = 50;
|
||||
|
||||
ini_set('session.gc_probability', $gc_probability);
|
||||
ini_set('session.use_only_cookies', 1);
|
||||
ini_set('session.cookie_httponly', 1);
|
||||
|
||||
|
||||
session_set_save_handler ('ref_session_open', 'ref_session_close',
|
||||
'ref_session_read', 'ref_session_write',
|
||||
'ref_session_destroy', 'ref_session_gc');
|
||||
6
include/system_unavailable.php
Normal file
6
include/system_unavailable.php
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<html>
|
||||
<head><title>System Unavailable</title></head>
|
||||
<body>
|
||||
Apologies but this site is unavailable at the moment. Please try again later.
|
||||
</body>
|
||||
</html>
|
||||
113
index.php
Normal file
113
index.php
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
<?php
|
||||
|
||||
require_once("boot.php");
|
||||
|
||||
$a = new App;
|
||||
|
||||
$debug_text = ''; // Debugging functions should never be used on production systems.
|
||||
|
||||
// Setup the database.
|
||||
|
||||
$install = ((file_exists('.htconfig.php')) ? false : true);
|
||||
|
||||
@include(".htconfig.php");
|
||||
require_once("dba.php");
|
||||
$db = new dba($db_host, $db_user, $db_pass, $db_data, $install);
|
||||
unset($db_host, $db_user, $db_pass, $db_data);
|
||||
|
||||
require_once("session.php");
|
||||
require_once("datetime.php");
|
||||
|
||||
date_default_timezone_set(($default_timezone) ? $default_timezone : 'UTC');
|
||||
|
||||
$a->init_pagehead();
|
||||
|
||||
session_start();
|
||||
|
||||
if((x($_SESSION,'authenticated')) || (x($_POST['auth-params'])))
|
||||
require("auth.php");
|
||||
|
||||
if($install)
|
||||
$a->module = 'install';
|
||||
|
||||
if(strlen($a->module)) {
|
||||
if(file_exists("mod/{$a->module}.php")) {
|
||||
include("mod/{$a->module}.php");
|
||||
$a->module_loaded = true;
|
||||
}
|
||||
else {
|
||||
// TODO
|
||||
// search builtin function module table, else
|
||||
// return 403, 404, etc. Right now unresolved pages return blank.
|
||||
}
|
||||
}
|
||||
|
||||
// invoke module functions
|
||||
// Important: Modules normally do not emit content, unless you need it for debugging.
|
||||
// The module_init, module_post, and module_afterpost functions process URL parameters and POST processing.
|
||||
// The module_content function returns content text to this function where it is included on the page.
|
||||
// Modules emitting XML/Atom, etc. should do so in the _init function and promptly exit.
|
||||
// "Most" HTML resides in the view directory as text templates with macro substitution.
|
||||
// They look like HTML with PHP variables but only a couple pass through the PHP processor - those with .php extensions.
|
||||
// The macro substitution is defined per page for the .tpl files.
|
||||
// Information transfer between functions can be accomplished via the App session '$a' and its related variables.
|
||||
// x() queries both a variable's existence and that it is "non-zero" or "non-empty" depending on how it is called.
|
||||
// q() is the SQL query form. All string (%s) variables MUST be passed through dbesc().
|
||||
// All int values MUST be cast to integer using intval();
|
||||
|
||||
if($a->module_loaded) {
|
||||
$a->page['page_title'] = $a->module;
|
||||
if(function_exists($a->module . '_init')) {
|
||||
$func = $a->module . '_init';
|
||||
$func($a);
|
||||
}
|
||||
|
||||
if(($_SERVER['REQUEST_METHOD'] == 'POST') && (! $a->error)
|
||||
&& (function_exists($a->module . '_post'))
|
||||
&& (! x($_POST,'auth-params'))) {
|
||||
$func = $a->module . '_post';
|
||||
$func($a);
|
||||
}
|
||||
|
||||
if((! $a->error) && (function_exists($a->module . '_afterpost'))) {
|
||||
$func = $a->module . '_afterpost';
|
||||
$func($a);
|
||||
}
|
||||
|
||||
if((! $a->error) && (function_exists($a->module . '_content'))) {
|
||||
$func = $a->module . '_content';
|
||||
$a->page['content'] .= $func($a);
|
||||
}
|
||||
|
||||
footer($a);
|
||||
}
|
||||
|
||||
// report anything important happening
|
||||
|
||||
if(x($_SESSION,'sysmsg')) {
|
||||
$a->page['content'] = "<div class=\"error-message\">{$_SESSION['sysmsg']}</div>\r\n"
|
||||
. $a->page['content'];
|
||||
unset($_SESSION['sysmsg']);
|
||||
}
|
||||
|
||||
// Feel free to comment out this line on production sites.
|
||||
$a->page['content'] .= $debug_text;
|
||||
|
||||
// build page
|
||||
|
||||
// Navigation (menu) template
|
||||
require_once("nav.php");
|
||||
|
||||
$page = $a->page;
|
||||
$profile = $a->profile;
|
||||
|
||||
header("Content-type: text/html; charset=utf-8");
|
||||
$template = "view/"
|
||||
. ((x($a->page,'theme')) ? $a->page['theme'] . '/' : "" )
|
||||
. ((x($a->page,'template')) ? $a->page['template'] : 'default' )
|
||||
. ".php";
|
||||
|
||||
require_once($template);
|
||||
|
||||
session_write_close();
|
||||
exit;
|
||||
120
library/HTML5/Data.php
Normal file
120
library/HTML5/Data.php
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<?php
|
||||
|
||||
// warning: this file is encoded in UTF-8!
|
||||
|
||||
class HTML5_Data
|
||||
{
|
||||
|
||||
// at some point this should be moved to a .ser file. Another
|
||||
// possible optimization is to give UTF-8 bytes, not Unicode
|
||||
// codepoints
|
||||
protected static $realCodepointTable = array(
|
||||
0x0D => 0x000A, // LINE FEED (LF)
|
||||
0x80 => 0x20AC, // EURO SIGN ('€')
|
||||
0x81 => 0xFFFD, // REPLACEMENT CHARACTER
|
||||
0x82 => 0x201A, // SINGLE LOW-9 QUOTATION MARK ('‚')
|
||||
0x83 => 0x0192, // LATIN SMALL LETTER F WITH HOOK ('ƒ')
|
||||
0x84 => 0x201E, // DOUBLE LOW-9 QUOTATION MARK ('„')
|
||||
0x85 => 0x2026, // HORIZONTAL ELLIPSIS ('…')
|
||||
0x86 => 0x2020, // DAGGER ('†')
|
||||
0x87 => 0x2021, // DOUBLE DAGGER ('‡')
|
||||
0x88 => 0x02C6, // MODIFIER LETTER CIRCUMFLEX ACCENT ('ˆ')
|
||||
0x89 => 0x2030, // PER MILLE SIGN ('‰')
|
||||
0x8A => 0x0160, // LATIN CAPITAL LETTER S WITH CARON ('Š')
|
||||
0x8B => 0x2039, // SINGLE LEFT-POINTING ANGLE QUOTATION MARK ('‹')
|
||||
0x8C => 0x0152, // LATIN CAPITAL LIGATURE OE ('Œ')
|
||||
0x8D => 0xFFFD, // REPLACEMENT CHARACTER
|
||||
0x8E => 0x017D, // LATIN CAPITAL LETTER Z WITH CARON ('Ž')
|
||||
0x8F => 0xFFFD, // REPLACEMENT CHARACTER
|
||||
0x90 => 0xFFFD, // REPLACEMENT CHARACTER
|
||||
0x91 => 0x2018, // LEFT SINGLE QUOTATION MARK ('‘')
|
||||
0x92 => 0x2019, // RIGHT SINGLE QUOTATION MARK ('’')
|
||||
0x93 => 0x201C, // LEFT DOUBLE QUOTATION MARK ('“')
|
||||
0x94 => 0x201D, // RIGHT DOUBLE QUOTATION MARK ('”')
|
||||
0x95 => 0x2022, // BULLET ('•')
|
||||
0x96 => 0x2013, // EN DASH ('–')
|
||||
0x97 => 0x2014, // EM DASH ('—')
|
||||
0x98 => 0x02DC, // SMALL TILDE ('˜')
|
||||
0x99 => 0x2122, // TRADE MARK SIGN ('™')
|
||||
0x9A => 0x0161, // LATIN SMALL LETTER S WITH CARON ('š')
|
||||
0x9B => 0x203A, // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK ('›')
|
||||
0x9C => 0x0153, // LATIN SMALL LIGATURE OE ('œ')
|
||||
0x9D => 0xFFFD, // REPLACEMENT CHARACTER
|
||||
0x9E => 0x017E, // LATIN SMALL LETTER Z WITH CARON ('ž')
|
||||
0x9F => 0x0178, // LATIN CAPITAL LETTER Y WITH DIAERESIS ('Ÿ')
|
||||
);
|
||||
|
||||
protected static $namedCharacterReferences;
|
||||
|
||||
protected static $namedCharacterReferenceMaxLength;
|
||||
|
||||
/**
|
||||
* Returns the "real" Unicode codepoint of a malformed character
|
||||
* reference.
|
||||
*/
|
||||
public static function getRealCodepoint($ref) {
|
||||
if (!isset(self::$realCodepointTable[$ref])) return false;
|
||||
else return self::$realCodepointTable[$ref];
|
||||
}
|
||||
|
||||
public static function getNamedCharacterReferences() {
|
||||
if (!self::$namedCharacterReferences) {
|
||||
self::$namedCharacterReferences = unserialize(
|
||||
file_get_contents(dirname(__FILE__) . '/named-character-references.ser'));
|
||||
}
|
||||
return self::$namedCharacterReferences;
|
||||
}
|
||||
|
||||
public static function getNamedCharacterReferenceMaxLength() {
|
||||
if (!self::$namedCharacterReferenceMaxLength) {
|
||||
$namedCharacterReferences = self::getNamedCharacterReferences();
|
||||
$lengths = array_map('strlen', array_keys($namedCharacterReferences));
|
||||
self::$namedCharacterReferenceMaxLength = max($lengths);
|
||||
}
|
||||
return self::$namedCharacterReferenceMaxLength;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Converts a Unicode codepoint to sequence of UTF-8 bytes.
|
||||
* @note Shamelessly stolen from HTML Purifier, which is also
|
||||
* shamelessly stolen from Feyd (which is in public domain).
|
||||
*/
|
||||
public static function utf8chr($code) {
|
||||
if($code > 0x10FFFF or $code < 0x0 or
|
||||
($code >= 0xD800 and $code <= 0xDFFF) ) {
|
||||
// bits are set outside the "valid" range as defined
|
||||
// by UNICODE 4.1.0
|
||||
return "\xEF\xBF\xBD";
|
||||
}
|
||||
|
||||
$x = $y = $z = $w = 0;
|
||||
if ($code < 0x80) {
|
||||
// regular ASCII character
|
||||
$x = $code;
|
||||
} else {
|
||||
// set up bits for UTF-8
|
||||
$x = ($code & 0x3F) | 0x80;
|
||||
if ($code < 0x800) {
|
||||
$y = (($code & 0x7FF) >> 6) | 0xC0;
|
||||
} else {
|
||||
$y = (($code & 0xFC0) >> 6) | 0x80;
|
||||
if($code < 0x10000) {
|
||||
$z = (($code >> 12) & 0x0F) | 0xE0;
|
||||
} else {
|
||||
$z = (($code >> 12) & 0x3F) | 0x80;
|
||||
$w = (($code >> 18) & 0x07) | 0xF0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// set up the actual character
|
||||
$ret = '';
|
||||
if($w) $ret .= chr($w);
|
||||
if($z) $ret .= chr($z);
|
||||
if($y) $ret .= chr($y);
|
||||
$ret .= chr($x);
|
||||
|
||||
return $ret;
|
||||
}
|
||||
|
||||
}
|
||||
284
library/HTML5/InputStream.php
Normal file
284
library/HTML5/InputStream.php
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
<?php
|
||||
|
||||
/*
|
||||
|
||||
Copyright 2009 Geoffrey Sneddon <http://gsnedders.com/>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a
|
||||
copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included
|
||||
in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
*/
|
||||
|
||||
// Some conventions:
|
||||
// /* */ indicates verbatim text from the HTML 5 specification
|
||||
// // indicates regular comments
|
||||
|
||||
class HTML5_InputStream {
|
||||
/**
|
||||
* The string data we're parsing.
|
||||
*/
|
||||
private $data;
|
||||
|
||||
/**
|
||||
* The current integer byte position we are in $data
|
||||
*/
|
||||
private $char;
|
||||
|
||||
/**
|
||||
* Length of $data; when $char === $data, we are at the end-of-file.
|
||||
*/
|
||||
private $EOF;
|
||||
|
||||
/**
|
||||
* Parse errors.
|
||||
*/
|
||||
public $errors = array();
|
||||
|
||||
/**
|
||||
* @param $data Data to parse
|
||||
*/
|
||||
public function __construct($data) {
|
||||
|
||||
/* Given an encoding, the bytes in the input stream must be
|
||||
converted to Unicode characters for the tokeniser, as
|
||||
described by the rules for that encoding, except that the
|
||||
leading U+FEFF BYTE ORDER MARK character, if any, must not
|
||||
be stripped by the encoding layer (it is stripped by the rule below).
|
||||
|
||||
Bytes or sequences of bytes in the original byte stream that
|
||||
could not be converted to Unicode characters must be converted
|
||||
to U+FFFD REPLACEMENT CHARACTER code points. */
|
||||
|
||||
// XXX currently assuming input data is UTF-8; once we
|
||||
// build encoding detection this will no longer be the case
|
||||
//
|
||||
// We previously had an mbstring implementation here, but that
|
||||
// implementation is heavily non-conforming, so it's been
|
||||
// omitted.
|
||||
if (extension_loaded('iconv')) {
|
||||
// non-conforming
|
||||
$data = @iconv('UTF-8', 'UTF-8//IGNORE', $data);
|
||||
} else {
|
||||
// we can make a conforming native implementation
|
||||
throw new Exception('Not implemented, please install mbstring or iconv');
|
||||
}
|
||||
|
||||
/* One leading U+FEFF BYTE ORDER MARK character must be
|
||||
ignored if any are present. */
|
||||
if (substr($data, 0, 3) === "\xEF\xBB\xBF") {
|
||||
$data = substr($data, 3);
|
||||
}
|
||||
|
||||
/* All U+0000 NULL characters in the input must be replaced
|
||||
by U+FFFD REPLACEMENT CHARACTERs. Any occurrences of such
|
||||
characters is a parse error. */
|
||||
for ($i = 0, $count = substr_count($data, "\0"); $i < $count; $i++) {
|
||||
$this->errors[] = array(
|
||||
'type' => HTML5_Tokenizer::PARSEERROR,
|
||||
'data' => 'null-character'
|
||||
);
|
||||
}
|
||||
/* U+000D CARRIAGE RETURN (CR) characters and U+000A LINE FEED
|
||||
(LF) characters are treated specially. Any CR characters
|
||||
that are followed by LF characters must be removed, and any
|
||||
CR characters not followed by LF characters must be converted
|
||||
to LF characters. Thus, newlines in HTML DOMs are represented
|
||||
by LF characters, and there are never any CR characters in the
|
||||
input to the tokenization stage. */
|
||||
$data = str_replace(
|
||||
array(
|
||||
"\0",
|
||||
"\r\n",
|
||||
"\r"
|
||||
),
|
||||
array(
|
||||
"\xEF\xBF\xBD",
|
||||
"\n",
|
||||
"\n"
|
||||
),
|
||||
$data
|
||||
);
|
||||
|
||||
/* Any occurrences of any characters in the ranges U+0001 to
|
||||
U+0008, U+000B, U+000E to U+001F, U+007F to U+009F,
|
||||
U+D800 to U+DFFF , U+FDD0 to U+FDEF, and
|
||||
characters U+FFFE, U+FFFF, U+1FFFE, U+1FFFF, U+2FFFE, U+2FFFF,
|
||||
U+3FFFE, U+3FFFF, U+4FFFE, U+4FFFF, U+5FFFE, U+5FFFF, U+6FFFE,
|
||||
U+6FFFF, U+7FFFE, U+7FFFF, U+8FFFE, U+8FFFF, U+9FFFE, U+9FFFF,
|
||||
U+AFFFE, U+AFFFF, U+BFFFE, U+BFFFF, U+CFFFE, U+CFFFF, U+DFFFE,
|
||||
U+DFFFF, U+EFFFE, U+EFFFF, U+FFFFE, U+FFFFF, U+10FFFE, and
|
||||
U+10FFFF are parse errors. (These are all control characters
|
||||
or permanently undefined Unicode characters.) */
|
||||
// Check PCRE is loaded.
|
||||
if (extension_loaded('pcre')) {
|
||||
$count = preg_match_all(
|
||||
'/(?:
|
||||
[\x01-\x08\x0B\x0E-\x1F\x7F] # U+0001 to U+0008, U+000B, U+000E to U+001F and U+007F
|
||||
|
|
||||
\xC2[\x80-\x9F] # U+0080 to U+009F
|
||||
|
|
||||
\xED(?:\xA0[\x80-\xFF]|[\xA1-\xBE][\x00-\xFF]|\xBF[\x00-\xBF]) # U+D800 to U+DFFFF
|
||||
|
|
||||
\xEF\xB7[\x90-\xAF] # U+FDD0 to U+FDEF
|
||||
|
|
||||
\xEF\xBF[\xBE\xBF] # U+FFFE and U+FFFF
|
||||
|
|
||||
[\xF0-\xF4][\x8F-\xBF]\xBF[\xBE\xBF] # U+nFFFE and U+nFFFF (1 <= n <= 10_{16})
|
||||
)/x',
|
||||
$data,
|
||||
$matches
|
||||
);
|
||||
for ($i = 0; $i < $count; $i++) {
|
||||
$this->errors[] = array(
|
||||
'type' => HTML5_Tokenizer::PARSEERROR,
|
||||
'data' => 'invalid-codepoint'
|
||||
);
|
||||
}
|
||||
} else {
|
||||
// XXX: Need non-PCRE impl, probably using substr_count
|
||||
}
|
||||
|
||||
$this->data = $data;
|
||||
$this->char = 0;
|
||||
$this->EOF = strlen($data);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the current line that the tokenizer is at.
|
||||
*/
|
||||
public function getCurrentLine() {
|
||||
// Check the string isn't empty
|
||||
if($this->EOF) {
|
||||
// Add one to $this->char because we want the number for the next
|
||||
// byte to be processed.
|
||||
return substr_count($this->data, "\n", 0, min($this->char, $this->EOF)) + 1;
|
||||
} else {
|
||||
// If the string is empty, we are on the first line (sorta).
|
||||
return 1;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the current column of the current line that the tokenizer is at.
|
||||
*/
|
||||
public function getColumnOffset() {
|
||||
// strrpos is weird, and the offset needs to be negative for what we
|
||||
// want (i.e., the last \n before $this->char). This needs to not have
|
||||
// one (to make it point to the next character, the one we want the
|
||||
// position of) added to it because strrpos's behaviour includes the
|
||||
// final offset byte.
|
||||
$lastLine = strrpos($this->data, "\n", $this->char - 1 - strlen($this->data));
|
||||
|
||||
// However, for here we want the length up until the next byte to be
|
||||
// processed, so add one to the current byte ($this->char).
|
||||
if($lastLine !== false) {
|
||||
$findLengthOf = substr($this->data, $lastLine + 1, $this->char - 1 - $lastLine);
|
||||
} else {
|
||||
$findLengthOf = substr($this->data, 0, $this->char);
|
||||
}
|
||||
|
||||
// Get the length for the string we need.
|
||||
if(extension_loaded('iconv')) {
|
||||
return iconv_strlen($findLengthOf, 'utf-8');
|
||||
} elseif(extension_loaded('mbstring')) {
|
||||
return mb_strlen($findLengthOf, 'utf-8');
|
||||
} elseif(extension_loaded('xml')) {
|
||||
return strlen(utf8_decode($findLengthOf));
|
||||
} else {
|
||||
$count = count_chars($findLengthOf);
|
||||
// 0x80 = 0x7F - 0 + 1 (one added to get inclusive range)
|
||||
// 0x33 = 0xF4 - 0x2C + 1 (one added to get inclusive range)
|
||||
return array_sum(array_slice($count, 0, 0x80)) +
|
||||
array_sum(array_slice($count, 0xC2, 0x33));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Retrieve the currently consume character.
|
||||
* @note This performs bounds checking
|
||||
*/
|
||||
public function char() {
|
||||
return ($this->char++ < $this->EOF)
|
||||
? $this->data[$this->char - 1]
|
||||
: false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get all characters until EOF.
|
||||
* @note This performs bounds checking
|
||||
*/
|
||||
public function remainingChars() {
|
||||
if($this->char < $this->EOF) {
|
||||
$data = substr($this->data, $this->char);
|
||||
$this->char = $this->EOF;
|
||||
return $data;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Matches as far as possible until we reach a certain set of bytes
|
||||
* and returns the matched substring.
|
||||
* @param $bytes Bytes to match.
|
||||
*/
|
||||
public function charsUntil($bytes, $max = null) {
|
||||
if ($this->char < $this->EOF) {
|
||||
if ($max === 0 || $max) {
|
||||
$len = strcspn($this->data, $bytes, $this->char, $max);
|
||||
} else {
|
||||
$len = strcspn($this->data, $bytes, $this->char);
|
||||
}
|
||||
$string = (string) substr($this->data, $this->char, $len);
|
||||
$this->char += $len;
|
||||
return $string;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Matches as far as possible with a certain set of bytes
|
||||
* and returns the matched substring.
|
||||
* @param $bytes Bytes to match.
|
||||
*/
|
||||
public function charsWhile($bytes, $max = null) {
|
||||
if ($this->char < $this->EOF) {
|
||||
if ($max === 0 || $max) {
|
||||
$len = strspn($this->data, $bytes, $this->char, $max);
|
||||
} else {
|
||||
$len = strspn($this->data, $bytes, $this->char);
|
||||
}
|
||||
$string = (string) substr($this->data, $this->char, $len);
|
||||
$this->char += $len;
|
||||
return $string;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Unconsume one character.
|
||||
*/
|
||||
public function unget() {
|
||||
if ($this->char <= $this->EOF) {
|
||||
$this->char--;
|
||||
}
|
||||
}
|
||||
}
|
||||
36
library/HTML5/Parser.php
Normal file
36
library/HTML5/Parser.php
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<?php
|
||||
|
||||
require_once dirname(__FILE__) . '/Data.php';
|
||||
require_once dirname(__FILE__) . '/InputStream.php';
|
||||
require_once dirname(__FILE__) . '/TreeBuilder.php';
|
||||
require_once dirname(__FILE__) . '/Tokenizer.php';
|
||||
|
||||
/**
|
||||
* Outwards facing interface for HTML5.
|
||||
*/
|
||||
class HTML5_Parser
|
||||
{
|
||||
/**
|
||||
* Parses a full HTML document.
|
||||
* @param $text HTML text to parse
|
||||
* @param $builder Custom builder implementation
|
||||
* @return Parsed HTML as DOMDocument
|
||||
*/
|
||||
static public function parse($text, $builder = null) {
|
||||
$tokenizer = new HTML5_Tokenizer($text, $builder);
|
||||
$tokenizer->parse();
|
||||
return $tokenizer->save();
|
||||
}
|
||||
/**
|
||||
* Parses an HTML fragment.
|
||||
* @param $text HTML text to parse
|
||||
* @param $context String name of context element to pretend parsing is in.
|
||||
* @param $builder Custom builder implementation
|
||||
* @return Parsed HTML as DOMDocument
|
||||
*/
|
||||
static public function parseFragment($text, $context = null, $builder = null) {
|
||||
$tokenizer = new HTML5_Tokenizer($text, $builder);
|
||||
$tokenizer->parseFragment($context);
|
||||
return $tokenizer->save();
|
||||
}
|
||||
}
|
||||
2307
library/HTML5/Tokenizer.php
Normal file
2307
library/HTML5/Tokenizer.php
Normal file
|
|
@ -0,0 +1,2307 @@
|
|||
<?php
|
||||
|
||||
/*
|
||||
|
||||
Copyright 2007 Jeroen van der Meer <http://jero.net/>
|
||||
Copyright 2008 Edward Z. Yang <http://htmlpurifier.org/>
|
||||
Copyright 2009 Geoffrey Sneddon <http://gsnedders.com/>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a
|
||||
copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included
|
||||
in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
*/
|
||||
|
||||
// Some conventions:
|
||||
// /* */ indicates verbatim text from the HTML 5 specification
|
||||
// // indicates regular comments
|
||||
|
||||
// all flags are in hyphenated form
|
||||
|
||||
class HTML5_Tokenizer {
|
||||
/**
|
||||
* Points to an InputStream object.
|
||||
*/
|
||||
protected $stream;
|
||||
|
||||
/**
|
||||
* Tree builder that the tokenizer emits token to.
|
||||
*/
|
||||
private $tree;
|
||||
|
||||
/**
|
||||
* Current content model we are parsing as.
|
||||
*/
|
||||
protected $content_model;
|
||||
|
||||
/**
|
||||
* Current token that is being built, but not yet emitted. Also
|
||||
* is the last token emitted, if applicable.
|
||||
*/
|
||||
protected $token;
|
||||
|
||||
// These are constants describing the content model
|
||||
const PCDATA = 0;
|
||||
const RCDATA = 1;
|
||||
const CDATA = 2;
|
||||
const PLAINTEXT = 3;
|
||||
|
||||
// These are constants describing tokens
|
||||
// XXX should probably be moved somewhere else, probably the
|
||||
// HTML5 class.
|
||||
const DOCTYPE = 0;
|
||||
const STARTTAG = 1;
|
||||
const ENDTAG = 2;
|
||||
const COMMENT = 3;
|
||||
const CHARACTER = 4;
|
||||
const SPACECHARACTER = 5;
|
||||
const EOF = 6;
|
||||
const PARSEERROR = 7;
|
||||
|
||||
// These are constants representing bunches of characters.
|
||||
const ALPHA = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
|
||||
const UPPER_ALPHA = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
||||
const LOWER_ALPHA = 'abcdefghijklmnopqrstuvwxyz';
|
||||
const DIGIT = '0123456789';
|
||||
const HEX = '0123456789ABCDEFabcdef';
|
||||
const WHITESPACE = "\t\n\x0c ";
|
||||
|
||||
/**
|
||||
* @param $data Data to parse
|
||||
*/
|
||||
public function __construct($data, $builder = null) {
|
||||
$this->stream = new HTML5_InputStream($data);
|
||||
if (!$builder) $this->tree = new HTML5_TreeBuilder;
|
||||
$this->content_model = self::PCDATA;
|
||||
}
|
||||
|
||||
public function parseFragment($context = null) {
|
||||
$this->tree->setupContext($context);
|
||||
if ($this->tree->content_model) {
|
||||
$this->content_model = $this->tree->content_model;
|
||||
$this->tree->content_model = null;
|
||||
}
|
||||
$this->parse();
|
||||
}
|
||||
|
||||
// XXX maybe convert this into an iterator? regardless, this function
|
||||
// and the save function should go into a Parser facade of some sort
|
||||
/**
|
||||
* Performs the actual parsing of the document.
|
||||
*/
|
||||
public function parse() {
|
||||
// Current state
|
||||
$state = 'data';
|
||||
// This is used to avoid having to have look-behind in the data state.
|
||||
$lastFourChars = '';
|
||||
/**
|
||||
* Escape flag as specified by the HTML5 specification: "used to
|
||||
* control the behavior of the tokeniser. It is either true or
|
||||
* false, and initially must be set to the false state."
|
||||
*/
|
||||
$escape = false;
|
||||
//echo "\n\n";
|
||||
while($state !== null) {
|
||||
|
||||
/*echo $state . ' ';
|
||||
switch ($this->content_model) {
|
||||
case self::PCDATA: echo 'PCDATA'; break;
|
||||
case self::RCDATA: echo 'RCDATA'; break;
|
||||
case self::CDATA: echo 'CDATA'; break;
|
||||
case self::PLAINTEXT: echo 'PLAINTEXT'; break;
|
||||
}
|
||||
if ($escape) echo " escape";
|
||||
echo "\n";*/
|
||||
|
||||
switch($state) {
|
||||
case 'data':
|
||||
|
||||
/* Consume the next input character */
|
||||
$char = $this->stream->char();
|
||||
$lastFourChars .= $char;
|
||||
if (strlen($lastFourChars) > 4) $lastFourChars = substr($lastFourChars, -4);
|
||||
|
||||
// see below for meaning
|
||||
$hyp_cond =
|
||||
!$escape &&
|
||||
(
|
||||
$this->content_model === self::RCDATA ||
|
||||
$this->content_model === self::CDATA
|
||||
);
|
||||
$amp_cond =
|
||||
!$escape &&
|
||||
(
|
||||
$this->content_model === self::PCDATA ||
|
||||
$this->content_model === self::RCDATA
|
||||
);
|
||||
$lt_cond =
|
||||
$this->content_model === self::PCDATA ||
|
||||
(
|
||||
(
|
||||
$this->content_model === self::RCDATA ||
|
||||
$this->content_model === self::CDATA
|
||||
) &&
|
||||
!$escape
|
||||
);
|
||||
$gt_cond =
|
||||
$escape &&
|
||||
(
|
||||
$this->content_model === self::RCDATA ||
|
||||
$this->content_model === self::CDATA
|
||||
);
|
||||
|
||||
if($char === '&' && $amp_cond) {
|
||||
/* U+0026 AMPERSAND (&)
|
||||
When the content model flag is set to one of the PCDATA or RCDATA
|
||||
states and the escape flag is false: switch to the
|
||||
character reference data state. Otherwise: treat it as per
|
||||
the "anything else" entry below. */
|
||||
$state = 'characterReferenceData';
|
||||
|
||||
} elseif(
|
||||
$char === '-' &&
|
||||
$hyp_cond &&
|
||||
$lastFourChars === '<!--'
|
||||
) {
|
||||
/*
|
||||
U+002D HYPHEN-MINUS (-)
|
||||
If the content model flag is set to either the RCDATA state or
|
||||
the CDATA state, and the escape flag is false, and there are at
|
||||
least three characters before this one in the input stream, and the
|
||||
last four characters in the input stream, including this one, are
|
||||
U+003C LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+002D HYPHEN-MINUS,
|
||||
and U+002D HYPHEN-MINUS ("<!--"), then set the escape flag to true. */
|
||||
$escape = true;
|
||||
|
||||
/* In any case, emit the input character as a character token. Stay
|
||||
in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '-'
|
||||
));
|
||||
// We do the "any case" part as part of "anything else".
|
||||
|
||||
/* U+003C LESS-THAN SIGN (<) */
|
||||
} elseif($char === '<' && $lt_cond) {
|
||||
/* When the content model flag is set to the PCDATA state: switch
|
||||
to the tag open state.
|
||||
|
||||
When the content model flag is set to either the RCDATA state or
|
||||
the CDATA state and the escape flag is false: switch to the tag
|
||||
open state.
|
||||
|
||||
Otherwise: treat it as per the "anything else" entry below. */
|
||||
$state = 'tagOpen';
|
||||
|
||||
/* U+003E GREATER-THAN SIGN (>) */
|
||||
} elseif(
|
||||
$char === '>' &&
|
||||
$gt_cond &&
|
||||
substr($lastFourChars, 1) === '-->'
|
||||
) {
|
||||
/* If the content model flag is set to either the RCDATA state or
|
||||
the CDATA state, and the escape flag is true, and the last three
|
||||
characters in the input stream including this one are U+002D
|
||||
HYPHEN-MINUS, U+002D HYPHEN-MINUS, U+003E GREATER-THAN SIGN ("-->"),
|
||||
set the escape flag to false. */
|
||||
$escape = false;
|
||||
|
||||
/* In any case, emit the input character as a character token.
|
||||
Stay in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '>'
|
||||
));
|
||||
// We do the "any case" part as part of "anything else".
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Emit an end-of-file token. */
|
||||
$state = null;
|
||||
$this->tree->emitToken(array(
|
||||
'type' => self::EOF
|
||||
));
|
||||
|
||||
} elseif($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
// Directly after emitting a token you switch back to the "data
|
||||
// state". At that point spaceCharacters are important so they are
|
||||
// emitted separately.
|
||||
$chars = $this->stream->charsWhile(self::WHITESPACE);
|
||||
$this->emitToken(array(
|
||||
'type' => self::SPACECHARACTER,
|
||||
'data' => $char . $chars
|
||||
));
|
||||
$lastFourChars .= $chars;
|
||||
if (strlen($lastFourChars) > 4) $lastFourChars = substr($lastFourChars, -4);
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
THIS IS AN OPTIMIZATION: Get as many character that
|
||||
otherwise would also be treated as a character token and emit it
|
||||
as a single character token. Stay in the data state. */
|
||||
|
||||
$mask = '';
|
||||
if ($hyp_cond) $mask .= '-';
|
||||
if ($amp_cond) $mask .= '&';
|
||||
if ($lt_cond) $mask .= '<';
|
||||
if ($gt_cond) $mask .= '>';
|
||||
|
||||
if ($mask === '') {
|
||||
$chars = $this->stream->remainingChars();
|
||||
} else {
|
||||
$chars = $this->stream->charsUntil($mask);
|
||||
}
|
||||
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => $char . $chars
|
||||
));
|
||||
|
||||
$lastFourChars .= $chars;
|
||||
if (strlen($lastFourChars) > 4) $lastFourChars = substr($lastFourChars, -4);
|
||||
|
||||
$state = 'data';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'characterReferenceData':
|
||||
/* (This cannot happen if the content model flag
|
||||
is set to the CDATA state.) */
|
||||
|
||||
/* Attempt to consume a character reference, with no
|
||||
additional allowed character. */
|
||||
$entity = $this->consumeCharacterReference();
|
||||
|
||||
/* If nothing is returned, emit a U+0026 AMPERSAND
|
||||
character token. Otherwise, emit the character token that
|
||||
was returned. */
|
||||
// This is all done when consuming the character reference.
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => $entity
|
||||
));
|
||||
|
||||
/* Finally, switch to the data state. */
|
||||
$state = 'data';
|
||||
break;
|
||||
|
||||
case 'tagOpen':
|
||||
$char = $this->stream->char();
|
||||
|
||||
switch($this->content_model) {
|
||||
case self::RCDATA:
|
||||
case self::CDATA:
|
||||
/* Consume the next input character. If it is a
|
||||
U+002F SOLIDUS (/) character, switch to the close
|
||||
tag open state. Otherwise, emit a U+003C LESS-THAN
|
||||
SIGN character token and reconsume the current input
|
||||
character in the data state. */
|
||||
// We consumed above.
|
||||
|
||||
if($char === '/') {
|
||||
$state = 'closeTagOpen';
|
||||
|
||||
} else {
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '<'
|
||||
));
|
||||
|
||||
$this->stream->unget();
|
||||
|
||||
$state = 'data';
|
||||
}
|
||||
break;
|
||||
|
||||
case self::PCDATA:
|
||||
/* If the content model flag is set to the PCDATA state
|
||||
Consume the next input character: */
|
||||
// We consumed above.
|
||||
|
||||
if($char === '!') {
|
||||
/* U+0021 EXCLAMATION MARK (!)
|
||||
Switch to the markup declaration open state. */
|
||||
$state = 'markupDeclarationOpen';
|
||||
|
||||
} elseif($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the close tag open state. */
|
||||
$state = 'closeTagOpen';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN LETTER A through to U+005A LATIN LETTER Z
|
||||
Create a new start tag token, set its tag name to the lowercase
|
||||
version of the input character (add 0x0020 to the character's code
|
||||
point), then switch to the tag name state. (Don't emit the token
|
||||
yet; further details will be filled in before it is emitted.) */
|
||||
$this->token = array(
|
||||
'name' => strtolower($char),
|
||||
'type' => self::STARTTAG,
|
||||
'attr' => array()
|
||||
);
|
||||
|
||||
$state = 'tagName';
|
||||
|
||||
} elseif('a' <= $char && $char <= 'z') {
|
||||
/* U+0061 LATIN SMALL LETTER A through to U+007A LATIN SMALL LETTER Z
|
||||
Create a new start tag token, set its tag name to the input
|
||||
character, then switch to the tag name state. (Don't emit
|
||||
the token yet; further details will be filled in before it
|
||||
is emitted.) */
|
||||
$this->token = array(
|
||||
'name' => $char,
|
||||
'type' => self::STARTTAG,
|
||||
'attr' => array()
|
||||
);
|
||||
|
||||
$state = 'tagName';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Emit a U+003C LESS-THAN SIGN character token and a
|
||||
U+003E GREATER-THAN SIGN character token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-tag-name-but-got-right-bracket'
|
||||
));
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '<>'
|
||||
));
|
||||
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === '?') {
|
||||
/* U+003F QUESTION MARK (?)
|
||||
Parse error. Switch to the bogus comment state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-tag-name-but-got-question-mark'
|
||||
));
|
||||
$this->token = array(
|
||||
'data' => '?',
|
||||
'type' => self::COMMENT
|
||||
);
|
||||
$state = 'bogusComment';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Emit a U+003C LESS-THAN SIGN character token and
|
||||
reconsume the current input character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-tag-name'
|
||||
));
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '<'
|
||||
));
|
||||
|
||||
$state = 'data';
|
||||
$this->stream->unget();
|
||||
}
|
||||
break;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'closeTagOpen':
|
||||
if (
|
||||
$this->content_model === self::RCDATA ||
|
||||
$this->content_model === self::CDATA
|
||||
) {
|
||||
/* If the content model flag is set to the RCDATA or CDATA
|
||||
states... */
|
||||
$name = strtolower($this->stream->charsWhile(self::ALPHA));
|
||||
$following = $this->stream->char();
|
||||
$this->stream->unget();
|
||||
if (
|
||||
!$this->token ||
|
||||
$this->token['name'] !== $name ||
|
||||
$this->token['name'] === $name && !in_array($following, array("\x09", "\x0A", "\x0C", "\x20", "\x3E", "\x2F", false))
|
||||
) {
|
||||
/* if no start tag token has ever been emitted by this instance
|
||||
of the tokenizer (fragment case), or, if the next few
|
||||
characters do not match the tag name of the last start tag
|
||||
token emitted (compared in an ASCII case-insensitive manner),
|
||||
or if they do but they are not immediately followed by one of
|
||||
the following characters:
|
||||
|
||||
* U+0009 CHARACTER TABULATION
|
||||
* U+000A LINE FEED (LF)
|
||||
* U+000C FORM FEED (FF)
|
||||
* U+0020 SPACE
|
||||
* U+003E GREATER-THAN SIGN (>)
|
||||
* U+002F SOLIDUS (/)
|
||||
* EOF
|
||||
|
||||
...then emit a U+003C LESS-THAN SIGN character token, a
|
||||
U+002F SOLIDUS character token, and switch to the data
|
||||
state to process the next input character. */
|
||||
// XXX: Probably ought to replace in_array with $following === x ||...
|
||||
|
||||
// We also need to emit $name now we've consumed that, as we
|
||||
// know it'll just be emitted as a character token.
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '</' . $name
|
||||
));
|
||||
|
||||
$state = 'data';
|
||||
} else {
|
||||
// This matches what would happen if we actually did the
|
||||
// otherwise below (but we can't because we've consumed too
|
||||
// much).
|
||||
|
||||
// Start the end tag token with the name we already have.
|
||||
$this->token = array(
|
||||
'name' => $name,
|
||||
'type' => self::ENDTAG
|
||||
);
|
||||
|
||||
// Change to tag name state.
|
||||
$state = 'tagName';
|
||||
}
|
||||
} elseif ($this->content_model === self::PCDATA) {
|
||||
/* Otherwise, if the content model flag is set to the PCDATA
|
||||
state [...]: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN LETTER A through to U+005A LATIN LETTER Z
|
||||
Create a new end tag token, set its tag name to the lowercase version
|
||||
of the input character (add 0x0020 to the character's code point), then
|
||||
switch to the tag name state. (Don't emit the token yet; further details
|
||||
will be filled in before it is emitted.) */
|
||||
$this->token = array(
|
||||
'name' => strtolower($char),
|
||||
'type' => self::ENDTAG
|
||||
);
|
||||
|
||||
$state = 'tagName';
|
||||
|
||||
} elseif ('a' <= $char && $char <= 'z') {
|
||||
/* U+0061 LATIN SMALL LETTER A through to U+007A LATIN SMALL LETTER Z
|
||||
Create a new end tag token, set its tag name to the
|
||||
input character, then switch to the tag name state.
|
||||
(Don't emit the token yet; further details will be
|
||||
filled in before it is emitted.) */
|
||||
$this->token = array(
|
||||
'name' => $char,
|
||||
'type' => self::ENDTAG
|
||||
);
|
||||
|
||||
$state = 'tagName';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-closing-tag-but-got-right-bracket'
|
||||
));
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit a U+003C LESS-THAN SIGN character token and a U+002F
|
||||
SOLIDUS character token. Reconsume the EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-closing-tag-but-got-eof'
|
||||
));
|
||||
$this->emitToken(array(
|
||||
'type' => self::CHARACTER,
|
||||
'data' => '</'
|
||||
));
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Parse error. Switch to the bogus comment state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-closing-tag-but-got-char'
|
||||
));
|
||||
$this->token = array(
|
||||
'data' => $char,
|
||||
'type' => self::COMMENT
|
||||
);
|
||||
$state = 'bogusComment';
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case 'tagName':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the before attribute name state. */
|
||||
$state = 'beforeAttributeName';
|
||||
|
||||
} elseif($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the self-closing start tag state. */
|
||||
$state = 'selfClosingStartTag';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Append the lowercase version of the current input
|
||||
character (add 0x0020 to the character's code point) to
|
||||
the current tag token's tag name. Stay in the tag name state. */
|
||||
$chars = $this->stream->charsWhile(self::UPPER_ALPHA);
|
||||
|
||||
$this->token['name'] .= strtolower($char . $chars);
|
||||
$state = 'tagName';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-tag-name'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current tag token's tag name.
|
||||
Stay in the tag name state. */
|
||||
$chars = $this->stream->charsUntil("\t\n\x0C />" . self::UPPER_ALPHA);
|
||||
|
||||
$this->token['name'] .= $char . $chars;
|
||||
$state = 'tagName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'beforeAttributeName':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
// this conditional is optimized, check bottom
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the before attribute name state. */
|
||||
$state = 'beforeAttributeName';
|
||||
|
||||
} elseif($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the self-closing start tag state. */
|
||||
$state = 'selfClosingStartTag';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Start a new attribute in the current tag token. Set that
|
||||
attribute's name to the lowercase version of the current
|
||||
input character (add 0x0020 to the character's code
|
||||
point), and its value to the empty string. Switch to the
|
||||
attribute name state.*/
|
||||
$this->token['attr'][] = array(
|
||||
'name' => strtolower($char),
|
||||
'value' => ''
|
||||
);
|
||||
|
||||
$state = 'attributeName';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-attribute-name-but-got-eof'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
U+0027 APOSTROPHE (')
|
||||
U+003D EQUALS SIGN (=)
|
||||
Parse error. Treat it as per the "anything else" entry
|
||||
below. */
|
||||
if($char === '"' || $char === "'" || $char === '=') {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'invalid-character-in-attribute-name'
|
||||
));
|
||||
}
|
||||
|
||||
/* Anything else
|
||||
Start a new attribute in the current tag token. Set that attribute's
|
||||
name to the current input character, and its value to the empty string.
|
||||
Switch to the attribute name state. */
|
||||
$this->token['attr'][] = array(
|
||||
'name' => $char,
|
||||
'value' => ''
|
||||
);
|
||||
|
||||
$state = 'attributeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'attributeName':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
// this conditional is optimized, check bottom
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the after attribute name state. */
|
||||
$state = 'afterAttributeName';
|
||||
|
||||
} elseif($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the self-closing start tag state. */
|
||||
$state = 'selfClosingStartTag';
|
||||
|
||||
} elseif($char === '=') {
|
||||
/* U+003D EQUALS SIGN (=)
|
||||
Switch to the before attribute value state. */
|
||||
$state = 'beforeAttributeValue';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Append the lowercase version of the current input
|
||||
character (add 0x0020 to the character's code point) to
|
||||
the current attribute's name. Stay in the attribute name
|
||||
state. */
|
||||
$chars = $this->stream->charsWhile(self::UPPER_ALPHA);
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['name'] .= strtolower($char . $chars);
|
||||
|
||||
$state = 'attributeName';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-attribute-name'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
U+0027 APOSTROPHE (')
|
||||
Parse error. Treat it as per the "anything else"
|
||||
entry below. */
|
||||
if($char === '"' || $char === "'") {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'invalid-character-in-attribute-name'
|
||||
));
|
||||
}
|
||||
|
||||
/* Anything else
|
||||
Append the current input character to the current attribute's name.
|
||||
Stay in the attribute name state. */
|
||||
$chars = $this->stream->charsUntil("\t\n\x0C /=>\"'" . self::UPPER_ALPHA);
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['name'] .= $char . $chars;
|
||||
|
||||
$state = 'attributeName';
|
||||
}
|
||||
|
||||
/* When the user agent leaves the attribute name state
|
||||
(and before emitting the tag token, if appropriate), the
|
||||
complete attribute's name must be compared to the other
|
||||
attributes on the same token; if there is already an
|
||||
attribute on the token with the exact same name, then this
|
||||
is a parse error and the new attribute must be dropped, along
|
||||
with the value that gets associated with it (if any). */
|
||||
// this might be implemented in the emitToken method
|
||||
break;
|
||||
|
||||
case 'afterAttributeName':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
// this is an optimized conditional, check the bottom
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the after attribute name state. */
|
||||
$state = 'afterAttributeName';
|
||||
|
||||
} elseif($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the self-closing start tag state. */
|
||||
$state = 'selfClosingStartTag';
|
||||
|
||||
} elseif($char === '=') {
|
||||
/* U+003D EQUALS SIGN (=)
|
||||
Switch to the before attribute value state. */
|
||||
$state = 'beforeAttributeValue';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Start a new attribute in the current tag token. Set that
|
||||
attribute's name to the lowercase version of the current
|
||||
input character (add 0x0020 to the character's code
|
||||
point), and its value to the empty string. Switch to the
|
||||
attribute name state. */
|
||||
$this->token['attr'][] = array(
|
||||
'name' => strtolower($char),
|
||||
'value' => ''
|
||||
);
|
||||
|
||||
$state = 'attributeName';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-end-of-tag-but-got-eof'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
U+0027 APOSTROPHE (')
|
||||
Parse error. Treat it as per the "anything else"
|
||||
entry below. */
|
||||
if($char === '"' || $char === "'") {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'invalid-character-after-attribute-name'
|
||||
));
|
||||
}
|
||||
|
||||
/* Anything else
|
||||
Start a new attribute in the current tag token. Set that attribute's
|
||||
name to the current input character, and its value to the empty string.
|
||||
Switch to the attribute name state. */
|
||||
$this->token['attr'][] = array(
|
||||
'name' => $char,
|
||||
'value' => ''
|
||||
);
|
||||
|
||||
$state = 'attributeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'beforeAttributeValue':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
// this is an optimized conditional
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the before attribute value state. */
|
||||
$state = 'beforeAttributeValue';
|
||||
|
||||
} elseif($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Switch to the attribute value (double-quoted) state. */
|
||||
$state = 'attributeValueDoubleQuoted';
|
||||
|
||||
} elseif($char === '&') {
|
||||
/* U+0026 AMPERSAND (&)
|
||||
Switch to the attribute value (unquoted) state and reconsume
|
||||
this input character. */
|
||||
$this->stream->unget();
|
||||
$state = 'attributeValueUnquoted';
|
||||
|
||||
} elseif($char === '\'') {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Switch to the attribute value (single-quoted) state. */
|
||||
$state = 'attributeValueSingleQuoted';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-attribute-value-but-got-right-bracket'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume
|
||||
the character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-attribute-value-but-got-eof'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* U+003D EQUALS SIGN (=)
|
||||
Parse error. Treat it as per the "anything else" entry below. */
|
||||
if($char === '=') {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'equals-in-unquoted-attribute-value'
|
||||
));
|
||||
}
|
||||
|
||||
/* Anything else
|
||||
Append the current input character to the current attribute's value.
|
||||
Switch to the attribute value (unquoted) state. */
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['value'] .= $char;
|
||||
|
||||
$state = 'attributeValueUnquoted';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'attributeValueDoubleQuoted':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Switch to the after attribute value (quoted) state. */
|
||||
$state = 'afterAttributeValueQuoted';
|
||||
|
||||
} elseif($char === '&') {
|
||||
/* U+0026 AMPERSAND (&)
|
||||
Switch to the character reference in attribute value
|
||||
state, with the additional allowed character
|
||||
being U+0022 QUOTATION MARK ("). */
|
||||
$this->characterReferenceInAttributeValue('"');
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the character
|
||||
in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-attribute-value-double-quote'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current attribute's value.
|
||||
Stay in the attribute value (double-quoted) state. */
|
||||
$chars = $this->stream->charsUntil('"&');
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['value'] .= $char . $chars;
|
||||
|
||||
$state = 'attributeValueDoubleQuoted';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'attributeValueSingleQuoted':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "'") {
|
||||
/* U+0022 QUOTATION MARK (')
|
||||
Switch to the after attribute value state. */
|
||||
$state = 'afterAttributeValueQuoted';
|
||||
|
||||
} elseif($char === '&') {
|
||||
/* U+0026 AMPERSAND (&)
|
||||
Switch to the entity in attribute value state. */
|
||||
$this->characterReferenceInAttributeValue("'");
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the character
|
||||
in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-attribute-value-single-quote'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current attribute's value.
|
||||
Stay in the attribute value (single-quoted) state. */
|
||||
$chars = $this->stream->charsUntil("'&");
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['value'] .= $char . $chars;
|
||||
|
||||
$state = 'attributeValueSingleQuoted';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'attributeValueUnquoted':
|
||||
// Consume the next input character:
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the before attribute name state. */
|
||||
$state = 'beforeAttributeName';
|
||||
|
||||
} elseif($char === '&') {
|
||||
/* U+0026 AMPERSAND (&)
|
||||
Switch to the entity in attribute value state. */
|
||||
$this->characterReferenceInAttributeValue();
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume
|
||||
the character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-attribute-value-no-quotes'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
U+0027 APOSTROPHE (')
|
||||
U+003D EQUALS SIGN (=)
|
||||
Parse error. Treat it as per the "anything else"
|
||||
entry below. */
|
||||
if($char === '"' || $char === "'" || $char === '=') {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-character-in-unquoted-attribute-value'
|
||||
));
|
||||
}
|
||||
|
||||
/* Anything else
|
||||
Append the current input character to the current attribute's value.
|
||||
Stay in the attribute value (unquoted) state. */
|
||||
$chars = $this->stream->charsUntil("\t\n\x0c &>\"'=");
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['value'] .= $char . $chars;
|
||||
|
||||
$state = 'attributeValueUnquoted';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'afterAttributeValueQuoted':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the before attribute name state. */
|
||||
$state = 'beforeAttributeName';
|
||||
|
||||
} elseif ($char === '/') {
|
||||
/* U+002F SOLIDUS (/)
|
||||
Switch to the self-closing start tag state. */
|
||||
$state = 'selfClosingStartTag';
|
||||
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-EOF-after-attribute-value'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Reconsume the character in the before attribute
|
||||
name state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-character-after-attribute-value'
|
||||
));
|
||||
$this->stream->unget();
|
||||
$state = 'beforeAttributeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'selfClosingStartTag':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Set the self-closing flag of the current tag token.
|
||||
Emit the current tag token. Switch to the data state. */
|
||||
// not sure if this is the name we want
|
||||
$this->token['self-closing'] = true;
|
||||
/* When an end tag token is emitted with its self-closing flag set,
|
||||
that is a parse error. */
|
||||
if ($this->token['type'] === self::ENDTAG) {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'self-closing-end-tag'
|
||||
));
|
||||
}
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the current tag token. Reconsume the
|
||||
EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-eof-after-self-closing'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Reconsume the character in the before attribute name state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-character-after-self-closing'
|
||||
));
|
||||
$this->stream->unget();
|
||||
$state = 'beforeAttributeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'bogusComment':
|
||||
/* (This can only happen if the content model flag is set to the PCDATA state.) */
|
||||
/* Consume every character up to the first U+003E GREATER-THAN SIGN
|
||||
character (>) or the end of the file (EOF), whichever comes first. Emit
|
||||
a comment token whose data is the concatenation of all the characters
|
||||
starting from and including the character that caused the state machine
|
||||
to switch into the bogus comment state, up to and including the last
|
||||
consumed character before the U+003E character, if any, or up to the
|
||||
end of the file otherwise. (If the comment was started by the end of
|
||||
the file (EOF), the token is empty.) */
|
||||
$this->token['data'] .= (string) $this->stream->charsUntil('>');
|
||||
$this->stream->char();
|
||||
|
||||
$this->emitToken($this->token);
|
||||
|
||||
/* Switch to the data state. */
|
||||
$state = 'data';
|
||||
break;
|
||||
|
||||
case 'markupDeclarationOpen':
|
||||
// Consume for below
|
||||
$hyphens = $this->stream->charsWhile('-', 2);
|
||||
if ($hyphens === '-') {
|
||||
$this->stream->unget();
|
||||
}
|
||||
if ($hyphens !== '--') {
|
||||
$alpha = $this->stream->charsWhile(self::ALPHA, 7);
|
||||
}
|
||||
|
||||
/* If the next two characters are both U+002D HYPHEN-MINUS (-)
|
||||
characters, consume those two characters, create a comment token whose
|
||||
data is the empty string, and switch to the comment state. */
|
||||
if($hyphens === '--') {
|
||||
$state = 'commentStart';
|
||||
$this->token = array(
|
||||
'data' => '',
|
||||
'type' => self::COMMENT
|
||||
);
|
||||
|
||||
/* Otherwise if the next seven characters are a case-insensitive match
|
||||
for the word "DOCTYPE", then consume those characters and switch to the
|
||||
DOCTYPE state. */
|
||||
} elseif(strtoupper($alpha) === 'DOCTYPE') {
|
||||
$state = 'doctype';
|
||||
|
||||
// XXX not implemented
|
||||
/* Otherwise, if the insertion mode is "in foreign content"
|
||||
and the current node is not an element in the HTML namespace
|
||||
and the next seven characters are an ASCII case-sensitive
|
||||
match for the string "[CDATA[" (the five uppercase letters
|
||||
"CDATA" with a U+005B LEFT SQUARE BRACKET character before
|
||||
and after), then consume those characters and switch to the
|
||||
CDATA section state (which is unrelated to the content model
|
||||
flag's CDATA state). */
|
||||
|
||||
/* Otherwise, is is a parse error. Switch to the bogus comment state.
|
||||
The next character that is consumed, if any, is the first character
|
||||
that will be in the comment. */
|
||||
} else {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-dashes-or-doctype'
|
||||
));
|
||||
$this->token = array(
|
||||
'data' => (string) $alpha,
|
||||
'type' => self::COMMENT
|
||||
);
|
||||
$state = 'bogusComment';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'commentStart':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === '-') {
|
||||
/* U+002D HYPHEN-MINUS (-)
|
||||
Switch to the comment start dash state. */
|
||||
$state = 'commentStartDash';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Emit the comment token. Switch to the
|
||||
data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'incorrect-comment'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the comment token. Reconsume the
|
||||
EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-comment'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the input character to the comment token's
|
||||
data. Switch to the comment state. */
|
||||
$this->token['data'] .= $char;
|
||||
$state = 'comment';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'commentStartDash':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
if ($char === '-') {
|
||||
/* U+002D HYPHEN-MINUS (-)
|
||||
Switch to the comment end state */
|
||||
$state = 'commentEnd';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Emit the comment token. Switch to the
|
||||
data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'incorrect-comment'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* Parse error. Emit the comment token. Reconsume the
|
||||
EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-comment'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
$this->token['data'] .= '-' . $char;
|
||||
$state = 'comment';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'comment':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === '-') {
|
||||
/* U+002D HYPHEN-MINUS (-)
|
||||
Switch to the comment end dash state */
|
||||
$state = 'commentEndDash';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the comment token. Reconsume the EOF character
|
||||
in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-comment'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the input character to the comment token's data. Stay in
|
||||
the comment state. */
|
||||
$chars = $this->stream->charsUntil('-');
|
||||
|
||||
$this->token['data'] .= $char . $chars;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'commentEndDash':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === '-') {
|
||||
/* U+002D HYPHEN-MINUS (-)
|
||||
Switch to the comment end state */
|
||||
$state = 'commentEnd';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the comment token. Reconsume the EOF character
|
||||
in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-comment-end-dash'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append a U+002D HYPHEN-MINUS (-) character and the input
|
||||
character to the comment token's data. Switch to the comment state. */
|
||||
$this->token['data'] .= '-'.$char;
|
||||
$state = 'comment';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'commentEnd':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the comment token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === '-') {
|
||||
/* U+002D HYPHEN-MINUS (-)
|
||||
Parse error. Append a U+002D HYPHEN-MINUS (-) character
|
||||
to the comment token's data. Stay in the comment end
|
||||
state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-dash-after-double-dash-in-comment'
|
||||
));
|
||||
$this->token['data'] .= '-';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Emit the comment token. Reconsume the
|
||||
EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-comment-double-dash'
|
||||
));
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Append two U+002D HYPHEN-MINUS (-)
|
||||
characters and the input character to the comment token's
|
||||
data. Switch to the comment state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-comment'
|
||||
));
|
||||
$this->token['data'] .= '--'.$char;
|
||||
$state = 'comment';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctype':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the before DOCTYPE name state. */
|
||||
$state = 'beforeDoctypeName';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Reconsume the current character in the
|
||||
before DOCTYPE name state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'need-space-after-doctype'
|
||||
));
|
||||
$this->stream->unget();
|
||||
$state = 'beforeDoctypeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'beforeDoctypeName':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the before DOCTYPE name state. */
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Create a new DOCTYPE token. Set its
|
||||
force-quirks flag to on. Emit the token. Switch to the
|
||||
data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-doctype-name-but-got-right-bracket'
|
||||
));
|
||||
$this->emitToken(array(
|
||||
'name' => '',
|
||||
'type' => self::DOCTYPE,
|
||||
'force-quirks' => true,
|
||||
'error' => true
|
||||
));
|
||||
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Create a new DOCTYPE token. Set the token's name to the
|
||||
lowercase version of the input character (add 0x0020 to
|
||||
the character's code point). Switch to the DOCTYPE name
|
||||
state. */
|
||||
$this->token = array(
|
||||
'name' => strtolower($char),
|
||||
'type' => self::DOCTYPE,
|
||||
'error' => true
|
||||
);
|
||||
|
||||
$state = 'doctypeName';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Create a new DOCTYPE token. Set its
|
||||
force-quirks flag to on. Emit the token. Reconsume the
|
||||
EOF character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-doctype-name-but-got-eof'
|
||||
));
|
||||
$this->emitToken(array(
|
||||
'name' => '',
|
||||
'type' => self::DOCTYPE,
|
||||
'force-quirks' => true,
|
||||
'error' => true
|
||||
));
|
||||
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Create a new DOCTYPE token. Set the token's name to the
|
||||
current input character. Switch to the DOCTYPE name state. */
|
||||
$this->token = array(
|
||||
'name' => $char,
|
||||
'type' => self::DOCTYPE,
|
||||
'error' => true
|
||||
);
|
||||
|
||||
$state = 'doctypeName';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctypeName':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Switch to the after DOCTYPE name state. */
|
||||
$state = 'afterDoctypeName';
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif('A' <= $char && $char <= 'Z') {
|
||||
/* U+0041 LATIN CAPITAL LETTER A through to U+005A LATIN CAPITAL LETTER Z
|
||||
Append the lowercase version of the input character
|
||||
(add 0x0020 to the character's code point) to the current
|
||||
DOCTYPE token's name. Stay in the DOCTYPE name state. */
|
||||
$this->token['name'] .= strtolower($char);
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype-name'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current
|
||||
DOCTYPE token's name. Stay in the DOCTYPE name state. */
|
||||
$this->token['name'] .= $char;
|
||||
}
|
||||
|
||||
// XXX this is probably some sort of quirks mode designation,
|
||||
// check tree-builder to be sure. In general 'error' needs
|
||||
// to be specc'ified, this probably means removing it at the end
|
||||
$this->token['error'] = ($this->token['name'] === 'HTML')
|
||||
? false
|
||||
: true;
|
||||
break;
|
||||
|
||||
case 'afterDoctypeName':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the after DOCTYPE name state. */
|
||||
|
||||
} elseif($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else */
|
||||
|
||||
$nextSix = strtoupper($char . $this->stream->charsWhile(self::ALPHA, 5));
|
||||
if ($nextSix === 'PUBLIC') {
|
||||
/* If the next six characters are an ASCII
|
||||
case-insensitive match for the word "PUBLIC", then
|
||||
consume those characters and switch to the before
|
||||
DOCTYPE public identifier state. */
|
||||
$state = 'beforeDoctypePublicIdentifier';
|
||||
|
||||
} elseif ($nextSix === 'SYSTEM') {
|
||||
/* Otherwise, if the next six characters are an ASCII
|
||||
case-insensitive match for the word "SYSTEM", then
|
||||
consume those characters and switch to the before
|
||||
DOCTYPE system identifier state. */
|
||||
$state = 'beforeDoctypeSystemIdentifier';
|
||||
|
||||
} else {
|
||||
/* Otherwise, this is the parse error. Set the DOCTYPE
|
||||
token's force-quirks flag to on. Switch to the bogus
|
||||
DOCTYPE state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-space-or-right-bracket-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->token['error'] = true;
|
||||
$state = 'bogusDoctype';
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case 'beforeDoctypePublicIdentifier':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the before DOCTYPE public identifier state. */
|
||||
} elseif ($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Set the DOCTYPE token's public identifier to the empty
|
||||
string (not missing), then switch to the DOCTYPE public
|
||||
identifier (double-quoted) state. */
|
||||
$this->token['public'] = '';
|
||||
$state = 'doctypePublicIdentifierDoubleQuoted';
|
||||
} elseif ($char === "'") {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Set the DOCTYPE token's public identifier to the empty
|
||||
string (not missing), then switch to the DOCTYPE public
|
||||
identifier (single-quoted) state. */
|
||||
$this->token['public'] = '';
|
||||
$state = 'doctypePublicIdentifierSingleQuoted';
|
||||
} elseif ($char === '>') {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-end-of-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks
|
||||
flag to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Switch to the bogus DOCTYPE state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$state = 'bogusDoctype';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctypePublicIdentifierDoubleQuoted':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Switch to the after DOCTYPE public identifier state. */
|
||||
$state = 'afterDoctypePublicIdentifier';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-end-of-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current
|
||||
DOCTYPE token's public identifier. Stay in the DOCTYPE
|
||||
public identifier (double-quoted) state. */
|
||||
$this->token['public'] .= $char;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctypePublicIdentifierSingleQuoted':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === "'") {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Switch to the after DOCTYPE public identifier state. */
|
||||
$state = 'afterDoctypePublicIdentifier';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-end-of-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current
|
||||
DOCTYPE token's public identifier. Stay in the DOCTYPE
|
||||
public identifier (double-quoted) state. */
|
||||
$this->token['public'] .= $char;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'afterDoctypePublicIdentifier':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the after DOCTYPE public identifier state. */
|
||||
} elseif ($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Set the DOCTYPE token's system identifier to the
|
||||
empty string (not missing), then switch to the DOCTYPE
|
||||
system identifier (double-quoted) state. */
|
||||
$this->token['system'] = '';
|
||||
$state = 'doctypeSystemIdentifierDoubleQuoted';
|
||||
} elseif ($char === "'") {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Set the DOCTYPE token's system identifier to the
|
||||
empty string (not missing), then switch to the DOCTYPE
|
||||
system identifier (single-quoted) state. */
|
||||
$this->token['system'] = '';
|
||||
$state = 'doctypeSystemIdentifierSingleQuoted';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks
|
||||
flag to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Switch to the bogus DOCTYPE state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$state = 'bogusDoctype';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'beforeDoctypeSystemIdentifier':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the before DOCTYPE system identifier state. */
|
||||
} elseif ($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Set the DOCTYPE token's system identifier to the empty
|
||||
string (not missing), then switch to the DOCTYPE system
|
||||
identifier (double-quoted) state. */
|
||||
$this->token['system'] = '';
|
||||
$state = 'doctypeSystemIdentifierDoubleQuoted';
|
||||
} elseif ($char === "'") {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Set the DOCTYPE token's system identifier to the empty
|
||||
string (not missing), then switch to the DOCTYPE system
|
||||
identifier (single-quoted) state. */
|
||||
$this->token['system'] = '';
|
||||
$state = 'doctypeSystemIdentifierSingleQuoted';
|
||||
} elseif ($char === '>') {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks
|
||||
flag to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Switch to the bogus DOCTYPE state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$state = 'bogusDoctype';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctypeSystemIdentifierDoubleQuoted':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === '"') {
|
||||
/* U+0022 QUOTATION MARK (")
|
||||
Switch to the after DOCTYPE system identifier state. */
|
||||
$state = 'afterDoctypeSystemIdentifier';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-end-of-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current
|
||||
DOCTYPE token's system identifier. Stay in the DOCTYPE
|
||||
system identifier (double-quoted) state. */
|
||||
$this->token['system'] .= $char;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'doctypeSystemIdentifierSingleQuoted':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === "'") {
|
||||
/* U+0027 APOSTROPHE (')
|
||||
Switch to the after DOCTYPE system identifier state. */
|
||||
$state = 'afterDoctypeSystemIdentifier';
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-end-of-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* EOF
|
||||
Parse error. Set the DOCTYPE token's force-quirks flag
|
||||
to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Append the current input character to the current
|
||||
DOCTYPE token's system identifier. Stay in the DOCTYPE
|
||||
system identifier (double-quoted) state. */
|
||||
$this->token['system'] .= $char;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'afterDoctypeSystemIdentifier':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if($char === "\t" || $char === "\n" || $char === "\x0c" || $char === ' ') {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
Stay in the after DOCTYPE system identifier state. */
|
||||
} elseif ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the current DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
} elseif ($char === false) {
|
||||
/* Parse error. Set the DOCTYPE token's force-quirks
|
||||
flag to on. Emit that DOCTYPE token. Reconsume the EOF
|
||||
character in the data state. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'eof-in-doctype'
|
||||
));
|
||||
$this->token['force-quirks'] = true;
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
} else {
|
||||
/* Anything else
|
||||
Parse error. Switch to the bogus DOCTYPE state.
|
||||
(This does not set the DOCTYPE token's force-quirks
|
||||
flag to on.) */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'unexpected-char-in-doctype'
|
||||
));
|
||||
$state = 'bogusDoctype';
|
||||
}
|
||||
break;
|
||||
|
||||
case 'bogusDoctype':
|
||||
/* Consume the next input character: */
|
||||
$char = $this->stream->char();
|
||||
|
||||
if ($char === '>') {
|
||||
/* U+003E GREATER-THAN SIGN (>)
|
||||
Emit the DOCTYPE token. Switch to the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$state = 'data';
|
||||
|
||||
} elseif($char === false) {
|
||||
/* EOF
|
||||
Emit the DOCTYPE token. Reconsume the EOF character in
|
||||
the data state. */
|
||||
$this->emitToken($this->token);
|
||||
$this->stream->unget();
|
||||
$state = 'data';
|
||||
|
||||
} else {
|
||||
/* Anything else
|
||||
Stay in the bogus DOCTYPE state. */
|
||||
}
|
||||
break;
|
||||
|
||||
// case 'cdataSection':
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns a serialized representation of the tree.
|
||||
*/
|
||||
public function save() {
|
||||
return $this->tree->save();
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the input stream.
|
||||
*/
|
||||
public function stream() {
|
||||
return $this->stream;
|
||||
}
|
||||
|
||||
private function consumeCharacterReference($allowed = false, $inattr = false) {
|
||||
// This goes quite far against spec, and is far closer to the Python
|
||||
// impl., mainly because we don't do the large unconsuming the spec
|
||||
// requires.
|
||||
|
||||
// All consumed characters.
|
||||
$chars = $this->stream->char();
|
||||
|
||||
/* This section defines how to consume a character
|
||||
reference. This definition is used when parsing character
|
||||
references in text and in attributes.
|
||||
|
||||
The behavior depends on the identity of the next character
|
||||
(the one immediately after the U+0026 AMPERSAND character): */
|
||||
|
||||
if (
|
||||
$chars[0] === "\x09" ||
|
||||
$chars[0] === "\x0A" ||
|
||||
$chars[0] === "\x0C" ||
|
||||
$chars[0] === "\x20" ||
|
||||
$chars[0] === '<' ||
|
||||
$chars[0] === '&' ||
|
||||
$chars === false ||
|
||||
$chars[0] === $allowed
|
||||
) {
|
||||
/* U+0009 CHARACTER TABULATION
|
||||
U+000A LINE FEED (LF)
|
||||
U+000C FORM FEED (FF)
|
||||
U+0020 SPACE
|
||||
U+003C LESS-THAN SIGN
|
||||
U+0026 AMPERSAND
|
||||
EOF
|
||||
The additional allowed character, if there is one
|
||||
Not a character reference. No characters are consumed,
|
||||
and nothing is returned. (This is not an error, either.) */
|
||||
// We already consumed, so unconsume.
|
||||
$this->stream->unget();
|
||||
return '&';
|
||||
} elseif ($chars[0] === '#') {
|
||||
/* Consume the U+0023 NUMBER SIGN. */
|
||||
// Um, yeah, we already did that.
|
||||
/* The behavior further depends on the character after
|
||||
the U+0023 NUMBER SIGN: */
|
||||
$chars .= $this->stream->char();
|
||||
if (isset($chars[1]) && ($chars[1] === 'x' || $chars[1] === 'X')) {
|
||||
/* U+0078 LATIN SMALL LETTER X
|
||||
U+0058 LATIN CAPITAL LETTER X */
|
||||
/* Consume the X. */
|
||||
// Um, yeah, we already did that.
|
||||
/* Follow the steps below, but using the range of
|
||||
characters U+0030 DIGIT ZERO through to U+0039 DIGIT
|
||||
NINE, U+0061 LATIN SMALL LETTER A through to U+0066
|
||||
LATIN SMALL LETTER F, and U+0041 LATIN CAPITAL LETTER
|
||||
A, through to U+0046 LATIN CAPITAL LETTER F (in other
|
||||
words, 0123456789, ABCDEF, abcdef). */
|
||||
$char_class = self::HEX;
|
||||
/* When it comes to interpreting the
|
||||
number, interpret it as a hexadecimal number. */
|
||||
$hex = true;
|
||||
} else {
|
||||
/* Anything else */
|
||||
// Unconsume because we shouldn't have consumed this.
|
||||
$chars = $chars[0];
|
||||
$this->stream->unget();
|
||||
/* Follow the steps below, but using the range of
|
||||
characters U+0030 DIGIT ZERO through to U+0039 DIGIT
|
||||
NINE (i.e. just 0123456789). */
|
||||
$char_class = self::DIGIT;
|
||||
/* When it comes to interpreting the number,
|
||||
interpret it as a decimal number. */
|
||||
$hex = false;
|
||||
}
|
||||
|
||||
/* Consume as many characters as match the range of characters given above. */
|
||||
$consumed = $this->stream->charsWhile($char_class);
|
||||
if ($consumed === '' || $consumed === false) {
|
||||
/* If no characters match the range, then don't consume
|
||||
any characters (and unconsume the U+0023 NUMBER SIGN
|
||||
character and, if appropriate, the X character). This
|
||||
is a parse error; nothing is returned. */
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-numeric-entity'
|
||||
));
|
||||
return '&' . $chars;
|
||||
} else {
|
||||
/* Otherwise, if the next character is a U+003B SEMICOLON,
|
||||
consume that too. If it isn't, there is a parse error. */
|
||||
if ($this->stream->char() !== ';') {
|
||||
$this->stream->unget();
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'numeric-entity-without-semicolon'
|
||||
));
|
||||
}
|
||||
|
||||
/* If one or more characters match the range, then take
|
||||
them all and interpret the string of characters as a number
|
||||
(either hexadecimal or decimal as appropriate). */
|
||||
$codepoint = $hex ? hexdec($consumed) : (int) $consumed;
|
||||
|
||||
/* If that number is one of the numbers in the first column
|
||||
of the following table, then this is a parse error. Find the
|
||||
row with that number in the first column, and return a
|
||||
character token for the Unicode character given in the
|
||||
second column of that row. */
|
||||
$new_codepoint = HTML5_Data::getRealCodepoint($codepoint);
|
||||
if ($new_codepoint) {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'illegal-windows-1252-entity'
|
||||
));
|
||||
$codepoint = $new_codepoint;
|
||||
} else {
|
||||
/* Otherwise, if the number is in the range 0x0000 to 0x0008,
|
||||
U+000B, U+000E to 0x001F, 0x007F to 0x009F, 0xD800 to 0xDFFF ,
|
||||
0xFDD0 to 0xFDEF, or is one of 0xFFFE, 0xFFFF, 0x1FFFE, 0x1FFFF,
|
||||
0x2FFFE, 0x2FFFF, 0x3FFFE, 0x3FFFF, 0x4FFFE, 0x4FFFF, 0x5FFFE,
|
||||
0x5FFFF, 0x6FFFE, 0x6FFFF, 0x7FFFE, 0x7FFFF, 0x8FFFE, 0x8FFFF,
|
||||
0x9FFFE, 0x9FFFF, 0xAFFFE, 0xAFFFF, 0xBFFFE, 0xBFFFF, 0xCFFFE,
|
||||
0xCFFFF, 0xDFFFE, 0xDFFFF, 0xEFFFE, 0xEFFFF, 0xFFFFE, 0xFFFFF,
|
||||
0x10FFFE, or 0x10FFFF, or is higher than 0x10FFFF, then this
|
||||
is a parse error; return a character token for the U+FFFD
|
||||
REPLACEMENT CHARACTER character instead. */
|
||||
// && has higher precedence than ||
|
||||
if (
|
||||
$codepoint >= 0x0000 && $codepoint <= 0x0008 ||
|
||||
$codepoint === 0x000B ||
|
||||
$codepoint >= 0x000E && $codepoint <= 0x001F ||
|
||||
$codepoint >= 0x007F && $codepoint <= 0x009F ||
|
||||
$codepoint >= 0xD800 && $codepoint <= 0xDFFF ||
|
||||
$codepoint >= 0xFDD0 && $codepoint <= 0xFDEF ||
|
||||
($codepoint & 0xFFFE) === 0xFFFE ||
|
||||
$codepoint > 0x10FFFF
|
||||
) {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'illegal-codepoint-for-numeric-entity'
|
||||
));
|
||||
$codepoint = 0xFFFD;
|
||||
}
|
||||
}
|
||||
|
||||
/* Otherwise, return a character token for the Unicode
|
||||
character whose code point is that number. */
|
||||
return HTML5_Data::utf8chr($codepoint);
|
||||
}
|
||||
|
||||
} else {
|
||||
/* Anything else */
|
||||
|
||||
/* Consume the maximum number of characters possible,
|
||||
with the consumed characters matching one of the
|
||||
identifiers in the first column of the named character
|
||||
references table (in a case-sensitive manner). */
|
||||
|
||||
// we will implement this by matching the longest
|
||||
// alphanumeric + semicolon string, and then working
|
||||
// our way backwards
|
||||
$chars .= $this->stream->charsWhile(self::DIGIT . self::ALPHA . ';', HTML5_Data::getNamedCharacterReferenceMaxLength() - 1);
|
||||
$len = strlen($chars);
|
||||
|
||||
$refs = HTML5_Data::getNamedCharacterReferences();
|
||||
$codepoint = false;
|
||||
for($c = $len; $c > 0; $c--) {
|
||||
$id = substr($chars, 0, $c);
|
||||
if(isset($refs[$id])) {
|
||||
$codepoint = $refs[$id];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* If no match can be made, then this is a parse error.
|
||||
No characters are consumed, and nothing is returned. */
|
||||
if (!$codepoint) {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'expected-named-entity'
|
||||
));
|
||||
return '&' . $chars;
|
||||
}
|
||||
|
||||
/* If the last character matched is not a U+003B SEMICOLON
|
||||
(;), there is a parse error. */
|
||||
$semicolon = true;
|
||||
if (substr($id, -1) !== ';') {
|
||||
$this->emitToken(array(
|
||||
'type' => self::PARSEERROR,
|
||||
'data' => 'named-entity-without-semicolon'
|
||||
));
|
||||
$semicolon = false;
|
||||
}
|
||||
|
||||
|
||||
/* If the character reference is being consumed as part of
|
||||
an attribute, and the last character matched is not a
|
||||
U+003B SEMICOLON (;), and the next character is in the
|
||||
range U+0030 DIGIT ZERO to U+0039 DIGIT NINE, U+0041
|
||||
LATIN CAPITAL LETTER A to U+005A LATIN CAPITAL LETTER Z,
|
||||
or U+0061 LATIN SMALL LETTER A to U+007A LATIN SMALL LETTER Z,
|
||||
then, for historical reasons, all the characters that were
|
||||
matched after the U+0026 AMPERSAND (&) must be unconsumed,
|
||||
and nothing is returned. */
|
||||
if (
|
||||
$inattr && !$semicolon &&
|
||||
strspn(substr($chars, $c, 1), self::ALPHA . self::DIGIT)
|
||||
) {
|
||||
return '&' . $chars;
|
||||
}
|
||||
|
||||
/* Otherwise, return a character token for the character
|
||||
corresponding to the character reference name (as given
|
||||
by the second column of the named character references table). */
|
||||
return HTML5_Data::utf8chr($codepoint) . substr($chars, $c);
|
||||
}
|
||||
}
|
||||
|
||||
private function characterReferenceInAttributeValue($allowed = false) {
|
||||
/* Attempt to consume a character reference. */
|
||||
$entity = $this->consumeCharacterReference($allowed, true);
|
||||
|
||||
/* If nothing is returned, append a U+0026 AMPERSAND
|
||||
character to the current attribute's value.
|
||||
|
||||
Otherwise, append the returned character token to the
|
||||
current attribute's value. */
|
||||
$char = (!$entity)
|
||||
? '&'
|
||||
: $entity;
|
||||
|
||||
$last = count($this->token['attr']) - 1;
|
||||
$this->token['attr'][$last]['value'] .= $char;
|
||||
|
||||
/* Finally, switch back to the attribute value state that you
|
||||
were in when were switched into this state. */
|
||||
}
|
||||
|
||||
/**
|
||||
* Emits a token, passing it on to the tree builder.
|
||||
*/
|
||||
protected function emitToken($token, $checkStream = true) {
|
||||
if ($checkStream) {
|
||||
// Emit errors from input stream.
|
||||
while ($this->stream->errors) {
|
||||
$this->emitToken(array_shift($this->stream->errors), false);
|
||||
}
|
||||
}
|
||||
|
||||
// the current structure of attributes is not a terribly good one
|
||||
$this->tree->emitToken($token);
|
||||
|
||||
if(is_int($this->tree->content_model)) {
|
||||
$this->content_model = $this->tree->content_model;
|
||||
$this->tree->content_model = null;
|
||||
|
||||
} elseif($token['type'] === self::ENDTAG) {
|
||||
$this->content_model = self::PCDATA;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
3715
library/HTML5/TreeBuilder.php
Normal file
3715
library/HTML5/TreeBuilder.php
Normal file
|
|
@ -0,0 +1,3715 @@
|
|||
<?php
|
||||
|
||||
/*
|
||||
|
||||
Copyright 2007 Jeroen van der Meer <http://jero.net/>
|
||||
Copyright 2009 Edward Z. Yang <edwardzyang@thewritingpot.com>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a
|
||||
copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included
|
||||
in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
*/
|
||||
|
||||
// Tags for FIX ME!!!: (in order of priority)
|
||||
// XXX - should be fixed NAO!
|
||||
// XERROR - with regards to parse errors
|
||||
// XSCRIPT - with regards to scripting mode
|
||||
// XENCODING - with regards to encoding (for reparsing tests)
|
||||
|
||||
class HTML5_TreeBuilder {
|
||||
public $stack = array();
|
||||
public $content_model;
|
||||
|
||||
private $mode;
|
||||
private $original_mode;
|
||||
private $secondary_mode;
|
||||
private $dom;
|
||||
// Whether or not normal insertion of nodes should actually foster
|
||||
// parent (used in one case in spec)
|
||||
private $foster_parent = false;
|
||||
private $a_formatting = array();
|
||||
|
||||
private $head_pointer = null;
|
||||
private $form_pointer = null;
|
||||
|
||||
private $flag_frameset_ok = true;
|
||||
private $flag_force_quirks = false;
|
||||
private $ignored = false;
|
||||
private $quirks_mode = null;
|
||||
// this gets to 2 when we want to ignore the next lf character, and
|
||||
// is decrement at the beginning of each processed token (this way,
|
||||
// code can check for (bool)$ignore_lf_token, but it phases out
|
||||
// appropriately)
|
||||
private $ignore_lf_token = 0;
|
||||
private $fragment = false;
|
||||
private $root;
|
||||
|
||||
private $scoping = array('applet','button','caption','html','marquee','object','table','td','th', 'svg:foreignObject');
|
||||
private $formatting = array('a','b','big','code','em','font','i','nobr','s','small','strike','strong','tt','u');
|
||||
private $special = array('address','area','article','aside','base','basefont','bgsound',
|
||||
'blockquote','body','br','center','col','colgroup','command','dd','details','dialog','dir','div','dl',
|
||||
'dt','embed','fieldset','figure','footer','form','frame','frameset','h1','h2','h3','h4','h5',
|
||||
'h6','head','header','hgroup','hr','iframe','img','input','isindex','li','link',
|
||||
'listing','menu','meta','nav','noembed','noframes','noscript','ol',
|
||||
'p','param','plaintext','pre','script','select','spacer','style',
|
||||
'tbody','textarea','tfoot','thead','title','tr','ul','wbr');
|
||||
|
||||
// Tree construction modes
|
||||
const INITIAL = 0;
|
||||
const BEFORE_HTML = 1;
|
||||
const BEFORE_HEAD = 2;
|
||||
const IN_HEAD = 3;
|
||||
const IN_HEAD_NOSCRIPT = 4;
|
||||
const AFTER_HEAD = 5;
|
||||
const IN_BODY = 6;
|
||||
const IN_CDATA_RCDATA = 7;
|
||||
const IN_TABLE = 8;
|
||||
const IN_CAPTION = 9;
|
||||
const IN_COLUMN_GROUP = 10;
|
||||
const IN_TABLE_BODY = 11;
|
||||
const IN_ROW = 12;
|
||||
const IN_CELL = 13;
|
||||
const IN_SELECT = 14;
|
||||
const IN_SELECT_IN_TABLE= 15;
|
||||
const IN_FOREIGN_CONTENT= 16;
|
||||
const AFTER_BODY = 17;
|
||||
const IN_FRAMESET = 18;
|
||||
const AFTER_FRAMESET = 19;
|
||||
const AFTER_AFTER_BODY = 20;
|
||||
const AFTER_AFTER_FRAMESET = 21;
|
||||
|
||||
/**
|
||||
* Converts a magic number to a readable name. Use for debugging.
|
||||
*/
|
||||
private function strConst($number) {
|
||||
static $lookup;
|
||||
if (!$lookup) {
|
||||
$r = new ReflectionClass('HTML5_TreeBuilder');
|
||||
$lookup = array_flip($r->getConstants());
|
||||
}
|
||||
return $lookup[$number];
|
||||
}
|
||||
|
||||
// The different types of elements.
|
||||
const SPECIAL = 100;
|
||||
const SCOPING = 101;
|
||||
const FORMATTING = 102;
|
||||
const PHRASING = 103;
|
||||
|
||||
// Quirks modes in $quirks_mode
|
||||
const NO_QUIRKS = 200;
|
||||
const QUIRKS_MODE = 201;
|
||||
const LIMITED_QUIRKS_MODE = 202;
|
||||
|
||||
// Marker to be placed in $a_formatting
|
||||
const MARKER = 300;
|
||||
|
||||
// Namespaces for foreign content
|
||||
const NS_HTML = null; // to prevent DOM from requiring NS on everything
|
||||
const NS_MATHML = 'http://www.w3.org/1998/Math/MathML';
|
||||
const NS_SVG = 'http://www.w3.org/2000/svg';
|
||||
const NS_XLINK = 'http://www.w3.org/1999/xlink';
|
||||
const NS_XML = 'http://www.w3.org/XML/1998/namespace';
|
||||
const NS_XMLNS = 'http://www.w3.org/2000/xmlns/';
|
||||
|
||||
public function __construct() {
|
||||
$this->mode = self::INITIAL;
|
||||
$this->dom = new DOMDocument;
|
||||
|
||||
$this->dom->encoding = 'UTF-8';
|
||||
$this->dom->preserveWhiteSpace = true;
|
||||
$this->dom->substituteEntities = true;
|
||||
$this->dom->strictErrorChecking = false;
|
||||
}
|
||||
|
||||
// Process tag tokens
|
||||
public function emitToken($token, $mode = null) {
|
||||
// XXX: ignore parse errors... why are we emitting them, again?
|
||||
if ($token['type'] === HTML5_Tokenizer::PARSEERROR) return;
|
||||
if ($mode === null) $mode = $this->mode;
|
||||
|
||||
/*
|
||||
$backtrace = debug_backtrace();
|
||||
if ($backtrace[1]['class'] !== 'HTML5_TreeBuilder') echo "--\n";
|
||||
echo $this->strConst($mode);
|
||||
if ($this->original_mode) echo " (originally ".$this->strConst($this->original_mode).")";
|
||||
echo "\n ";
|
||||
token_dump($token);
|
||||
$this->printStack();
|
||||
$this->printActiveFormattingElements();
|
||||
if ($this->foster_parent) echo " -> this is a foster parent mode\n";
|
||||
*/
|
||||
|
||||
if ($this->ignore_lf_token) $this->ignore_lf_token--;
|
||||
$this->ignored = false;
|
||||
// indenting is a little wonky, this can be changed later on
|
||||
switch ($mode) {
|
||||
|
||||
case self::INITIAL:
|
||||
|
||||
/* A character token that is one of U+0009 CHARACTER TABULATION,
|
||||
* U+000A LINE FEED (LF), U+000C FORM FEED (FF), or U+0020 SPACE */
|
||||
if ($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Ignore the token. */
|
||||
$this->ignored = true;
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
if (
|
||||
$token['name'] !== 'html' || !empty($token['public']) ||
|
||||
!empty($token['system']) || $token !== 'about:legacy-compat'
|
||||
) {
|
||||
/* If the DOCTYPE token's name is not a case-sensitive match
|
||||
* for the string "html", or if the token's public identifier
|
||||
* is not missing, or if the token's system identifier is
|
||||
* neither missing nor a case-sensitive match for the string
|
||||
* "about:legacy-compat", then there is a parse error (this
|
||||
* is the DOCTYPE parse error). */
|
||||
// DOCTYPE parse error
|
||||
}
|
||||
/* Append a DocumentType node to the Document node, with the name
|
||||
* attribute set to the name given in the DOCTYPE token, or the
|
||||
* empty string if the name was missing; the publicId attribute
|
||||
* set to the public identifier given in the DOCTYPE token, or
|
||||
* the empty string if the public identifier was missing; the
|
||||
* systemId attribute set to the system identifier given in the
|
||||
* DOCTYPE token, or the empty string if the system identifier
|
||||
* was missing; and the other attributes specific to
|
||||
* DocumentType objects set to null and empty lists as
|
||||
* appropriate. Associate the DocumentType node with the
|
||||
* Document object so that it is returned as the value of the
|
||||
* doctype attribute of the Document object. */
|
||||
if (!isset($token['public'])) $token['public'] = null;
|
||||
if (!isset($token['system'])) $token['system'] = null;
|
||||
// Yes this is hacky. I'm kind of annoyed that I can't appendChild
|
||||
// a doctype to DOMDocument. Maybe I haven't chanted the right
|
||||
// syllables.
|
||||
$impl = new DOMImplementation();
|
||||
// This call can fail for particularly pathological cases (namely,
|
||||
// the qualifiedName parameter ($token['name']) could be missing.
|
||||
if ($token['name']) {
|
||||
$doctype = $impl->createDocumentType($token['name'], $token['public'], $token['system']);
|
||||
$this->dom->appendChild($doctype);
|
||||
} else {
|
||||
// It looks like libxml's not actually *able* to express this case.
|
||||
// So... don't.
|
||||
$this->dom->emptyDoctype = true;
|
||||
}
|
||||
$public = is_null($token['public']) ? false : strtolower($token['public']);
|
||||
$system = is_null($token['system']) ? false : strtolower($token['system']);
|
||||
$publicStartsWithForQuirks = array(
|
||||
"+//silmaril//dtd html pro v0r11 19970101//",
|
||||
"-//advasoft ltd//dtd html 3.0 aswedit + extensions//",
|
||||
"-//as//dtd html 3.0 aswedit + extensions//",
|
||||
"-//ietf//dtd html 2.0 level 1//",
|
||||
"-//ietf//dtd html 2.0 level 2//",
|
||||
"-//ietf//dtd html 2.0 strict level 1//",
|
||||
"-//ietf//dtd html 2.0 strict level 2//",
|
||||
"-//ietf//dtd html 2.0 strict//",
|
||||
"-//ietf//dtd html 2.0//",
|
||||
"-//ietf//dtd html 2.1e//",
|
||||
"-//ietf//dtd html 3.0//",
|
||||
"-//ietf//dtd html 3.2 final//",
|
||||
"-//ietf//dtd html 3.2//",
|
||||
"-//ietf//dtd html 3//",
|
||||
"-//ietf//dtd html level 0//",
|
||||
"-//ietf//dtd html level 1//",
|
||||
"-//ietf//dtd html level 2//",
|
||||
"-//ietf//dtd html level 3//",
|
||||
"-//ietf//dtd html strict level 0//",
|
||||
"-//ietf//dtd html strict level 1//",
|
||||
"-//ietf//dtd html strict level 2//",
|
||||
"-//ietf//dtd html strict level 3//",
|
||||
"-//ietf//dtd html strict//",
|
||||
"-//ietf//dtd html//",
|
||||
"-//metrius//dtd metrius presentational//",
|
||||
"-//microsoft//dtd internet explorer 2.0 html strict//",
|
||||
"-//microsoft//dtd internet explorer 2.0 html//",
|
||||
"-//microsoft//dtd internet explorer 2.0 tables//",
|
||||
"-//microsoft//dtd internet explorer 3.0 html strict//",
|
||||
"-//microsoft//dtd internet explorer 3.0 html//",
|
||||
"-//microsoft//dtd internet explorer 3.0 tables//",
|
||||
"-//netscape comm. corp.//dtd html//",
|
||||
"-//netscape comm. corp.//dtd strict html//",
|
||||
"-//o'reilly and associates//dtd html 2.0//",
|
||||
"-//o'reilly and associates//dtd html extended 1.0//",
|
||||
"-//o'reilly and associates//dtd html extended relaxed 1.0//",
|
||||
"-//spyglass//dtd html 2.0 extended//",
|
||||
"-//sq//dtd html 2.0 hotmetal + extensions//",
|
||||
"-//sun microsystems corp.//dtd hotjava html//",
|
||||
"-//sun microsystems corp.//dtd hotjava strict html//",
|
||||
"-//w3c//dtd html 3 1995-03-24//",
|
||||
"-//w3c//dtd html 3.2 draft//",
|
||||
"-//w3c//dtd html 3.2 final//",
|
||||
"-//w3c//dtd html 3.2//",
|
||||
"-//w3c//dtd html 3.2s draft//",
|
||||
"-//w3c//dtd html 4.0 frameset//",
|
||||
"-//w3c//dtd html 4.0 transitional//",
|
||||
"-//w3c//dtd html experimental 19960712//",
|
||||
"-//w3c//dtd html experimental 970421//",
|
||||
"-//w3c//dtd w3 html//",
|
||||
"-//w3o//dtd w3 html 3.0//",
|
||||
"-//webtechs//dtd mozilla html 2.0//",
|
||||
"-//webtechs//dtd mozilla html//",
|
||||
);
|
||||
$publicSetToForQuirks = array(
|
||||
"-//w3o//dtd w3 html strict 3.0//",
|
||||
"-/w3c/dtd html 4.0 transitional/en",
|
||||
"html",
|
||||
);
|
||||
$publicStartsWithAndSystemForQuirks = array(
|
||||
"-//w3c//dtd html 4.01 frameset//",
|
||||
"-//w3c//dtd html 4.01 transitional//",
|
||||
);
|
||||
$publicStartsWithForLimitedQuirks = array(
|
||||
"-//w3c//dtd xhtml 1.0 frameset//",
|
||||
"-//w3c//dtd xhtml 1.0 transitional//",
|
||||
);
|
||||
$publicStartsWithAndSystemForLimitedQuirks = array(
|
||||
"-//w3c//dtd html 4.01 frameset//",
|
||||
"-//w3c//dtd html 4.01 transitional//",
|
||||
);
|
||||
// first, do easy checks
|
||||
if (
|
||||
!empty($token['force-quirks']) ||
|
||||
strtolower($token['name']) !== 'html'
|
||||
) {
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
} else {
|
||||
do {
|
||||
if ($system) {
|
||||
foreach ($publicStartsWithAndSystemForQuirks as $x) {
|
||||
if (strncmp($public, $x, strlen($x)) === 0) {
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!is_null($this->quirks_mode)) break;
|
||||
foreach ($publicStartsWithAndSystemForLimitedQuirks as $x) {
|
||||
if (strncmp($public, $x, strlen($x)) === 0) {
|
||||
$this->quirks_mode = self::LIMITED_QUIRKS_MODE;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!is_null($this->quirks_mode)) break;
|
||||
}
|
||||
foreach ($publicSetToForQuirks as $x) {
|
||||
if ($public === $x) {
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!is_null($this->quirks_mode)) break;
|
||||
foreach ($publicStartsWithForLimitedQuirks as $x) {
|
||||
if (strncmp($public, $x, strlen($x)) === 0) {
|
||||
$this->quirks_mode = self::LIMITED_QUIRKS_MODE;
|
||||
}
|
||||
}
|
||||
if (!is_null($this->quirks_mode)) break;
|
||||
if ($system === "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd") {
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
break;
|
||||
}
|
||||
foreach ($publicStartsWithForQuirks as $x) {
|
||||
if (strncmp($public, $x, strlen($x)) === 0) {
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (is_null($this->quirks_mode)) {
|
||||
$this->quirks_mode = self::NO_QUIRKS;
|
||||
}
|
||||
} while (false);
|
||||
}
|
||||
$this->mode = self::BEFORE_HTML;
|
||||
} else {
|
||||
// parse error
|
||||
/* Switch the insertion mode to "before html", then reprocess the
|
||||
* current token. */
|
||||
$this->mode = self::BEFORE_HTML;
|
||||
$this->quirks_mode = self::QUIRKS_MODE;
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::BEFORE_HTML:
|
||||
|
||||
/* A DOCTYPE token */
|
||||
if($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// Parse error. Ignore the token.
|
||||
$this->ignored = true;
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the Document object with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$comment = $this->dom->createComment($token['data']);
|
||||
$this->dom->appendChild($comment);
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* A start tag whose tag name is "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] == 'html') {
|
||||
/* Create an element for the token in the HTML namespace. Append it
|
||||
* to the Document object. Put this element in the stack of open
|
||||
* elements. */
|
||||
$html = $this->insertElement($token, false);
|
||||
$this->dom->appendChild($html);
|
||||
$this->stack[] = $html;
|
||||
|
||||
$this->mode = self::BEFORE_HEAD;
|
||||
|
||||
} else {
|
||||
/* Create an html element. Append it to the Document object. Put
|
||||
* this element in the stack of open elements. */
|
||||
$html = $this->dom->createElementNS(self::NS_HTML, 'html');
|
||||
$this->dom->appendChild($html);
|
||||
$this->stack[] = $html;
|
||||
|
||||
/* Switch the insertion mode to "before head", then reprocess the
|
||||
* current token. */
|
||||
$this->mode = self::BEFORE_HEAD;
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::BEFORE_HEAD:
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data attribute
|
||||
set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
/* A DOCTYPE token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
/* Parse error. Ignore the token */
|
||||
$this->ignored = true;
|
||||
// parse error
|
||||
|
||||
/* A start tag token with the tag name "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
/* Process the token using the rules for the "in body"
|
||||
* insertion mode. */
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* A start tag token with the tag name "head" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'head') {
|
||||
/* Insert an HTML element for the token. */
|
||||
$element = $this->insertElement($token);
|
||||
|
||||
/* Set the head element pointer to this new element node. */
|
||||
$this->head_pointer = $element;
|
||||
|
||||
/* Change the insertion mode to "in head". */
|
||||
$this->mode = self::IN_HEAD;
|
||||
|
||||
/* An end tag whose tag name is one of: "head", "body", "html", "br" */
|
||||
} elseif(
|
||||
$token['type'] === HTML5_Tokenizer::ENDTAG && (
|
||||
$token['name'] === 'head' || $token['name'] === 'body' ||
|
||||
$token['name'] === 'html' || $token['name'] === 'br'
|
||||
)) {
|
||||
/* Act as if a start tag token with the tag name "head" and no
|
||||
* attributes had been seen, then reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'head',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
$this->emitToken($token);
|
||||
|
||||
/* Any other end tag */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG) {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
} else {
|
||||
/* Act as if a start tag token with the tag name "head" and no
|
||||
* attributes had been seen, then reprocess the current token.
|
||||
* Note: This will result in an empty head element being
|
||||
* generated, with the current token being reprocessed in the
|
||||
* "after head" insertion mode. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'head',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_HEAD:
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE. */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Insert the character into the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data attribute
|
||||
set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
/* A DOCTYPE token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
// parse error
|
||||
|
||||
/* A start tag whose tag name is "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* A start tag whose tag name is one of: "base", "command", "link" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'base' || $token['name'] === 'command' ||
|
||||
$token['name'] === 'link')) {
|
||||
/* Insert an HTML element for the token. Immediately pop the
|
||||
* current node off the stack of open elements. */
|
||||
$this->insertElement($token);
|
||||
array_pop($this->stack);
|
||||
|
||||
// YYY: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
/* A start tag whose tag name is "meta" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'meta') {
|
||||
/* Insert an HTML element for the token. Immediately pop the
|
||||
* current node off the stack of open elements. */
|
||||
$this->insertElement($token);
|
||||
array_pop($this->stack);
|
||||
|
||||
// XERROR: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
// XENCODING: If the element has a charset attribute, and its value is a
|
||||
// supported encoding, and the confidence is currently tentative,
|
||||
// then change the encoding to the encoding given by the value of
|
||||
// the charset attribute.
|
||||
//
|
||||
// Otherwise, if the element has a content attribute, and applying
|
||||
// the algorithm for extracting an encoding from a Content-Type to
|
||||
// its value returns a supported encoding encoding, and the
|
||||
// confidence is currently tentative, then change the encoding to
|
||||
// the encoding encoding.
|
||||
|
||||
/* A start tag with the tag name "title" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'title') {
|
||||
$this->insertRCDATAElement($token);
|
||||
|
||||
/* A start tag whose tag name is "noscript", if the scripting flag is enabled, or
|
||||
* A start tag whose tag name is one of: "noframes", "style" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'noscript' || $token['name'] === 'noframes' || $token['name'] === 'style')) {
|
||||
// XSCRIPT: Scripting flag not respected
|
||||
$this->insertCDATAElement($token);
|
||||
|
||||
// XSCRIPT: Scripting flag disable not implemented
|
||||
|
||||
/* A start tag with the tag name "script" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'script') {
|
||||
/* 1. Create an element for the token in the HTML namespace. */
|
||||
$node = $this->insertElement($token, false);
|
||||
|
||||
/* 2. Mark the element as being "parser-inserted" */
|
||||
// Uhhh... XSCRIPT
|
||||
|
||||
/* 3. If the parser was originally created for the HTML
|
||||
* fragment parsing algorithm, then mark the script element as
|
||||
* "already executed". (fragment case) */
|
||||
// ditto... XSCRIPT
|
||||
|
||||
/* 4. Append the new element to the current node and push it onto
|
||||
* the stack of open elements. */
|
||||
end($this->stack)->appendChild($node);
|
||||
$this->stack[] = $node;
|
||||
// I guess we could squash these together
|
||||
|
||||
/* 6. Let the original insertion mode be the current insertion mode. */
|
||||
$this->original_mode = $this->mode;
|
||||
/* 7. Switch the insertion mode to "in CDATA/RCDATA" */
|
||||
$this->mode = self::IN_CDATA_RCDATA;
|
||||
/* 5. Switch the tokeniser's content model flag to the CDATA state. */
|
||||
$this->content_model = HTML5_Tokenizer::CDATA;
|
||||
|
||||
/* An end tag with the tag name "head" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'head') {
|
||||
/* Pop the current node (which will be the head element) off the stack of open elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
/* Change the insertion mode to "after head". */
|
||||
$this->mode = self::AFTER_HEAD;
|
||||
|
||||
// Slight logic inversion here to minimize duplication
|
||||
/* A start tag with the tag name "head". */
|
||||
/* An end tag whose tag name is not one of: "body", "html", "br" */
|
||||
} elseif(($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'head') ||
|
||||
($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] !== 'html' &&
|
||||
$token['name'] !== 'body' && $token['name'] !== 'br')) {
|
||||
// Parse error. Ignore the token.
|
||||
$this->ignored = true;
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Act as if an end tag token with the tag name "head" had been
|
||||
* seen, and reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'head',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
/* Then, reprocess the current token. */
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_HEAD_NOSCRIPT:
|
||||
if ($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'noscript') {
|
||||
/* Pop the current node (which will be a noscript element) from the
|
||||
* stack of open elements; the new current node will be a head
|
||||
* element. */
|
||||
array_pop($this->stack);
|
||||
$this->mode = self::IN_HEAD;
|
||||
} elseif (
|
||||
($token['type'] === HTML5_Tokenizer::SPACECHARACTER) ||
|
||||
($token['type'] === HTML5_Tokenizer::COMMENT) ||
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG && (
|
||||
$token['name'] === 'link' || $token['name'] === 'meta' ||
|
||||
$token['name'] === 'noframes' || $token['name'] === 'style'))) {
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
// inverted logic
|
||||
} elseif (
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG && (
|
||||
$token['name'] === 'head' || $token['name'] === 'noscript')) ||
|
||||
($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] !== 'br')) {
|
||||
// parse error
|
||||
} else {
|
||||
// parse error
|
||||
$this->emitToken(array(
|
||||
'type' => HTML5_Tokenizer::ENDTAG,
|
||||
'name' => 'noscript',
|
||||
));
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::AFTER_HEAD:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Append the character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data attribute
|
||||
set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* A start tag token with the tag name "body" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'body') {
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Set the frameset-ok flag to "not ok". */
|
||||
$this->flag_frameset_ok = false;
|
||||
|
||||
/* Change the insertion mode to "in body". */
|
||||
$this->mode = self::IN_BODY;
|
||||
|
||||
/* A start tag token with the tag name "frameset" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'frameset') {
|
||||
/* Insert a frameset element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Change the insertion mode to "in frameset". */
|
||||
$this->mode = self::IN_FRAMESET;
|
||||
|
||||
/* A start tag token whose tag name is one of: "base", "link", "meta",
|
||||
"script", "style", "title" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('base', 'link', 'meta', 'noframes', 'script', 'style', 'title'))) {
|
||||
// parse error
|
||||
/* Push the node pointed to by the head element pointer onto the
|
||||
* stack of open elements. */
|
||||
$this->stack[] = $this->head_pointer;
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
array_splice($this->stack, array_search($this->head_pointer, $this->stack, true), 1);
|
||||
|
||||
// inversion of specification
|
||||
} elseif(
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'head') ||
|
||||
($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] !== 'body' && $token['name'] !== 'html' &&
|
||||
$token['name'] !== 'br')) {
|
||||
// parse error
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
$this->emitToken(array(
|
||||
'name' => 'body',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
$this->flag_frameset_ok = true;
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_BODY:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
switch($token['type']) {
|
||||
/* A character token */
|
||||
case HTML5_Tokenizer::CHARACTER:
|
||||
case HTML5_Tokenizer::SPACECHARACTER:
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Append the token's character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* If the token is not one of U+0009 CHARACTER TABULATION,
|
||||
* U+000A LINE FEED (LF), U+000C FORM FEED (FF), or U+0020
|
||||
* SPACE, then set the frameset-ok flag to "not ok". */
|
||||
// i.e., if any of the characters is not whitespace
|
||||
if (strlen($token['data']) !== strspn($token['data'], HTML5_Tokenizer::WHITESPACE)) {
|
||||
$this->flag_frameset_ok = false;
|
||||
}
|
||||
break;
|
||||
|
||||
/* A comment token */
|
||||
case HTML5_Tokenizer::COMMENT:
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
break;
|
||||
|
||||
case HTML5_Tokenizer::DOCTYPE:
|
||||
// parse error
|
||||
break;
|
||||
|
||||
case HTML5_Tokenizer::STARTTAG:
|
||||
switch($token['name']) {
|
||||
case 'html':
|
||||
// parse error
|
||||
/* For each attribute on the token, check to see if the
|
||||
* attribute is already present on the top element of the
|
||||
* stack of open elements. If it is not, add the attribute
|
||||
* and its corresponding value to that element. */
|
||||
foreach($token['attr'] as $attr) {
|
||||
if(!$this->stack[0]->hasAttribute($attr['name'])) {
|
||||
$this->stack[0]->setAttribute($attr['name'], $attr['value']);
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case 'base': case 'command': case 'link': case 'meta': case 'noframes':
|
||||
case 'script': case 'style': case 'title':
|
||||
/* Process the token as if the insertion mode had been "in
|
||||
head". */
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
break;
|
||||
|
||||
/* A start tag token with the tag name "body" */
|
||||
case 'body':
|
||||
/* Parse error. If the second element on the stack of open
|
||||
elements is not a body element, or, if the stack of open
|
||||
elements has only one node on it, then ignore the token.
|
||||
(fragment case) */
|
||||
if(count($this->stack) === 1 || $this->stack[1]->tagName !== 'body') {
|
||||
$this->ignored = true;
|
||||
// Ignore
|
||||
|
||||
/* Otherwise, for each attribute on the token, check to see
|
||||
if the attribute is already present on the body element (the
|
||||
second element) on the stack of open elements. If it is not,
|
||||
add the attribute and its corresponding value to that
|
||||
element. */
|
||||
} else {
|
||||
foreach($token['attr'] as $attr) {
|
||||
if(!$this->stack[1]->hasAttribute($attr['name'])) {
|
||||
$this->stack[1]->setAttribute($attr['name'], $attr['value']);
|
||||
}
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case 'frameset':
|
||||
// parse error
|
||||
/* If the second element on the stack of open elements is
|
||||
* not a body element, or, if the stack of open elements
|
||||
* has only one node on it, then ignore the token.
|
||||
* (fragment case) */
|
||||
if(count($this->stack) === 1 || $this->stack[1]->tagName !== 'body') {
|
||||
$this->ignored = true;
|
||||
// Ignore
|
||||
} elseif (!$this->flag_frameset_ok) {
|
||||
$this->ignored = true;
|
||||
// Ignore
|
||||
} else {
|
||||
/* 1. Remove the second element on the stack of open
|
||||
* elements from its parent node, if it has one. */
|
||||
if($this->stack[1]->parentNode) {
|
||||
$this->stack[1]->parentNode->removeChild($this->stack[1]);
|
||||
}
|
||||
|
||||
/* 2. Pop all the nodes from the bottom of the stack of
|
||||
* open elements, from the current node up to the root
|
||||
* html element. */
|
||||
array_splice($this->stack, 1);
|
||||
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_FRAMESET;
|
||||
}
|
||||
break;
|
||||
|
||||
// in spec, there is a diversion here
|
||||
|
||||
case 'address': case 'article': case 'aside': case 'blockquote':
|
||||
case 'center': case 'datagrid': case 'details': case 'dialog': case 'dir':
|
||||
case 'div': case 'dl': case 'fieldset': case 'figure': case 'footer':
|
||||
case 'header': case 'hgroup': case 'menu': case 'nav':
|
||||
case 'ol': case 'p': case 'section': case 'ul':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been
|
||||
seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is one of: "h1", "h2", "h3", "h4",
|
||||
"h5", "h6" */
|
||||
case 'h1': case 'h2': case 'h3': case 'h4': case 'h5': case 'h6':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* If the current node is an element whose tag name is one
|
||||
* of "h1", "h2", "h3", "h4", "h5", or "h6", then this is a
|
||||
* parse error; pop the current node off the stack of open
|
||||
* elements. */
|
||||
$peek = array_pop($this->stack);
|
||||
if (in_array($peek->tagName, array("h1", "h2", "h3", "h4", "h5", "h6"))) {
|
||||
// parse error
|
||||
} else {
|
||||
$this->stack[] = $peek;
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
break;
|
||||
|
||||
case 'pre': case 'listing':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
$this->insertElement($token);
|
||||
/* If the next token is a U+000A LINE FEED (LF) character
|
||||
* token, then ignore that token and move on to the next
|
||||
* one. (Newlines at the start of pre blocks are ignored as
|
||||
* an authoring convenience.) */
|
||||
$this->ignore_lf_token = 2;
|
||||
$this->flag_frameset_ok = false;
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "form" */
|
||||
case 'form':
|
||||
/* If the form element pointer is not null, ignore the
|
||||
token with a parse error. */
|
||||
if($this->form_pointer !== null) {
|
||||
$this->ignored = true;
|
||||
// Ignore.
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* If the stack of open elements has a p element in
|
||||
scope, then act as if an end tag with the tag name p
|
||||
had been seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token, and set the
|
||||
form element pointer to point to the element created. */
|
||||
$element = $this->insertElement($token);
|
||||
$this->form_pointer = $element;
|
||||
}
|
||||
break;
|
||||
|
||||
// condensed specification
|
||||
case 'li': case 'dd': case 'dt':
|
||||
/* 1. Set the frameset-ok flag to "not ok". */
|
||||
$this->flag_frameset_ok = false;
|
||||
|
||||
$stack_length = count($this->stack) - 1;
|
||||
for($n = $stack_length; 0 <= $n; $n--) {
|
||||
/* 2. Initialise node to be the current node (the
|
||||
bottommost node of the stack). */
|
||||
$stop = false;
|
||||
$node = $this->stack[$n];
|
||||
$cat = $this->getElementCategory($node);
|
||||
|
||||
// for case 'li':
|
||||
/* 3. If node is an li element, then act as if an end
|
||||
* tag with the tag name "li" had been seen, then jump
|
||||
* to the last step. */
|
||||
// for case 'dd': case 'dt':
|
||||
/* If node is a dd or dt element, then act as if an end
|
||||
* tag with the same tag name as node had been seen, then
|
||||
* jump to the last step. */
|
||||
if(($token['name'] === 'li' && $node->tagName === 'li') ||
|
||||
($token['name'] !== 'li' && ($node->tagName === 'dd' || $node->tagName === 'dt'))) { // limited conditional
|
||||
$this->emitToken(array(
|
||||
'type' => HTML5_Tokenizer::ENDTAG,
|
||||
'name' => $node->tagName,
|
||||
));
|
||||
break;
|
||||
}
|
||||
|
||||
/* 4. If node is not in the formatting category, and is
|
||||
not in the phrasing category, and is not an address,
|
||||
div or p element, then stop this algorithm. */
|
||||
if($cat !== self::FORMATTING && $cat !== self::PHRASING &&
|
||||
$node->tagName !== 'address' && $node->tagName !== 'div' &&
|
||||
$node->tagName !== 'p') {
|
||||
break;
|
||||
}
|
||||
|
||||
/* 5. Otherwise, set node to the previous entry in the
|
||||
* stack of open elements and return to step 2. */
|
||||
}
|
||||
|
||||
/* 6. This is the last step. */
|
||||
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been
|
||||
seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Finally, insert an HTML element with the same tag
|
||||
name as the token's. */
|
||||
$this->insertElement($token);
|
||||
break;
|
||||
|
||||
/* A start tag token whose tag name is "plaintext" */
|
||||
case 'plaintext':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been
|
||||
seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
$this->content_model = HTML5_Tokenizer::PLAINTEXT;
|
||||
break;
|
||||
|
||||
// more diversions
|
||||
|
||||
/* A start tag whose tag name is "a" */
|
||||
case 'a':
|
||||
/* If the list of active formatting elements contains
|
||||
an element whose tag name is "a" between the end of the
|
||||
list and the last marker on the list (or the start of
|
||||
the list if there is no marker on the list), then this
|
||||
is a parse error; act as if an end tag with the tag name
|
||||
"a" had been seen, then remove that element from the list
|
||||
of active formatting elements and the stack of open
|
||||
elements if the end tag didn't already remove it (it
|
||||
might not have if the element is not in table scope). */
|
||||
$leng = count($this->a_formatting);
|
||||
|
||||
for($n = $leng - 1; $n >= 0; $n--) {
|
||||
if($this->a_formatting[$n] === self::MARKER) {
|
||||
break;
|
||||
|
||||
} elseif($this->a_formatting[$n]->tagName === 'a') {
|
||||
$a = $this->a_formatting[$n];
|
||||
$this->emitToken(array(
|
||||
'name' => 'a',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
if (in_array($a, $this->a_formatting)) {
|
||||
$a_i = array_search($a, $this->a_formatting, true);
|
||||
if($a_i !== false) array_splice($this->a_formatting, $a_i, 1);
|
||||
}
|
||||
if (in_array($a, $this->stack)) {
|
||||
$a_i = array_search($a, $this->stack, true);
|
||||
if ($a_i !== false) array_splice($this->stack, $a_i, 1);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$el = $this->insertElement($token);
|
||||
|
||||
/* Add that element to the list of active formatting
|
||||
elements. */
|
||||
$this->a_formatting[] = $el;
|
||||
break;
|
||||
|
||||
case 'b': case 'big': case 'code': case 'em': case 'font': case 'i':
|
||||
case 's': case 'small': case 'strike':
|
||||
case 'strong': case 'tt': case 'u':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$el = $this->insertElement($token);
|
||||
|
||||
/* Add that element to the list of active formatting
|
||||
elements. */
|
||||
$this->a_formatting[] = $el;
|
||||
break;
|
||||
|
||||
case 'nobr':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* If the stack of open elements has a nobr element in
|
||||
* scope, then this is a parse error; act as if an end tag
|
||||
* with the tag name "nobr" had been seen, then once again
|
||||
* reconstruct the active formatting elements, if any. */
|
||||
if ($this->elementInScope('nobr')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'nobr',
|
||||
'type' => HTML5_Tokenizer::ENDTAG,
|
||||
));
|
||||
$this->reconstructActiveFormattingElements();
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$el = $this->insertElement($token);
|
||||
|
||||
/* Add that element to the list of active formatting
|
||||
elements. */
|
||||
$this->a_formatting[] = $el;
|
||||
break;
|
||||
|
||||
// another diversion
|
||||
|
||||
/* A start tag token whose tag name is "button" */
|
||||
case 'button':
|
||||
/* If the stack of open elements has a button element in scope,
|
||||
then this is a parse error; act as if an end tag with the tag
|
||||
name "button" had been seen, then reprocess the token. (We don't
|
||||
do that. Unnecessary.) (I hope you're right! -- ezyang) */
|
||||
if($this->elementInScope('button')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'button',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Insert a marker at the end of the list of active
|
||||
formatting elements. */
|
||||
$this->a_formatting[] = self::MARKER;
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
break;
|
||||
|
||||
case 'applet': case 'marquee': case 'object':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Insert a marker at the end of the list of active
|
||||
formatting elements. */
|
||||
$this->a_formatting[] = self::MARKER;
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
break;
|
||||
|
||||
// spec diversion
|
||||
|
||||
/* A start tag whose tag name is "table" */
|
||||
case 'table':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been seen. */
|
||||
if($this->quirks_mode !== self::QUIRKS_MODE &&
|
||||
$this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
|
||||
/* Change the insertion mode to "in table". */
|
||||
$this->mode = self::IN_TABLE;
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is one of: "area", "basefont",
|
||||
"bgsound", "br", "embed", "img", "param", "spacer", "wbr" */
|
||||
case 'area': case 'basefont': case 'bgsound': case 'br':
|
||||
case 'embed': case 'img': case 'input': case 'keygen': case 'spacer':
|
||||
case 'wbr':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Immediately pop the current node off the stack of open elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
// YYY: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
break;
|
||||
|
||||
case 'param': case 'source':
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Immediately pop the current node off the stack of open elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
// YYY: Acknowledge the token's self-closing flag, if it is set.
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "hr" */
|
||||
case 'hr':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then act as if an end tag with the tag name p had been seen. */
|
||||
if($this->elementInScope('p')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Immediately pop the current node off the stack of open elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
// YYY: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "image" */
|
||||
case 'image':
|
||||
/* Parse error. Change the token's tag name to "img" and
|
||||
reprocess it. (Don't ask.) */
|
||||
$token['name'] = 'img';
|
||||
$this->emitToken($token);
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "isindex" */
|
||||
case 'isindex':
|
||||
/* Parse error. */
|
||||
|
||||
/* If the form element pointer is not null,
|
||||
then ignore the token. */
|
||||
if($this->form_pointer === null) {
|
||||
/* Act as if a start tag token with the tag name "form" had
|
||||
been seen. */
|
||||
/* If the token has an attribute called "action", set
|
||||
* the action attribute on the resulting form
|
||||
* element to the value of the "action" attribute of
|
||||
* the token. */
|
||||
$attr = array();
|
||||
$action = $this->getAttr($token, 'action');
|
||||
if ($action !== false) {
|
||||
$attr[] = array('name' => 'action', 'value' => $action);
|
||||
}
|
||||
$this->emitToken(array(
|
||||
'name' => 'form',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => $attr
|
||||
));
|
||||
|
||||
/* Act as if a start tag token with the tag name "hr" had
|
||||
been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'hr',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
/* Act as if a start tag token with the tag name "p" had
|
||||
been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
/* Act as if a start tag token with the tag name "label"
|
||||
had been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'label',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
/* Act as if a stream of character tokens had been seen. */
|
||||
$prompt = $this->getAttr($token, 'prompt');
|
||||
if ($prompt === false) {
|
||||
$prompt = 'This is a searchable index. '.
|
||||
'Insert your search keywords here: ';
|
||||
}
|
||||
$this->emitToken(array(
|
||||
'data' => $prompt,
|
||||
'type' => HTML5_Tokenizer::CHARACTER,
|
||||
));
|
||||
|
||||
/* Act as if a start tag token with the tag name "input"
|
||||
had been seen, with all the attributes from the "isindex"
|
||||
token, except with the "name" attribute set to the value
|
||||
"isindex" (ignoring any explicit "name" attribute). */
|
||||
$attr = array();
|
||||
foreach ($token['attr'] as $keypair) {
|
||||
if ($keypair['name'] === 'name' || $keypair['name'] === 'action' ||
|
||||
$keypair['name'] === 'prompt') continue;
|
||||
$attr[] = $keypair;
|
||||
}
|
||||
$attr[] = array('name' => 'name', 'value' => 'isindex');
|
||||
|
||||
$this->emitToken(array(
|
||||
'name' => 'input',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => $attr
|
||||
));
|
||||
|
||||
/* Act as if an end tag token with the tag name "label"
|
||||
had been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'label',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
/* Act as if an end tag token with the tag name "p" had
|
||||
been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
/* Act as if a start tag token with the tag name "hr" had
|
||||
been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'hr',
|
||||
'type' => HTML5_Tokenizer::STARTTAG
|
||||
));
|
||||
|
||||
/* Act as if an end tag token with the tag name "form" had
|
||||
been seen. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'form',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
} else {
|
||||
$this->ignored = true;
|
||||
}
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "textarea" */
|
||||
case 'textarea':
|
||||
$this->insertElement($token);
|
||||
|
||||
/* If the next token is a U+000A LINE FEED (LF)
|
||||
* character token, then ignore that token and move on to
|
||||
* the next one. (Newlines at the start of textarea
|
||||
* elements are ignored as an authoring convenience.)
|
||||
* need flag, see also <pre> */
|
||||
$this->ignore_lf_token = 2;
|
||||
|
||||
$this->original_mode = $this->mode;
|
||||
$this->flag_frameset_ok = false;
|
||||
$this->mode = self::IN_CDATA_RCDATA;
|
||||
|
||||
/* Switch the tokeniser's content model flag to the
|
||||
RCDATA state. */
|
||||
$this->content_model = HTML5_Tokenizer::RCDATA;
|
||||
break;
|
||||
|
||||
/* A start tag token whose tag name is "xmp" */
|
||||
case 'xmp':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
|
||||
$this->insertCDATAElement($token);
|
||||
break;
|
||||
|
||||
case 'iframe':
|
||||
$this->flag_frameset_ok = false;
|
||||
$this->insertCDATAElement($token);
|
||||
break;
|
||||
|
||||
case 'noembed': case 'noscript':
|
||||
// XSCRIPT: should check scripting flag
|
||||
$this->insertCDATAElement($token);
|
||||
break;
|
||||
|
||||
/* A start tag whose tag name is "select" */
|
||||
case 'select':
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
$this->flag_frameset_ok = false;
|
||||
|
||||
/* If the insertion mode is one of in table", "in caption",
|
||||
* "in column group", "in table body", "in row", or "in
|
||||
* cell", then switch the insertion mode to "in select in
|
||||
* table". Otherwise, switch the insertion mode to "in
|
||||
* select". */
|
||||
if (
|
||||
$this->mode === self::IN_TABLE || $this->mode === self::IN_CAPTION ||
|
||||
$this->mode === self::IN_COLUMN_GROUP || $this->mode ==+self::IN_TABLE_BODY ||
|
||||
$this->mode === self::IN_ROW || $this->mode === self::IN_CELL
|
||||
) {
|
||||
$this->mode = self::IN_SELECT_IN_TABLE;
|
||||
} else {
|
||||
$this->mode = self::IN_SELECT;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'option': case 'optgroup':
|
||||
if ($this->elementInScope('option')) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'option',
|
||||
'type' => HTML5_Tokenizer::ENDTAG,
|
||||
));
|
||||
}
|
||||
$this->reconstructActiveFormattingElements();
|
||||
$this->insertElement($token);
|
||||
break;
|
||||
|
||||
case 'rp': case 'rt':
|
||||
/* If the stack of open elements has a ruby element in scope, then generate
|
||||
* implied end tags. If the current node is not then a ruby element, this is
|
||||
* a parse error; pop all the nodes from the current node up to the node
|
||||
* immediately before the bottommost ruby element on the stack of open elements.
|
||||
*/
|
||||
if ($this->elementInScope('ruby')) {
|
||||
$this->generateImpliedEndTags();
|
||||
}
|
||||
$peek = false;
|
||||
do {
|
||||
if ($peek) {
|
||||
// parse error
|
||||
}
|
||||
$peek = array_pop($this->stack);
|
||||
} while ($peek->tagName !== 'ruby');
|
||||
$this->stack[] = $peek; // we popped one too many
|
||||
$this->insertElement($token);
|
||||
break;
|
||||
|
||||
// spec diversion
|
||||
|
||||
case 'math':
|
||||
$this->reconstructActiveFormattingElements();
|
||||
$token = $this->adjustMathMLAttributes($token);
|
||||
$token = $this->adjustForeignAttributes($token);
|
||||
$this->insertForeignElement($token, self::NS_MATHML);
|
||||
if (isset($token['self-closing'])) {
|
||||
// XERROR: acknowledge the token's self-closing flag
|
||||
array_pop($this->stack);
|
||||
}
|
||||
if ($this->mode !== self::IN_FOREIGN_CONTENT) {
|
||||
$this->secondary_mode = $this->mode;
|
||||
$this->mode = self::IN_FOREIGN_CONTENT;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'svg':
|
||||
$this->reconstructActiveFormattingElements();
|
||||
$token = $this->adjustSVGAttributes($token);
|
||||
$token = $this->adjustForeignAttributes($token);
|
||||
$this->insertForeignElement($token, self::NS_SVG);
|
||||
if (isset($token['self-closing'])) {
|
||||
// XERROR: acknowledge the token's self-closing flag
|
||||
array_pop($this->stack);
|
||||
}
|
||||
if ($this->mode !== self::IN_FOREIGN_CONTENT) {
|
||||
$this->secondary_mode = $this->mode;
|
||||
$this->mode = self::IN_FOREIGN_CONTENT;
|
||||
}
|
||||
break;
|
||||
|
||||
case 'caption': case 'col': case 'colgroup': case 'frame': case 'head':
|
||||
case 'tbody': case 'td': case 'tfoot': case 'th': case 'thead': case 'tr':
|
||||
// parse error
|
||||
break;
|
||||
|
||||
/* A start tag token not covered by the previous entries */
|
||||
default:
|
||||
/* Reconstruct the active formatting elements, if any. */
|
||||
$this->reconstructActiveFormattingElements();
|
||||
|
||||
$this->insertElement($token);
|
||||
/* This element will be a phrasing element. */
|
||||
break;
|
||||
}
|
||||
break;
|
||||
|
||||
case HTML5_Tokenizer::ENDTAG:
|
||||
switch($token['name']) {
|
||||
/* An end tag with the tag name "body" */
|
||||
case 'body':
|
||||
/* If the second element in the stack of open elements is
|
||||
not a body element, this is a parse error. Ignore the token.
|
||||
(innerHTML case) */
|
||||
if(count($this->stack) < 2 || $this->stack[1]->tagName !== 'body') {
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise, if there is a node in the stack of open
|
||||
* elements that is not either a dd element, a dt
|
||||
* element, an li element, an optgroup element, an
|
||||
* option element, a p element, an rp element, an rt
|
||||
* element, a tbody element, a td element, a tfoot
|
||||
* element, a th element, a thead element, a tr element,
|
||||
* the body element, or the html element, then this is a
|
||||
* parse error. */
|
||||
} else {
|
||||
// XERROR: implement this check for parse error
|
||||
}
|
||||
|
||||
/* Change the insertion mode to "after body". */
|
||||
$this->mode = self::AFTER_BODY;
|
||||
break;
|
||||
|
||||
/* An end tag with the tag name "html" */
|
||||
case 'html':
|
||||
/* Act as if an end tag with tag name "body" had been seen,
|
||||
then, if that token wasn't ignored, reprocess the current
|
||||
token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'body',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
if (!$this->ignored) $this->emitToken($token);
|
||||
break;
|
||||
|
||||
case 'address': case 'article': case 'aside': case 'blockquote':
|
||||
case 'center': case 'datagrid': case 'details': case 'dir':
|
||||
case 'div': case 'dl': case 'fieldset': case 'figure': case 'footer':
|
||||
case 'header': case 'hgroup': case 'listing': case 'menu':
|
||||
case 'nav': case 'ol': case 'pre': case 'section': case 'ul':
|
||||
/* If the stack of open elements has an element in scope
|
||||
with the same tag name as that of the token, then generate
|
||||
implied end tags. */
|
||||
if($this->elementInScope($token['name'])) {
|
||||
$this->generateImpliedEndTags();
|
||||
|
||||
/* Now, if the current node is not an element with
|
||||
the same tag name as that of the token, then this
|
||||
is a parse error. */
|
||||
// XERROR: implement parse error logic
|
||||
|
||||
/* If the stack of open elements has an element in
|
||||
scope with the same tag name as that of the token,
|
||||
then pop elements from this stack until an element
|
||||
with that tag name has been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== $token['name']);
|
||||
} else {
|
||||
// parse error
|
||||
}
|
||||
break;
|
||||
|
||||
/* An end tag whose tag name is "form" */
|
||||
case 'form':
|
||||
/* Let node be the element that the form element pointer is set to. */
|
||||
$node = $this->form_pointer;
|
||||
/* Set the form element pointer to null. */
|
||||
$this->form_pointer = null;
|
||||
/* If node is null or the stack of open elements does not
|
||||
* have node in scope, then this is a parse error; ignore the token. */
|
||||
if ($node === null || !in_array($node, $this->stack)) {
|
||||
// parse error
|
||||
$this->ignored = true;
|
||||
} else {
|
||||
/* 1. Generate implied end tags. */
|
||||
$this->generateImpliedEndTags();
|
||||
/* 2. If the current node is not node, then this is a parse error. */
|
||||
if (end($this->stack) !== $node) {
|
||||
// parse error
|
||||
}
|
||||
/* 3. Remove node from the stack of open elements. */
|
||||
array_splice($this->stack, array_search($node, $this->stack, true), 1);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
/* An end tag whose tag name is "p" */
|
||||
case 'p':
|
||||
/* If the stack of open elements has a p element in scope,
|
||||
then generate implied end tags, except for p elements. */
|
||||
if($this->elementInScope('p')) {
|
||||
/* Generate implied end tags, except for elements with
|
||||
* the same tag name as the token. */
|
||||
$this->generateImpliedEndTags(array('p'));
|
||||
|
||||
/* If the current node is not a p element, then this is
|
||||
a parse error. */
|
||||
// XERROR: implement
|
||||
|
||||
/* Pop elements from the stack of open elements until
|
||||
* an element with the same tag name as the token has
|
||||
* been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== 'p');
|
||||
|
||||
} else {
|
||||
// parse error
|
||||
$this->emitToken(array(
|
||||
'name' => 'p',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
));
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
/* An end tag whose tag name is "dd", "dt", or "li" */
|
||||
case 'dd': case 'dt': case 'li':
|
||||
if($this->elementInScope($token['name'])) {
|
||||
$this->generateImpliedEndTags(array($token['name']));
|
||||
|
||||
/* If the current node is not an element with the same
|
||||
tag name as the token, then this is a parse error. */
|
||||
// XERROR: implement parse error
|
||||
|
||||
/* Pop elements from the stack of open elements until
|
||||
* an element with the same tag name as the token has
|
||||
* been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== $token['name']);
|
||||
|
||||
} else {
|
||||
// parse error
|
||||
}
|
||||
break;
|
||||
|
||||
/* An end tag whose tag name is one of: "h1", "h2", "h3", "h4",
|
||||
"h5", "h6" */
|
||||
case 'h1': case 'h2': case 'h3': case 'h4': case 'h5': case 'h6':
|
||||
$elements = array('h1', 'h2', 'h3', 'h4', 'h5', 'h6');
|
||||
|
||||
/* If the stack of open elements has in scope an element whose
|
||||
tag name is one of "h1", "h2", "h3", "h4", "h5", or "h6", then
|
||||
generate implied end tags. */
|
||||
if($this->elementInScope($elements)) {
|
||||
$this->generateImpliedEndTags();
|
||||
|
||||
/* Now, if the current node is not an element with the same
|
||||
tag name as that of the token, then this is a parse error. */
|
||||
// XERROR: implement parse error
|
||||
|
||||
/* If the stack of open elements has in scope an element
|
||||
whose tag name is one of "h1", "h2", "h3", "h4", "h5", or
|
||||
"h6", then pop elements from the stack until an element
|
||||
with one of those tag names has been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while (!in_array($node->tagName, $elements));
|
||||
} else {
|
||||
// parse error
|
||||
}
|
||||
break;
|
||||
|
||||
/* An end tag whose tag name is one of: "a", "b", "big", "em",
|
||||
"font", "i", "nobr", "s", "small", "strike", "strong", "tt", "u" */
|
||||
case 'a': case 'b': case 'big': case 'code': case 'em': case 'font':
|
||||
case 'i': case 'nobr': case 's': case 'small': case 'strike':
|
||||
case 'strong': case 'tt': case 'u':
|
||||
// XERROR: generally speaking this needs parse error logic
|
||||
/* 1. Let the formatting element be the last element in
|
||||
the list of active formatting elements that:
|
||||
* is between the end of the list and the last scope
|
||||
marker in the list, if any, or the start of the list
|
||||
otherwise, and
|
||||
* has the same tag name as the token.
|
||||
*/
|
||||
while(true) {
|
||||
for($a = count($this->a_formatting) - 1; $a >= 0; $a--) {
|
||||
if($this->a_formatting[$a] === self::MARKER) {
|
||||
break;
|
||||
|
||||
} elseif($this->a_formatting[$a]->tagName === $token['name']) {
|
||||
$formatting_element = $this->a_formatting[$a];
|
||||
$in_stack = in_array($formatting_element, $this->stack, true);
|
||||
$fe_af_pos = $a;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* If there is no such node, or, if that node is
|
||||
also in the stack of open elements but the element
|
||||
is not in scope, then this is a parse error. Abort
|
||||
these steps. The token is ignored. */
|
||||
if(!isset($formatting_element) || ($in_stack &&
|
||||
!$this->elementInScope($token['name']))) {
|
||||
$this->ignored = true;
|
||||
break;
|
||||
|
||||
/* Otherwise, if there is such a node, but that node
|
||||
is not in the stack of open elements, then this is a
|
||||
parse error; remove the element from the list, and
|
||||
abort these steps. */
|
||||
} elseif(isset($formatting_element) && !$in_stack) {
|
||||
unset($this->a_formatting[$fe_af_pos]);
|
||||
$this->a_formatting = array_merge($this->a_formatting);
|
||||
break;
|
||||
}
|
||||
|
||||
/* Otherwise, there is a formatting element and that
|
||||
* element is in the stack and is in scope. If the
|
||||
* element is not the current node, this is a parse
|
||||
* error. In any case, proceed with the algorithm as
|
||||
* written in the following steps. */
|
||||
// XERROR: implement me
|
||||
|
||||
/* 2. Let the furthest block be the topmost node in the
|
||||
stack of open elements that is lower in the stack
|
||||
than the formatting element, and is not an element in
|
||||
the phrasing or formatting categories. There might
|
||||
not be one. */
|
||||
$fe_s_pos = array_search($formatting_element, $this->stack, true);
|
||||
$length = count($this->stack);
|
||||
|
||||
for($s = $fe_s_pos + 1; $s < $length; $s++) {
|
||||
$category = $this->getElementCategory($this->stack[$s]);
|
||||
|
||||
if($category !== self::PHRASING && $category !== self::FORMATTING) {
|
||||
$furthest_block = $this->stack[$s];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* 3. If there is no furthest block, then the UA must
|
||||
skip the subsequent steps and instead just pop all
|
||||
the nodes from the bottom of the stack of open
|
||||
elements, from the current node up to the formatting
|
||||
element, and remove the formatting element from the
|
||||
list of active formatting elements. */
|
||||
if(!isset($furthest_block)) {
|
||||
for($n = $length - 1; $n >= $fe_s_pos; $n--) {
|
||||
array_pop($this->stack);
|
||||
}
|
||||
|
||||
unset($this->a_formatting[$fe_af_pos]);
|
||||
$this->a_formatting = array_merge($this->a_formatting);
|
||||
break;
|
||||
}
|
||||
|
||||
/* 4. Let the common ancestor be the element
|
||||
immediately above the formatting element in the stack
|
||||
of open elements. */
|
||||
$common_ancestor = $this->stack[$fe_s_pos - 1];
|
||||
|
||||
/* 5. Let a bookmark note the position of the
|
||||
formatting element in the list of active formatting
|
||||
elements relative to the elements on either side
|
||||
of it in the list. */
|
||||
$bookmark = $fe_af_pos;
|
||||
|
||||
/* 6. Let node and last node be the furthest block.
|
||||
Follow these steps: */
|
||||
$node = $furthest_block;
|
||||
$last_node = $furthest_block;
|
||||
|
||||
while(true) {
|
||||
for($n = array_search($node, $this->stack, true) - 1; $n >= 0; $n--) {
|
||||
/* 6.1 Let node be the element immediately
|
||||
prior to node in the stack of open elements. */
|
||||
$node = $this->stack[$n];
|
||||
|
||||
/* 6.2 If node is not in the list of active
|
||||
formatting elements, then remove node from
|
||||
the stack of open elements and then go back
|
||||
to step 1. */
|
||||
if(!in_array($node, $this->a_formatting, true)) {
|
||||
array_splice($this->stack, $n, 1);
|
||||
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* 6.3 Otherwise, if node is the formatting
|
||||
element, then go to the next step in the overall
|
||||
algorithm. */
|
||||
if($node === $formatting_element) {
|
||||
break;
|
||||
|
||||
/* 6.4 Otherwise, if last node is the furthest
|
||||
block, then move the aforementioned bookmark to
|
||||
be immediately after the node in the list of
|
||||
active formatting elements. */
|
||||
} elseif($last_node === $furthest_block) {
|
||||
$bookmark = array_search($node, $this->a_formatting, true) + 1;
|
||||
}
|
||||
|
||||
/* 6.5 Create an element for the token for which
|
||||
* the element node was created, replace the entry
|
||||
* for node in the list of active formatting
|
||||
* elements with an entry for the new element,
|
||||
* replace the entry for node in the stack of open
|
||||
* elements with an entry for the new element, and
|
||||
* let node be the new element. */
|
||||
// we don't know what the token is anymore
|
||||
$clone = $node->cloneNode();
|
||||
$a_pos = array_search($node, $this->a_formatting, true);
|
||||
$s_pos = array_search($node, $this->stack, true);
|
||||
$this->a_formatting[$a_pos] = $clone;
|
||||
$this->stack[$s_pos] = $clone;
|
||||
$node = $clone;
|
||||
|
||||
/* 6.6 Insert last node into node, first removing
|
||||
it from its previous parent node if any. */
|
||||
if($last_node->parentNode !== null) {
|
||||
$last_node->parentNode->removeChild($last_node);
|
||||
}
|
||||
|
||||
$node->appendChild($last_node);
|
||||
|
||||
/* 6.7 Let last node be node. */
|
||||
$last_node = $node;
|
||||
|
||||
/* 6.8 Return to step 1 of this inner set of steps. */
|
||||
}
|
||||
|
||||
/* 7. If the common ancestor node is a table, tbody,
|
||||
* tfoot, thead, or tr element, then, foster parent
|
||||
* whatever last node ended up being in the previous
|
||||
* step, first removing it from its previous parent
|
||||
* node if any. */
|
||||
if ($last_node->parentNode) { // common step
|
||||
$last_node->parentNode->removeChild($last_node);
|
||||
}
|
||||
if (in_array($common_ancestor->tagName, array('table', 'tbody', 'tfoot', 'thead', 'tr'))) {
|
||||
$this->fosterParent($last_node);
|
||||
/* Otherwise, append whatever last node ended up being
|
||||
* in the previous step to the common ancestor node,
|
||||
* first removing it from its previous parent node if
|
||||
* any. */
|
||||
} else {
|
||||
$common_ancestor->appendChild($last_node);
|
||||
}
|
||||
|
||||
/* 8. Create an element for the token for which the
|
||||
* formatting element was created. */
|
||||
$clone = $formatting_element->cloneNode();
|
||||
|
||||
/* 9. Take all of the child nodes of the furthest
|
||||
block and append them to the element created in the
|
||||
last step. */
|
||||
while($furthest_block->hasChildNodes()) {
|
||||
$child = $furthest_block->firstChild;
|
||||
$furthest_block->removeChild($child);
|
||||
$clone->appendChild($child);
|
||||
}
|
||||
|
||||
/* 10. Append that clone to the furthest block. */
|
||||
$furthest_block->appendChild($clone);
|
||||
|
||||
/* 11. Remove the formatting element from the list
|
||||
of active formatting elements, and insert the new element
|
||||
into the list of active formatting elements at the
|
||||
position of the aforementioned bookmark. */
|
||||
$fe_af_pos = array_search($formatting_element, $this->a_formatting, true);
|
||||
array_splice($this->a_formatting, $fe_af_pos, 1);
|
||||
|
||||
$af_part1 = array_slice($this->a_formatting, 0, $bookmark - 1);
|
||||
$af_part2 = array_slice($this->a_formatting, $bookmark);
|
||||
$this->a_formatting = array_merge($af_part1, array($clone), $af_part2);
|
||||
|
||||
/* 12. Remove the formatting element from the stack
|
||||
of open elements, and insert the new element into the stack
|
||||
of open elements immediately below the position of the
|
||||
furthest block in that stack. */
|
||||
$fe_s_pos = array_search($formatting_element, $this->stack, true);
|
||||
array_splice($this->stack, $fe_s_pos, 1);
|
||||
|
||||
$fb_s_pos = array_search($furthest_block, $this->stack, true);
|
||||
$s_part1 = array_slice($this->stack, 0, $fb_s_pos + 1);
|
||||
$s_part2 = array_slice($this->stack, $fb_s_pos + 1);
|
||||
$this->stack = array_merge($s_part1, array($clone), $s_part2);
|
||||
|
||||
/* 13. Jump back to step 1 in this series of steps. */
|
||||
unset($formatting_element, $fe_af_pos, $fe_s_pos, $furthest_block);
|
||||
}
|
||||
break;
|
||||
|
||||
case 'applet': case 'button': case 'marquee': case 'object':
|
||||
/* If the stack of open elements has an element in scope whose
|
||||
tag name matches the tag name of the token, then generate implied
|
||||
tags. */
|
||||
if($this->elementInScope($token['name'])) {
|
||||
$this->generateImpliedEndTags();
|
||||
|
||||
/* Now, if the current node is not an element with the same
|
||||
tag name as the token, then this is a parse error. */
|
||||
// XERROR: implement logic
|
||||
|
||||
/* Pop elements from the stack of open elements until
|
||||
* an element with the same tag name as the token has
|
||||
* been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== $token['name']);
|
||||
|
||||
/* Clear the list of active formatting elements up to the
|
||||
* last marker. */
|
||||
$keys = array_keys($this->a_formatting, self::MARKER, true);
|
||||
$marker = end($keys);
|
||||
|
||||
for($n = count($this->a_formatting) - 1; $n > $marker; $n--) {
|
||||
array_pop($this->a_formatting);
|
||||
}
|
||||
} else {
|
||||
// parse error
|
||||
}
|
||||
break;
|
||||
|
||||
case 'br':
|
||||
// Parse error
|
||||
$this->emitToken(array(
|
||||
'name' => 'br',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
));
|
||||
break;
|
||||
|
||||
/* An end tag token not covered by the previous entries */
|
||||
default:
|
||||
for($n = count($this->stack) - 1; $n >= 0; $n--) {
|
||||
/* Initialise node to be the current node (the bottommost
|
||||
node of the stack). */
|
||||
$node = $this->stack[$n];
|
||||
|
||||
/* If node has the same tag name as the end tag token,
|
||||
then: */
|
||||
if($token['name'] === $node->tagName) {
|
||||
/* Generate implied end tags. */
|
||||
$this->generateImpliedEndTags();
|
||||
|
||||
/* If the tag name of the end tag token does not
|
||||
match the tag name of the current node, this is a
|
||||
parse error. */
|
||||
// XERROR: implement this
|
||||
|
||||
/* Pop all the nodes from the current node up to
|
||||
node, including node, then stop these steps. */
|
||||
// XSKETCHY
|
||||
do {
|
||||
$pop = array_pop($this->stack);
|
||||
} while ($pop !== $node);
|
||||
break;
|
||||
|
||||
} else {
|
||||
$category = $this->getElementCategory($node);
|
||||
|
||||
if($category !== self::FORMATTING && $category !== self::PHRASING) {
|
||||
/* Otherwise, if node is in neither the formatting
|
||||
category nor the phrasing category, then this is a
|
||||
parse error. Stop this algorithm. The end tag token
|
||||
is ignored. */
|
||||
$this->ignored = true;
|
||||
break;
|
||||
// parse error
|
||||
}
|
||||
}
|
||||
/* Set node to the previous entry in the stack of open elements. Loop. */
|
||||
}
|
||||
break;
|
||||
}
|
||||
break;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_CDATA_RCDATA:
|
||||
if (
|
||||
$token['type'] === HTML5_Tokenizer::CHARACTER ||
|
||||
$token['type'] === HTML5_Tokenizer::SPACECHARACTER
|
||||
) {
|
||||
$this->insertText($token['data']);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
// parse error
|
||||
/* If the current node is a script element, mark the script
|
||||
* element as "already executed". */
|
||||
// probably not necessary
|
||||
array_pop($this->stack);
|
||||
$this->mode = $this->original_mode;
|
||||
$this->emitToken($token);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'script') {
|
||||
array_pop($this->stack);
|
||||
$this->mode = $this->original_mode;
|
||||
// we're ignoring all of the execution stuff
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::ENDTAG) {
|
||||
array_pop($this->stack);
|
||||
$this->mode = $this->original_mode;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_TABLE:
|
||||
$clear = array('html', 'table');
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER &&
|
||||
/* If the current table is tainted, then act as described in
|
||||
* the "anything else" entry below. */
|
||||
// Note: hsivonen has a test that fails due to this line
|
||||
// because he wants to convince Hixie not to do taint
|
||||
!$this->currentTableIsTainted()) {
|
||||
/* Append the character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
/* A start tag whose tag name is "caption" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'caption') {
|
||||
/* Clear the stack back to a table context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Insert a marker at the end of the list of active
|
||||
formatting elements. */
|
||||
$this->a_formatting[] = self::MARKER;
|
||||
|
||||
/* Insert an HTML element for the token, then switch the
|
||||
insertion mode to "in caption". */
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_CAPTION;
|
||||
|
||||
/* A start tag whose tag name is "colgroup" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'colgroup') {
|
||||
/* Clear the stack back to a table context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Insert an HTML element for the token, then switch the
|
||||
insertion mode to "in column group". */
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_COLUMN_GROUP;
|
||||
|
||||
/* A start tag whose tag name is "col" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'col') {
|
||||
$this->emitToken(array(
|
||||
'name' => 'colgroup',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
|
||||
/* A start tag whose tag name is one of: "tbody", "tfoot", "thead" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('tbody', 'tfoot', 'thead'))) {
|
||||
/* Clear the stack back to a table context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Insert an HTML element for the token, then switch the insertion
|
||||
mode to "in table body". */
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_TABLE_BODY;
|
||||
|
||||
/* A start tag whose tag name is one of: "td", "th", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
in_array($token['name'], array('td', 'th', 'tr'))) {
|
||||
/* Act as if a start tag token with the tag name "tbody" had been
|
||||
seen, then reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'tbody',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
|
||||
/* A start tag whose tag name is "table" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'table') {
|
||||
/* Parse error. Act as if an end tag token with the tag name "table"
|
||||
had been seen, then, if that token wasn't ignored, reprocess the
|
||||
current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'table',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
if (!$this->ignored) $this->emitToken($token);
|
||||
|
||||
/* An end tag whose tag name is "table" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'table') {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. (fragment case) */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== 'table');
|
||||
|
||||
/* Reset the insertion mode appropriately. */
|
||||
$this->resetInsertionMode();
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is one of: "body", "caption", "col",
|
||||
"colgroup", "html", "tbody", "td", "tfoot", "th", "thead", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('body', 'caption', 'col', 'colgroup', 'html', 'tbody', 'td',
|
||||
'tfoot', 'th', 'thead', 'tr'))) {
|
||||
// Parse error. Ignore the token.
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'style' || $token['name'] === 'script')) {
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'input' &&
|
||||
// assignment is intentional
|
||||
/* If the token does not have an attribute with the name "type", or
|
||||
* if it does, but that attribute's value is not an ASCII
|
||||
* case-insensitive match for the string "hidden", then: act as
|
||||
* described in the "anything else" entry below. */
|
||||
($type = $this->getAttr($token, 'type')) && strtolower($type) === 'hidden') {
|
||||
// I.e., if its an input with the type attribute == 'hidden'
|
||||
/* Otherwise */
|
||||
// parse error
|
||||
$this->insertElement($token);
|
||||
array_pop($this->stack);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
/* If the current node is not the root html element, then this is a parse error. */
|
||||
if (end($this->stack)->tagName !== 'html') {
|
||||
// Note: It can only be the current node in the fragment case.
|
||||
// parse error
|
||||
}
|
||||
/* Stop parsing. */
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Parse error. Process the token as if the insertion mode was "in
|
||||
body", with the following exception: */
|
||||
|
||||
$old = $this->foster_parent;
|
||||
$this->foster_parent = true;
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
$this->foster_parent = $old;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_CAPTION:
|
||||
/* An end tag whose tag name is "caption" */
|
||||
if($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'caption') {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. (fragment case) */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
$this->ignored = true;
|
||||
// Ignore
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Generate implied end tags. */
|
||||
$this->generateImpliedEndTags();
|
||||
|
||||
/* Now, if the current node is not a caption element, then this
|
||||
is a parse error. */
|
||||
// XERROR: implement
|
||||
|
||||
/* Pop elements from this stack until a caption element has
|
||||
been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== 'caption');
|
||||
|
||||
/* Clear the list of active formatting elements up to the last
|
||||
marker. */
|
||||
$this->clearTheActiveFormattingElementsUpToTheLastMarker();
|
||||
|
||||
/* Switch the insertion mode to "in table". */
|
||||
$this->mode = self::IN_TABLE;
|
||||
}
|
||||
|
||||
/* A start tag whose tag name is one of: "caption", "col", "colgroup",
|
||||
"tbody", "td", "tfoot", "th", "thead", "tr", or an end tag whose tag
|
||||
name is "table" */
|
||||
} elseif(($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('caption', 'col', 'colgroup', 'tbody', 'td', 'tfoot', 'th',
|
||||
'thead', 'tr'))) || ($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'table')) {
|
||||
/* Parse error. Act as if an end tag with the tag name "caption"
|
||||
had been seen, then, if that token wasn't ignored, reprocess the
|
||||
current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'caption',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
if (!$this->ignored) $this->emitToken($token);
|
||||
|
||||
/* An end tag whose tag name is one of: "body", "col", "colgroup",
|
||||
"html", "tbody", "td", "tfoot", "th", "thead", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('body', 'col', 'colgroup', 'html', 'tbody', 'tfoot', 'th',
|
||||
'thead', 'tr'))) {
|
||||
// Parse error. Ignore the token.
|
||||
$this->ignored = true;
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Process the token as if the insertion mode was "in body". */
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_COLUMN_GROUP:
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Append the character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertToken($token['data']);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* A start tag whose tag name is "col" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'col') {
|
||||
/* Insert a col element for the token. Immediately pop the current
|
||||
node off the stack of open elements. */
|
||||
$this->insertElement($token);
|
||||
array_pop($this->stack);
|
||||
// XERROR: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
/* An end tag whose tag name is "colgroup" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'colgroup') {
|
||||
/* If the current node is the root html element, then this is a
|
||||
parse error, ignore the token. (fragment case) */
|
||||
if(end($this->stack)->tagName === 'html') {
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise, pop the current node (which will be a colgroup
|
||||
element) from the stack of open elements. Switch the insertion
|
||||
mode to "in table". */
|
||||
} else {
|
||||
array_pop($this->stack);
|
||||
$this->mode = self::IN_TABLE;
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is "col" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'col') {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* An end-of-file token */
|
||||
/* If the current node is the root html element */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF && end($this->stack)->tagName === 'html') {
|
||||
/* Stop parsing */
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Act as if an end tag with the tag name "colgroup" had been seen,
|
||||
and then, if that token wasn't ignored, reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'colgroup',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
if (!$this->ignored) $this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_TABLE_BODY:
|
||||
$clear = array('tbody', 'tfoot', 'thead', 'html');
|
||||
|
||||
/* A start tag whose tag name is "tr" */
|
||||
if($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'tr') {
|
||||
/* Clear the stack back to a table body context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Insert a tr element for the token, then switch the insertion
|
||||
mode to "in row". */
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_ROW;
|
||||
|
||||
/* A start tag whose tag name is one of: "th", "td" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'th' || $token['name'] === 'td')) {
|
||||
/* Parse error. Act as if a start tag with the tag name "tr" had
|
||||
been seen, then reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'tr',
|
||||
'type' => HTML5_Tokenizer::STARTTAG,
|
||||
'attr' => array()
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
|
||||
/* An end tag whose tag name is one of: "tbody", "tfoot", "thead" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
in_array($token['name'], array('tbody', 'tfoot', 'thead'))) {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
// Parse error
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Clear the stack back to a table body context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Pop the current node from the stack of open elements. Switch
|
||||
the insertion mode to "in table". */
|
||||
array_pop($this->stack);
|
||||
$this->mode = self::IN_TABLE;
|
||||
}
|
||||
|
||||
/* A start tag whose tag name is one of: "caption", "col", "colgroup",
|
||||
"tbody", "tfoot", "thead", or an end tag whose tag name is "table" */
|
||||
} elseif(($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('caption', 'col', 'colgroup', 'tbody', 'tfoot', 'thead'))) ||
|
||||
($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'table')) {
|
||||
/* If the stack of open elements does not have a tbody, thead, or
|
||||
tfoot element in table scope, this is a parse error. Ignore the
|
||||
token. (fragment case) */
|
||||
if(!$this->elementInScope(array('tbody', 'thead', 'tfoot'), true)) {
|
||||
// parse error
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Clear the stack back to a table body context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Act as if an end tag with the same tag name as the current
|
||||
node ("tbody", "tfoot", or "thead") had been seen, then
|
||||
reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => end($this->stack)->tagName,
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is one of: "body", "caption", "col",
|
||||
"colgroup", "html", "td", "th", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('body', 'caption', 'col', 'colgroup', 'html', 'td', 'th', 'tr'))) {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Process the token as if the insertion mode was "in table". */
|
||||
$this->processWithRulesFor($token, self::IN_TABLE);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_ROW:
|
||||
$clear = array('tr', 'html');
|
||||
|
||||
/* A start tag whose tag name is one of: "th", "td" */
|
||||
if($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'th' || $token['name'] === 'td')) {
|
||||
/* Clear the stack back to a table row context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Insert an HTML element for the token, then switch the insertion
|
||||
mode to "in cell". */
|
||||
$this->insertElement($token);
|
||||
$this->mode = self::IN_CELL;
|
||||
|
||||
/* Insert a marker at the end of the list of active formatting
|
||||
elements. */
|
||||
$this->a_formatting[] = self::MARKER;
|
||||
|
||||
/* An end tag whose tag name is "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'tr') {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. (fragment case) */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
// Ignore.
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Clear the stack back to a table row context. */
|
||||
$this->clearStackToTableContext($clear);
|
||||
|
||||
/* Pop the current node (which will be a tr element) from the
|
||||
stack of open elements. Switch the insertion mode to "in table
|
||||
body". */
|
||||
array_pop($this->stack);
|
||||
$this->mode = self::IN_TABLE_BODY;
|
||||
}
|
||||
|
||||
/* A start tag whose tag name is one of: "caption", "col", "colgroup",
|
||||
"tbody", "tfoot", "thead", "tr" or an end tag whose tag name is "table" */
|
||||
} elseif(($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('caption', 'col', 'colgroup', 'tbody', 'tfoot', 'thead', 'tr'))) ||
|
||||
($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'table')) {
|
||||
/* Act as if an end tag with the tag name "tr" had been seen, then,
|
||||
if that token wasn't ignored, reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'tr',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
if (!$this->ignored) $this->emitToken($token);
|
||||
|
||||
/* An end tag whose tag name is one of: "tbody", "tfoot", "thead" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
in_array($token['name'], array('tbody', 'tfoot', 'thead'))) {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Otherwise, act as if an end tag with the tag name "tr" had
|
||||
been seen, then reprocess the current token. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'tr',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is one of: "body", "caption", "col",
|
||||
"colgroup", "html", "td", "th" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('body', 'caption', 'col', 'colgroup', 'html', 'td', 'th'))) {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Process the token as if the insertion mode was "in table". */
|
||||
$this->processWithRulesFor($token, self::IN_TABLE);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_CELL:
|
||||
/* An end tag whose tag name is one of: "td", "th" */
|
||||
if($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
($token['name'] === 'td' || $token['name'] === 'th')) {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as that of the token, then this is a
|
||||
parse error and the token must be ignored. */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Generate implied end tags, except for elements with the same
|
||||
tag name as the token. */
|
||||
$this->generateImpliedEndTags(array($token['name']));
|
||||
|
||||
/* Now, if the current node is not an element with the same tag
|
||||
name as the token, then this is a parse error. */
|
||||
// XERROR: Implement parse error code
|
||||
|
||||
/* Pop elements from this stack until an element with the same
|
||||
tag name as the token has been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== $token['name']);
|
||||
|
||||
/* Clear the list of active formatting elements up to the last
|
||||
marker. */
|
||||
$this->clearTheActiveFormattingElementsUpToTheLastMarker();
|
||||
|
||||
/* Switch the insertion mode to "in row". (The current node
|
||||
will be a tr element at this point.) */
|
||||
$this->mode = self::IN_ROW;
|
||||
}
|
||||
|
||||
/* A start tag whose tag name is one of: "caption", "col", "colgroup",
|
||||
"tbody", "td", "tfoot", "th", "thead", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && in_array($token['name'],
|
||||
array('caption', 'col', 'colgroup', 'tbody', 'td', 'tfoot', 'th',
|
||||
'thead', 'tr'))) {
|
||||
/* If the stack of open elements does not have a td or th element
|
||||
in table scope, then this is a parse error; ignore the token.
|
||||
(fragment case) */
|
||||
if(!$this->elementInScope(array('td', 'th'), true)) {
|
||||
// parse error
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise, close the cell (see below) and reprocess the current
|
||||
token. */
|
||||
} else {
|
||||
$this->closeCell();
|
||||
$this->emitToken($token);
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is one of: "body", "caption", "col",
|
||||
"colgroup", "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('body', 'caption', 'col', 'colgroup', 'html'))) {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
|
||||
/* An end tag whose tag name is one of: "table", "tbody", "tfoot",
|
||||
"thead", "tr" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && in_array($token['name'],
|
||||
array('table', 'tbody', 'tfoot', 'thead', 'tr'))) {
|
||||
/* If the stack of open elements does not have a td or th element
|
||||
in table scope, then this is a parse error; ignore the token.
|
||||
(innerHTML case) */
|
||||
if(!$this->elementInScope(array('td', 'th'), true)) {
|
||||
// Parse error
|
||||
$this->ignored = true;
|
||||
|
||||
/* Otherwise, close the cell (see below) and reprocess the current
|
||||
token. */
|
||||
} else {
|
||||
$this->closeCell();
|
||||
$this->emitToken($token);
|
||||
}
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Process the token as if the insertion mode was "in body". */
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_SELECT:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
/* A character token */
|
||||
if(
|
||||
$token['type'] === HTML5_Tokenizer::CHARACTER ||
|
||||
$token['type'] === HTML5_Tokenizer::SPACECHARACTER
|
||||
) {
|
||||
/* Append the token's character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::INBODY);
|
||||
|
||||
/* A start tag token whose tag name is "option" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'option') {
|
||||
/* If the current node is an option element, act as if an end tag
|
||||
with the tag name "option" had been seen. */
|
||||
if(end($this->stack)->tagName === 'option') {
|
||||
$this->emitToken(array(
|
||||
'name' => 'option',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* A start tag token whose tag name is "optgroup" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'optgroup') {
|
||||
/* If the current node is an option element, act as if an end tag
|
||||
with the tag name "option" had been seen. */
|
||||
if(end($this->stack)->tagName === 'option') {
|
||||
$this->emitToken(array(
|
||||
'name' => 'option',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* If the current node is an optgroup element, act as if an end tag
|
||||
with the tag name "optgroup" had been seen. */
|
||||
if(end($this->stack)->tagName === 'optgroup') {
|
||||
$this->emitToken(array(
|
||||
'name' => 'optgroup',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* An end tag token whose tag name is "optgroup" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'optgroup') {
|
||||
/* First, if the current node is an option element, and the node
|
||||
immediately before it in the stack of open elements is an optgroup
|
||||
element, then act as if an end tag with the tag name "option" had
|
||||
been seen. */
|
||||
$elements_in_stack = count($this->stack);
|
||||
|
||||
if($this->stack[$elements_in_stack - 1]->tagName === 'option' &&
|
||||
$this->stack[$elements_in_stack - 2]->tagName === 'optgroup') {
|
||||
$this->emitToken(array(
|
||||
'name' => 'option',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
}
|
||||
|
||||
/* If the current node is an optgroup element, then pop that node
|
||||
from the stack of open elements. Otherwise, this is a parse error,
|
||||
ignore the token. */
|
||||
if(end($this->stack)->tagName === 'optgroup') {
|
||||
array_pop($this->stack);
|
||||
} else {
|
||||
// parse error
|
||||
$this->ignored = true;
|
||||
}
|
||||
|
||||
/* An end tag token whose tag name is "option" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'option') {
|
||||
/* If the current node is an option element, then pop that node
|
||||
from the stack of open elements. Otherwise, this is a parse error,
|
||||
ignore the token. */
|
||||
if(end($this->stack)->tagName === 'option') {
|
||||
array_pop($this->stack);
|
||||
} else {
|
||||
// parse error
|
||||
$this->ignored = true;
|
||||
}
|
||||
|
||||
/* An end tag whose tag name is "select" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'select') {
|
||||
/* If the stack of open elements does not have an element in table
|
||||
scope with the same tag name as the token, this is a parse error.
|
||||
Ignore the token. (fragment case) */
|
||||
if(!$this->elementInScope($token['name'], true)) {
|
||||
$this->ignored = true;
|
||||
// parse error
|
||||
|
||||
/* Otherwise: */
|
||||
} else {
|
||||
/* Pop elements from the stack of open elements until a select
|
||||
element has been popped from the stack. */
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->tagName !== 'select');
|
||||
|
||||
/* Reset the insertion mode appropriately. */
|
||||
$this->resetInsertionMode();
|
||||
}
|
||||
|
||||
/* A start tag whose tag name is "select" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'select') {
|
||||
/* Parse error. Act as if the token had been an end tag with the
|
||||
tag name "select" instead. */
|
||||
$this->emitToken(array(
|
||||
'name' => 'select',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
($token['name'] === 'input' || $token['name'] === 'textarea')) {
|
||||
// parse error
|
||||
$this->emitToken(array(
|
||||
'name' => 'select',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
$this->emitToken($token);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'script') {
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
// XERROR: If the current node is not the root html element, then this is a parse error.
|
||||
/* Stop parsing */
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_SELECT_IN_TABLE:
|
||||
|
||||
if($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
in_array($token['name'], array('caption', 'table', 'tbody',
|
||||
'tfoot', 'thead', 'tr', 'td', 'th'))) {
|
||||
// parse error
|
||||
$this->emitToken(array(
|
||||
'name' => 'select',
|
||||
'type' => HTML5_Tokenizer::ENDTAG,
|
||||
));
|
||||
$this->emitToken($token);
|
||||
|
||||
/* An end tag whose tag name is one of: "caption", "table", "tbody",
|
||||
"tfoot", "thead", "tr", "td", "th" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
in_array($token['name'], array('caption', 'table', 'tbody', 'tfoot', 'thead', 'tr', 'td', 'th'))) {
|
||||
/* Parse error. */
|
||||
// parse error
|
||||
|
||||
/* If the stack of open elements has an element in table scope with
|
||||
the same tag name as that of the token, then act as if an end tag
|
||||
with the tag name "select" had been seen, and reprocess the token.
|
||||
Otherwise, ignore the token. */
|
||||
if($this->elementInScope($token['name'], true)) {
|
||||
$this->emitToken(array(
|
||||
'name' => 'select',
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
$this->emitToken($token);
|
||||
} else {
|
||||
$this->ignored = true;
|
||||
}
|
||||
} else {
|
||||
$this->processWithRulesFor($token, self::IN_SELECT);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_FOREIGN_CONTENT:
|
||||
if ($token['type'] === HTML5_Tokenizer::CHARACTER ||
|
||||
$token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
$this->insertText($token['data']);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
$this->insertComment($token['data']);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// XERROR: parse error
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'script' && end($this->stack)->tagName === 'script' &&
|
||||
end($this->stack)->namespaceURI === self::NS_SVG) {
|
||||
array_pop($this->stack);
|
||||
// a bunch of script running mumbo jumbo
|
||||
} elseif (
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
((
|
||||
$token['name'] !== 'mglyph' &&
|
||||
$token['name'] !== 'malignmark' &&
|
||||
end($this->stack)->namespaceURI === self::NS_MATHML &&
|
||||
in_array(end($this->stack)->tagName, array('mi', 'mo', 'mn', 'ms', 'mtext'))
|
||||
) ||
|
||||
(
|
||||
$token['name'] === 'svg' &&
|
||||
end($this->stack)->namespaceURI === self::NS_MATHML &&
|
||||
end($this->stack)->tagName === 'annotation-xml'
|
||||
) ||
|
||||
(
|
||||
end($this->stack)->namespaceURI === self::NS_SVG &&
|
||||
in_array(end($this->stack)->tagName, array('foreignObject', 'desc', 'title'))
|
||||
) ||
|
||||
(
|
||||
// XSKETCHY
|
||||
end($this->stack)->namespaceURI === self::NS_HTML
|
||||
))
|
||||
) || $token['type'] === HTML5_Tokenizer::ENDTAG
|
||||
) {
|
||||
$this->processWithRulesFor($token, $this->secondary_mode);
|
||||
/* If, after doing so, the insertion mode is still "in foreign
|
||||
* content", but there is no element in scope that has a namespace
|
||||
* other than the HTML namespace, switch the insertion mode to the
|
||||
* secondary insertion mode. */
|
||||
if ($this->mode === self::IN_FOREIGN_CONTENT) {
|
||||
$found = false;
|
||||
// this basically duplicates elementInScope()
|
||||
for ($i = count($this->stack) - 1; $i >= 0; $i--) {
|
||||
$node = $this->stack[$i];
|
||||
if ($node->namespaceURI !== self::NS_HTML) {
|
||||
$found = true;
|
||||
break;
|
||||
} elseif (in_array($node->tagName, array('table', 'html',
|
||||
'applet', 'caption', 'td', 'th', 'button', 'marquee',
|
||||
'object')) || ($node->tagName === 'foreignObject' &&
|
||||
$node->namespaceURI === self::NS_SVG)) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!$found) {
|
||||
$this->mode = $this->secondary_mode;
|
||||
}
|
||||
}
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::EOF || (
|
||||
$token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
(in_array($token['name'], array('b', "big", "blockquote", "body", "br",
|
||||
"center", "code", "dd", "div", "dl", "dt", "em", "embed", "h1", "h2",
|
||||
"h3", "h4", "h5", "h6", "head", "hr", "i", "img", "li", "listing",
|
||||
"menu", "meta", "nobr", "ol", "p", "pre", "ruby", "s", "small",
|
||||
"span", "strong", "strike", "sub", "sup", "table", "tt", "u", "ul",
|
||||
"var")) || ($token['name'] === 'font' && ($this->getAttr($token, 'color') ||
|
||||
$this->getAttr($token, 'face') || $this->getAttr($token, 'size')))))) {
|
||||
// XERROR: parse error
|
||||
do {
|
||||
$node = array_pop($this->stack);
|
||||
} while ($node->namespaceURI !== self::NS_HTML);
|
||||
$this->stack[] = $node;
|
||||
$this->mode = $this->secondary_mode;
|
||||
$this->emitToken($token);
|
||||
} elseif ($token['type'] === HTML5_Tokenizer::STARTTAG) {
|
||||
static $svg_lookup = array(
|
||||
'altglyph' => 'altGlyph',
|
||||
'altglyphdef' => 'altGlyphDef',
|
||||
'altglyphitem' => 'altGlyphItem',
|
||||
'animatecolor' => 'animateColor',
|
||||
'animatemotion' => 'animateMotion',
|
||||
'animatetransform' => 'animateTransform',
|
||||
'clippath' => 'clipPath',
|
||||
'feblend' => 'feBlend',
|
||||
'fecolormatrix' => 'feColorMatrix',
|
||||
'fecomponenttransfer' => 'feComponentTransfer',
|
||||
'fecomposite' => 'feComposite',
|
||||
'feconvolvematrix' => 'feConvolveMatrix',
|
||||
'fediffuselighting' => 'feDiffuseLighting',
|
||||
'fedisplacementmap' => 'feDisplacementMap',
|
||||
'fedistantlight' => 'feDistantLight',
|
||||
'feflood' => 'feFlood',
|
||||
'fefunca' => 'feFuncA',
|
||||
'fefuncb' => 'feFuncB',
|
||||
'fefuncg' => 'feFuncG',
|
||||
'fefuncr' => 'feFuncR',
|
||||
'fegaussianblur' => 'feGaussianBlur',
|
||||
'feimage' => 'feImage',
|
||||
'femerge' => 'feMerge',
|
||||
'femergenode' => 'feMergeNode',
|
||||
'femorphology' => 'feMorphology',
|
||||
'feoffset' => 'feOffset',
|
||||
'fepointlight' => 'fePointLight',
|
||||
'fespecularlighting' => 'feSpecularLighting',
|
||||
'fespotlight' => 'feSpotLight',
|
||||
'fetile' => 'feTile',
|
||||
'feturbulence' => 'feTurbulence',
|
||||
'foreignobject' => 'foreignObject',
|
||||
'glyphref' => 'glyphRef',
|
||||
'lineargradient' => 'linearGradient',
|
||||
'radialgradient' => 'radialGradient',
|
||||
'textpath' => 'textPath',
|
||||
);
|
||||
$current = end($this->stack);
|
||||
if ($current->namespaceURI === self::NS_MATHML) {
|
||||
$token = $this->adjustMathMLAttributes($token);
|
||||
}
|
||||
if ($current->namespaceURI === self::NS_SVG &&
|
||||
isset($svg_lookup[$token['name']])) {
|
||||
$token['name'] = $svg_lookup[$token['name']];
|
||||
}
|
||||
if ($current->namespaceURI === self::NS_SVG) {
|
||||
$token = $this->adjustSVGAttributes($token);
|
||||
}
|
||||
$token = $this->adjustForeignAttributes($token);
|
||||
$this->insertForeignElement($token, $current->namespaceURI);
|
||||
if (isset($token['self-closing'])) {
|
||||
array_pop($this->stack);
|
||||
// XERROR: acknowledge self-closing flag
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
case self::AFTER_BODY:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Process the token as it would be processed if the insertion mode
|
||||
was "in body". */
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the first element in the stack of open
|
||||
elements (the html element), with the data attribute set to the
|
||||
data given in the comment token. */
|
||||
$comment = $this->dom->createComment($token['data']);
|
||||
$this->stack[0]->appendChild($comment);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* An end tag with the tag name "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG && $token['name'] === 'html') {
|
||||
/* If the parser was originally created as part of the HTML
|
||||
* fragment parsing algorithm, this is a parse error; ignore
|
||||
* the token. (fragment case) */
|
||||
$this->ignored = true;
|
||||
// XERROR: implement this
|
||||
|
||||
$this->mode = self::AFTER_AFTER_BODY;
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
/* Stop parsing */
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Parse error. Set the insertion mode to "in body" and reprocess
|
||||
the token. */
|
||||
$this->mode = self::IN_BODY;
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::IN_FRAMESET:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
U+000D CARRIAGE RETURN (CR), or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Append the character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
/* A start tag with the tag name "frameset" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'frameset') {
|
||||
$this->insertElement($token);
|
||||
|
||||
/* An end tag with the tag name "frameset" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'frameset') {
|
||||
/* If the current node is the root html element, then this is a
|
||||
parse error; ignore the token. (fragment case) */
|
||||
if(end($this->stack)->tagName === 'html') {
|
||||
$this->ignored = true;
|
||||
// Parse error
|
||||
|
||||
} else {
|
||||
/* Otherwise, pop the current node from the stack of open
|
||||
elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
/* If the parser was not originally created as part of the HTML
|
||||
* fragment parsing algorithm (fragment case), and the current
|
||||
* node is no longer a frameset element, then switch the
|
||||
* insertion mode to "after frameset". */
|
||||
$this->mode = self::AFTER_FRAMESET;
|
||||
}
|
||||
|
||||
/* A start tag with the tag name "frame" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'frame') {
|
||||
/* Insert an HTML element for the token. */
|
||||
$this->insertElement($token);
|
||||
|
||||
/* Immediately pop the current node off the stack of open elements. */
|
||||
array_pop($this->stack);
|
||||
|
||||
// XERROR: Acknowledge the token's self-closing flag, if it is set.
|
||||
|
||||
/* A start tag with the tag name "noframes" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'noframes') {
|
||||
/* Process the token using the rules for the "in head" insertion mode. */
|
||||
$this->processwithRulesFor($token, self::IN_HEAD);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
// XERROR: If the current node is not the root html element, then this is a parse error.
|
||||
/* Stop parsing */
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::AFTER_FRAMESET:
|
||||
/* Handle the token as follows: */
|
||||
|
||||
/* A character token that is one of one of U+0009 CHARACTER TABULATION,
|
||||
U+000A LINE FEED (LF), U+000B LINE TABULATION, U+000C FORM FEED (FF),
|
||||
U+000D CARRIAGE RETURN (CR), or U+0020 SPACE */
|
||||
if($token['type'] === HTML5_Tokenizer::SPACECHARACTER) {
|
||||
/* Append the character to the current node. */
|
||||
$this->insertText($token['data']);
|
||||
|
||||
/* A comment token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the current node with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$this->insertComment($token['data']);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE) {
|
||||
// parse error
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html') {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* An end tag with the tag name "html" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::ENDTAG &&
|
||||
$token['name'] === 'html') {
|
||||
$this->mode = self::AFTER_AFTER_FRAMESET;
|
||||
|
||||
/* A start tag with the tag name "noframes" */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG &&
|
||||
$token['name'] === 'noframes') {
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
/* Stop parsing */
|
||||
|
||||
/* Anything else */
|
||||
} else {
|
||||
/* Parse error. Ignore the token. */
|
||||
$this->ignored = true;
|
||||
}
|
||||
break;
|
||||
|
||||
case self::AFTER_AFTER_BODY:
|
||||
/* A comment token */
|
||||
if($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the Document object with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$comment = $this->dom->createComment($token['data']);
|
||||
$this->dom->appendChild($comment);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE ||
|
||||
$token['type'] === HTML5_Tokenizer::SPACECHARACTER ||
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html')) {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* An end-of-file token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
/* OMG DONE!! */
|
||||
} else {
|
||||
// parse error
|
||||
$this->mode = self::IN_BODY;
|
||||
$this->emitToken($token);
|
||||
}
|
||||
break;
|
||||
|
||||
case self::AFTER_AFTER_FRAMESET:
|
||||
/* A comment token */
|
||||
if($token['type'] === HTML5_Tokenizer::COMMENT) {
|
||||
/* Append a Comment node to the Document object with the data
|
||||
attribute set to the data given in the comment token. */
|
||||
$comment = $this->dom->createComment($token['data']);
|
||||
$this->dom->appendChild($comment);
|
||||
|
||||
} elseif($token['type'] === HTML5_Tokenizer::DOCTYPE ||
|
||||
$token['type'] === HTML5_Tokenizer::SPACECHARACTER ||
|
||||
($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'html')) {
|
||||
$this->processWithRulesFor($token, self::IN_BODY);
|
||||
|
||||
/* An end-of-file token */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::EOF) {
|
||||
/* OMG DONE!! */
|
||||
} elseif($token['type'] === HTML5_Tokenizer::STARTTAG && $token['name'] === 'nofrmaes') {
|
||||
$this->processWithRulesFor($token, self::IN_HEAD);
|
||||
} else {
|
||||
// parse error
|
||||
}
|
||||
break;
|
||||
}
|
||||
// end funky indenting
|
||||
}
|
||||
|
||||
private function insertElement($token, $append = true) {
|
||||
$el = $this->dom->createElementNS(self::NS_HTML, $token['name']);
|
||||
|
||||
if (!empty($token['attr'])) {
|
||||
foreach($token['attr'] as $attr) {
|
||||
if(!$el->hasAttribute($attr['name'])) {
|
||||
$el->setAttribute($attr['name'], $attr['value']);
|
||||
}
|
||||
}
|
||||
}
|
||||
if ($append) {
|
||||
$this->appendToRealParent($el);
|
||||
$this->stack[] = $el;
|
||||
}
|
||||
|
||||
return $el;
|
||||
}
|
||||
|
||||
private function insertText($data) {
|
||||
if ($data === '') return;
|
||||
if ($this->ignore_lf_token) {
|
||||
if ($data[0] === "\n") {
|
||||
$data = substr($data, 1);
|
||||
if ($data === false) return;
|
||||
}
|
||||
}
|
||||
$text = $this->dom->createTextNode($data);
|
||||
$this->appendToRealParent($text);
|
||||
}
|
||||
|
||||
private function insertComment($data) {
|
||||
$comment = $this->dom->createComment($data);
|
||||
$this->appendToRealParent($comment);
|
||||
}
|
||||
|
||||
private function appendToRealParent($node) {
|
||||
// this is only for the foster_parent case
|
||||
/* If the current node is a table, tbody, tfoot, thead, or tr
|
||||
element, then, whenever a node would be inserted into the current
|
||||
node, it must instead be inserted into the foster parent element. */
|
||||
if(!$this->foster_parent || !in_array(end($this->stack)->tagName,
|
||||
array('table', 'tbody', 'tfoot', 'thead', 'tr'))) {
|
||||
end($this->stack)->appendChild($node);
|
||||
} else {
|
||||
$this->fosterParent($node);
|
||||
}
|
||||
}
|
||||
|
||||
private function elementInScope($el, $table = false) {
|
||||
if(is_array($el)) {
|
||||
foreach($el as $element) {
|
||||
if($this->elementInScope($element, $table)) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
$leng = count($this->stack);
|
||||
|
||||
for($n = 0; $n < $leng; $n++) {
|
||||
/* 1. Initialise node to be the current node (the bottommost node of
|
||||
the stack). */
|
||||
$node = $this->stack[$leng - 1 - $n];
|
||||
|
||||
if($node->tagName === $el) {
|
||||
/* 2. If node is the target node, terminate in a match state. */
|
||||
return true;
|
||||
|
||||
// these are the common states for "in scope" and "in table scope"
|
||||
} elseif($node->tagName === 'table' || $node->tagName === 'html') {
|
||||
return false;
|
||||
|
||||
// these are only valid for "in scope"
|
||||
} elseif(!$table &&
|
||||
(in_array($node->tagName, array('applet', 'caption', 'td',
|
||||
'th', 'button', 'marquee', 'object')) ||
|
||||
$node->tagName === 'foreignObject' && $node->namespaceURI === self::NS_SVG)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
/* Otherwise, set node to the previous entry in the stack of open
|
||||
elements and return to step 2. (This will never fail, since the loop
|
||||
will always terminate in the previous step if the top of the stack
|
||||
is reached.) */
|
||||
}
|
||||
}
|
||||
|
||||
private function reconstructActiveFormattingElements() {
|
||||
/* 1. If there are no entries in the list of active formatting elements,
|
||||
then there is nothing to reconstruct; stop this algorithm. */
|
||||
$formatting_elements = count($this->a_formatting);
|
||||
|
||||
if($formatting_elements === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
/* 3. Let entry be the last (most recently added) element in the list
|
||||
of active formatting elements. */
|
||||
$entry = end($this->a_formatting);
|
||||
|
||||
/* 2. If the last (most recently added) entry in the list of active
|
||||
formatting elements is a marker, or if it is an element that is in the
|
||||
stack of open elements, then there is nothing to reconstruct; stop this
|
||||
algorithm. */
|
||||
if($entry === self::MARKER || in_array($entry, $this->stack, true)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
for($a = $formatting_elements - 1; $a >= 0; true) {
|
||||
/* 4. If there are no entries before entry in the list of active
|
||||
formatting elements, then jump to step 8. */
|
||||
if($a === 0) {
|
||||
$step_seven = false;
|
||||
break;
|
||||
}
|
||||
|
||||
/* 5. Let entry be the entry one earlier than entry in the list of
|
||||
active formatting elements. */
|
||||
$a--;
|
||||
$entry = $this->a_formatting[$a];
|
||||
|
||||
/* 6. If entry is neither a marker nor an element that is also in
|
||||
thetack of open elements, go to step 4. */
|
||||
if($entry === self::MARKER || in_array($entry, $this->stack, true)) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
while(true) {
|
||||
/* 7. Let entry be the element one later than entry in the list of
|
||||
active formatting elements. */
|
||||
if(isset($step_seven) && $step_seven === true) {
|
||||
$a++;
|
||||
$entry = $this->a_formatting[$a];
|
||||
}
|
||||
|
||||
/* 8. Perform a shallow clone of the element entry to obtain clone. */
|
||||
$clone = $entry->cloneNode();
|
||||
|
||||
/* 9. Append clone to the current node and push it onto the stack
|
||||
of open elements so that it is the new current node. */
|
||||
$this->appendToRealParent($clone);
|
||||
$this->stack[] = $clone;
|
||||
|
||||
/* 10. Replace the entry for entry in the list with an entry for
|
||||
clone. */
|
||||
$this->a_formatting[$a] = $clone;
|
||||
|
||||
/* 11. If the entry for clone in the list of active formatting
|
||||
elements is not the last entry in the list, return to step 7. */
|
||||
if(end($this->a_formatting) !== $clone) {
|
||||
$step_seven = true;
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private function clearTheActiveFormattingElementsUpToTheLastMarker() {
|
||||
/* When the steps below require the UA to clear the list of active
|
||||
formatting elements up to the last marker, the UA must perform the
|
||||
following steps: */
|
||||
|
||||
while(true) {
|
||||
/* 1. Let entry be the last (most recently added) entry in the list
|
||||
of active formatting elements. */
|
||||
$entry = end($this->a_formatting);
|
||||
|
||||
/* 2. Remove entry from the list of active formatting elements. */
|
||||
array_pop($this->a_formatting);
|
||||
|
||||
/* 3. If entry was a marker, then stop the algorithm at this point.
|
||||
The list has been cleared up to the last marker. */
|
||||
if($entry === self::MARKER) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private function generateImpliedEndTags($exclude = array()) {
|
||||
/* When the steps below require the UA to generate implied end tags,
|
||||
then, if the current node is a dd element, a dt element, an li element,
|
||||
a p element, a td element, a th element, or a tr element, the UA must
|
||||
act as if an end tag with the respective tag name had been seen and
|
||||
then generate implied end tags again. */
|
||||
$node = end($this->stack);
|
||||
$elements = array_diff(array('dd', 'dt', 'li', 'p', 'td', 'th', 'tr'), $exclude);
|
||||
|
||||
while(in_array(end($this->stack)->tagName, $elements)) {
|
||||
array_pop($this->stack);
|
||||
}
|
||||
}
|
||||
|
||||
private function getElementCategory($node) {
|
||||
if (!is_object($node)) debug_print_backtrace();
|
||||
$name = $node->tagName;
|
||||
if(in_array($name, $this->special))
|
||||
return self::SPECIAL;
|
||||
|
||||
elseif(in_array($name, $this->scoping))
|
||||
return self::SCOPING;
|
||||
|
||||
elseif(in_array($name, $this->formatting))
|
||||
return self::FORMATTING;
|
||||
|
||||
else
|
||||
return self::PHRASING;
|
||||
}
|
||||
|
||||
private function clearStackToTableContext($elements) {
|
||||
/* When the steps above require the UA to clear the stack back to a
|
||||
table context, it means that the UA must, while the current node is not
|
||||
a table element or an html element, pop elements from the stack of open
|
||||
elements. */
|
||||
while(true) {
|
||||
$name = end($this->stack)->tagName;
|
||||
|
||||
if(in_array($name, $elements)) {
|
||||
break;
|
||||
} else {
|
||||
array_pop($this->stack);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private function resetInsertionMode($context = null) {
|
||||
/* 1. Let last be false. */
|
||||
$last = false;
|
||||
$leng = count($this->stack);
|
||||
|
||||
for($n = $leng - 1; $n >= 0; $n--) {
|
||||
/* 2. Let node be the last node in the stack of open elements. */
|
||||
$node = $this->stack[$n];
|
||||
|
||||
/* 3. If node is the first node in the stack of open elements, then
|
||||
* set last to true and set node to the context element. (fragment
|
||||
* case) */
|
||||
if($this->stack[0]->isSameNode($node)) {
|
||||
$last = true;
|
||||
$node = $context;
|
||||
}
|
||||
|
||||
/* 4. If node is a select element, then switch the insertion mode to
|
||||
"in select" and abort these steps. (fragment case) */
|
||||
if($node->tagName === 'select') {
|
||||
$this->mode = self::IN_SELECT;
|
||||
break;
|
||||
|
||||
/* 5. If node is a td or th element, then switch the insertion mode
|
||||
to "in cell" and abort these steps. */
|
||||
} elseif($node->tagName === 'td' || $node->nodeName === 'th') {
|
||||
$this->mode = self::IN_CELL;
|
||||
break;
|
||||
|
||||
/* 6. If node is a tr element, then switch the insertion mode to
|
||||
"in row" and abort these steps. */
|
||||
} elseif($node->tagName === 'tr') {
|
||||
$this->mode = self::IN_ROW;
|
||||
break;
|
||||
|
||||
/* 7. If node is a tbody, thead, or tfoot element, then switch the
|
||||
insertion mode to "in table body" and abort these steps. */
|
||||
} elseif(in_array($node->tagName, array('tbody', 'thead', 'tfoot'))) {
|
||||
$this->mode = self::IN_TABLE_BODY;
|
||||
break;
|
||||
|
||||
/* 8. If node is a caption element, then switch the insertion mode
|
||||
to "in caption" and abort these steps. */
|
||||
} elseif($node->tagName === 'caption') {
|
||||
$this->mode = self::IN_CAPTION;
|
||||
break;
|
||||
|
||||
/* 9. If node is a colgroup element, then switch the insertion mode
|
||||
to "in column group" and abort these steps. (innerHTML case) */
|
||||
} elseif($node->tagName === 'colgroup') {
|
||||
$this->mode = self::IN_COLUMN_GROUP;
|
||||
break;
|
||||
|
||||
/* 10. If node is a table element, then switch the insertion mode
|
||||
to "in table" and abort these steps. */
|
||||
} elseif($node->tagName === 'table') {
|
||||
$this->mode = self::IN_TABLE;
|
||||
break;
|
||||
|
||||
/* 11. If node is an element from the MathML namespace or the SVG
|
||||
* namespace, then switch the insertion mode to "in foreign
|
||||
* content", let the secondary insertion mode be "in body", and
|
||||
* abort these steps. */
|
||||
} elseif($node->namespaceURI === self::NS_SVG ||
|
||||
$node->namespaceURI === self::NS_MATHML) {
|
||||
$this->mode = self::IN_FOREIGN_CONTENT;
|
||||
$this->secondary_mode = self::IN_BODY;
|
||||
break;
|
||||
|
||||
/* 12. If node is a head element, then switch the insertion mode
|
||||
to "in body" ("in body"! not "in head"!) and abort these steps.
|
||||
(fragment case) */
|
||||
} elseif($node->tagName === 'head') {
|
||||
$this->mode = self::IN_BODY;
|
||||
break;
|
||||
|
||||
/* 13. If node is a body element, then switch the insertion mode to
|
||||
"in body" and abort these steps. */
|
||||
} elseif($node->tagName === 'body') {
|
||||
$this->mode = self::IN_BODY;
|
||||
break;
|
||||
|
||||
/* 14. If node is a frameset element, then switch the insertion
|
||||
mode to "in frameset" and abort these steps. (fragment case) */
|
||||
} elseif($node->tagName === 'frameset') {
|
||||
$this->mode = self::IN_FRAMESET;
|
||||
break;
|
||||
|
||||
/* 15. If node is an html element, then: if the head element
|
||||
pointer is null, switch the insertion mode to "before head",
|
||||
otherwise, switch the insertion mode to "after head". In either
|
||||
case, abort these steps. (fragment case) */
|
||||
} elseif($node->tagName === 'html') {
|
||||
$this->mode = ($this->head_pointer === null)
|
||||
? self::BEFORE_HEAD
|
||||
: self::AFTER_HEAD;
|
||||
|
||||
break;
|
||||
|
||||
/* 16. If last is true, then set the insertion mode to "in body"
|
||||
and abort these steps. (fragment case) */
|
||||
} elseif($last) {
|
||||
$this->mode = self::IN_BODY;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private function closeCell() {
|
||||
/* If the stack of open elements has a td or th element in table scope,
|
||||
then act as if an end tag token with that tag name had been seen. */
|
||||
foreach(array('td', 'th') as $cell) {
|
||||
if($this->elementInScope($cell, true)) {
|
||||
$this->emitToken(array(
|
||||
'name' => $cell,
|
||||
'type' => HTML5_Tokenizer::ENDTAG
|
||||
));
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private function processWithRulesFor($token, $mode) {
|
||||
/* "using the rules for the m insertion mode", where m is one of these
|
||||
* modes, the user agent must use the rules described under the m
|
||||
* insertion mode's section, but must leave the insertion mode
|
||||
* unchanged unless the rules in m themselves switch the insertion mode
|
||||
* to a new value. */
|
||||
return $this->emitToken($token, $mode);
|
||||
}
|
||||
|
||||
private function insertCDATAElement($token) {
|
||||
$this->insertElement($token);
|
||||
$this->original_mode = $this->mode;
|
||||
$this->mode = self::IN_CDATA_RCDATA;
|
||||
$this->content_model = HTML5_Tokenizer::CDATA;
|
||||
}
|
||||
|
||||
private function insertRCDATAElement($token) {
|
||||
$this->insertElement($token);
|
||||
$this->original_mode = $this->mode;
|
||||
$this->mode = self::IN_CDATA_RCDATA;
|
||||
$this->content_model = HTML5_Tokenizer::RCDATA;
|
||||
}
|
||||
|
||||
private function getAttr($token, $key) {
|
||||
if (!isset($token['attr'])) return false;
|
||||
$ret = false;
|
||||
foreach ($token['attr'] as $keypair) {
|
||||
if ($keypair['name'] === $key) $ret = $keypair['value'];
|
||||
}
|
||||
return $ret;
|
||||
}
|
||||
|
||||
private function getCurrentTable() {
|
||||
/* The current table is the last table element in the stack of open
|
||||
* elements, if there is one. If there is no table element in the stack
|
||||
* of open elements (fragment case), then the current table is the
|
||||
* first element in the stack of open elements (the html element). */
|
||||
for ($i = count($this->stack) - 1; $i >= 0; $i--) {
|
||||
if ($this->stack[$i]->tagName === 'table') {
|
||||
return $this->stack[$i];
|
||||
}
|
||||
}
|
||||
return $this->stack[0];
|
||||
}
|
||||
|
||||
private function getFosterParent() {
|
||||
/* The foster parent element is the parent element of the last
|
||||
table element in the stack of open elements, if there is a
|
||||
table element and it has such a parent element. If there is no
|
||||
table element in the stack of open elements (innerHTML case),
|
||||
then the foster parent element is the first element in the
|
||||
stack of open elements (the html element). Otherwise, if there
|
||||
is a table element in the stack of open elements, but the last
|
||||
table element in the stack of open elements has no parent, or
|
||||
its parent node is not an element, then the foster parent
|
||||
element is the element before the last table element in the
|
||||
stack of open elements. */
|
||||
for($n = count($this->stack) - 1; $n >= 0; $n--) {
|
||||
if($this->stack[$n]->tagName === 'table') {
|
||||
$table = $this->stack[$n];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if(isset($table) && $table->parentNode !== null) {
|
||||
return $table->parentNode;
|
||||
|
||||
} elseif(!isset($table)) {
|
||||
return $this->stack[0];
|
||||
|
||||
} elseif(isset($table) && ($table->parentNode === null ||
|
||||
$table->parentNode->nodeType !== XML_ELEMENT_NODE)) {
|
||||
return $this->stack[$n - 1];
|
||||
}
|
||||
}
|
||||
|
||||
public function fosterParent($node) {
|
||||
$foster_parent = $this->getFosterParent();
|
||||
$table = $this->getCurrentTable(); // almost equivalent to last table element, except it can be html
|
||||
/* When a node node is to be foster parented, the node node must be
|
||||
* inserted into the foster parent element, and the current table must
|
||||
* be marked as tainted. (Once the current table has been tainted,
|
||||
* whitespace characters are inserted into the foster parent element
|
||||
* instead of the current node.) */
|
||||
$table->tainted = true;
|
||||
/* If the foster parent element is the parent element of the last table
|
||||
* element in the stack of open elements, then node must be inserted
|
||||
* immediately before the last table element in the stack of open
|
||||
* elements in the foster parent element; otherwise, node must be
|
||||
* appended to the foster parent element. */
|
||||
if ($table->tagName === 'table' && $table->parentNode->isSameNode($foster_parent)) {
|
||||
$foster_parent->insertBefore($node, $table);
|
||||
} else {
|
||||
$foster_parent->appendChild($node);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* For debugging, prints the stack
|
||||
*/
|
||||
private function printStack() {
|
||||
$names = array();
|
||||
foreach ($this->stack as $i => $element) {
|
||||
$names[] = $element->tagName;
|
||||
}
|
||||
echo " -> stack [" . implode(', ', $names) . "]\n";
|
||||
}
|
||||
|
||||
/**
|
||||
* For debugging, prints active formatting elements
|
||||
*/
|
||||
private function printActiveFormattingElements() {
|
||||
if (!$this->a_formatting) return;
|
||||
$names = array();
|
||||
foreach ($this->a_formatting as $node) {
|
||||
if ($node === self::MARKER) $names[] = 'MARKER';
|
||||
else $names[] = $node->tagName;
|
||||
}
|
||||
echo " -> active formatting [" . implode(', ', $names) . "]\n";
|
||||
}
|
||||
|
||||
public function currentTableIsTainted() {
|
||||
return !empty($this->getCurrentTable()->tainted);
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets up the tree constructor for building a fragment.
|
||||
*/
|
||||
public function setupContext($context = null) {
|
||||
$this->fragment = true;
|
||||
if ($context) {
|
||||
$context = $this->dom->createElementNS(self::NS_HTML, $context);
|
||||
/* 4.1. Set the HTML parser's tokenization stage's content model
|
||||
* flag according to the context element, as follows: */
|
||||
switch ($context->tagName) {
|
||||
case 'title': case 'textarea':
|
||||
$this->content_model = HTML5_Tokenizer::RCDATA;
|
||||
break;
|
||||
case 'style': case 'script': case 'xmp': case 'iframe':
|
||||
case 'noembed': case 'noframes':
|
||||
$this->content_model = HTML5_Tokenizer::CDATA;
|
||||
break;
|
||||
case 'noscript':
|
||||
// XSCRIPT: assuming scripting is enabled
|
||||
$this->content_model = HTML5_Tokenizer::CDATA;
|
||||
break;
|
||||
case 'plaintext':
|
||||
$this->content_model = HTML5_Tokenizer::PLAINTEXT;
|
||||
break;
|
||||
}
|
||||
/* 4.2. Let root be a new html element with no attributes. */
|
||||
$root = $this->dom->createElementNS(self::NS_HTML, 'html');
|
||||
$this->root = $root;
|
||||
/* 4.3 Append the element root to the Document node created above. */
|
||||
$this->dom->appendChild($root);
|
||||
/* 4.4 Set up the parser's stack of open elements so that it
|
||||
* contains just the single element root. */
|
||||
$this->stack = array($root);
|
||||
/* 4.5 Reset the parser's insertion mode appropriately. */
|
||||
$this->resetInsertionMode($context);
|
||||
/* 4.6 Set the parser's form element pointer to the nearest node
|
||||
* to the context element that is a form element (going straight up
|
||||
* the ancestor chain, and including the element itself, if it is a
|
||||
* form element), or, if there is no such form element, to null. */
|
||||
$node = $context;
|
||||
do {
|
||||
if ($node->tagName === 'form') {
|
||||
$this->form_pointer = $node;
|
||||
break;
|
||||
}
|
||||
} while ($node = $node->parentNode);
|
||||
}
|
||||
}
|
||||
|
||||
public function adjustMathMLAttributes($token) {
|
||||
foreach ($token['attr'] as &$kp) {
|
||||
if ($kp['name'] === 'definitionurl') {
|
||||
$kp['name'] = 'definitionURL';
|
||||
}
|
||||
}
|
||||
return $token;
|
||||
}
|
||||
|
||||
public function adjustSVGAttributes($token) {
|
||||
static $lookup = array(
|
||||
'attributename' => 'attributeName',
|
||||
'attributetype' => 'attributeType',
|
||||
'basefrequency' => 'baseFrequency',
|
||||
'baseprofile' => 'baseProfile',
|
||||
'calcmode' => 'calcMode',
|
||||
'clippathunits' => 'clipPathUnits',
|
||||
'contentscripttype' => 'contentScriptType',
|
||||
'contentstyletype' => 'contentStyleType',
|
||||
'diffuseconstant' => 'diffuseConstant',
|
||||
'edgemode' => 'edgeMode',
|
||||
'externalresourcesrequired' => 'externalResourcesRequired',
|
||||
'filterres' => 'filterRes',
|
||||
'filterunits' => 'filterUnits',
|
||||
'glyphref' => 'glyphRef',
|
||||
'gradienttransform' => 'gradientTransform',
|
||||
'gradientunits' => 'gradientUnits',
|
||||
'kernelmatrix' => 'kernelMatrix',
|
||||
'kernelunitlength' => 'kernelUnitLength',
|
||||
'keypoints' => 'keyPoints',
|
||||
'keysplines' => 'keySplines',
|
||||
'keytimes' => 'keyTimes',
|
||||
'lengthadjust' => 'lengthAdjust',
|
||||
'limitingconeangle' => 'limitingConeAngle',
|
||||
'markerheight' => 'markerHeight',
|
||||
'markerunits' => 'markerUnits',
|
||||
'markerwidth' => 'markerWidth',
|
||||
'maskcontentunits' => 'maskContentUnits',
|
||||
'maskunits' => 'maskUnits',
|
||||
'numoctaves' => 'numOctaves',
|
||||
'pathlength' => 'pathLength',
|
||||
'patterncontentunits' => 'patternContentUnits',
|
||||
'patterntransform' => 'patternTransform',
|
||||
'patternunits' => 'patternUnits',
|
||||
'pointsatx' => 'pointsAtX',
|
||||
'pointsaty' => 'pointsAtY',
|
||||
'pointsatz' => 'pointsAtZ',
|
||||
'preservealpha' => 'preserveAlpha',
|
||||
'preserveaspectratio' => 'preserveAspectRatio',
|
||||
'primitiveunits' => 'primitiveUnits',
|
||||
'refx' => 'refX',
|
||||
'refy' => 'refY',
|
||||
'repeatcount' => 'repeatCount',
|
||||
'repeatdur' => 'repeatDur',
|
||||
'requiredextensions' => 'requiredExtensions',
|
||||
'requiredfeatures' => 'requiredFeatures',
|
||||
'specularconstant' => 'specularConstant',
|
||||
'specularexponent' => 'specularExponent',
|
||||
'spreadmethod' => 'spreadMethod',
|
||||
'startoffset' => 'startOffset',
|
||||
'stddeviation' => 'stdDeviation',
|
||||
'stitchtiles' => 'stitchTiles',
|
||||
'surfacescale' => 'surfaceScale',
|
||||
'systemlanguage' => 'systemLanguage',
|
||||
'tablevalues' => 'tableValues',
|
||||
'targetx' => 'targetX',
|
||||
'targety' => 'targetY',
|
||||
'textlength' => 'textLength',
|
||||
'viewbox' => 'viewBox',
|
||||
'viewtarget' => 'viewTarget',
|
||||
'xchannelselector' => 'xChannelSelector',
|
||||
'ychannelselector' => 'yChannelSelector',
|
||||
'zoomandpan' => 'zoomAndPan',
|
||||
);
|
||||
foreach ($token['attr'] as &$kp) {
|
||||
if (isset($lookup[$kp['name']])) {
|
||||
$kp['name'] = $lookup[$kp['name']];
|
||||
}
|
||||
}
|
||||
return $token;
|
||||
}
|
||||
|
||||
public function adjustForeignAttributes($token) {
|
||||
static $lookup = array(
|
||||
'xlink:actuate' => array('xlink', 'actuate', self::NS_XLINK),
|
||||
'xlink:arcrole' => array('xlink', 'arcrole', self::NS_XLINK),
|
||||
'xlink:href' => array('xlink', 'href', self::NS_XLINK),
|
||||
'xlink:role' => array('xlink', 'role', self::NS_XLINK),
|
||||
'xlink:show' => array('xlink', 'show', self::NS_XLINK),
|
||||
'xlink:title' => array('xlink', 'title', self::NS_XLINK),
|
||||
'xlink:type' => array('xlink', 'type', self::NS_XLINK),
|
||||
'xml:base' => array('xml', 'base', self::NS_XML),
|
||||
'xml:lang' => array('xml', 'lang', self::NS_XML),
|
||||
'xml:space' => array('xml', 'space', self::NS_XML),
|
||||
'xmlns' => array(null, 'xmlns', self::NS_XMLNS),
|
||||
'xmlns:xlink' => array('xmlns', 'xlink', self::NS_XMLNS),
|
||||
);
|
||||
foreach ($token['attr'] as &$kp) {
|
||||
if (isset($lookup[$kp['name']])) {
|
||||
$kp['name'] = $lookup[$kp['name']];
|
||||
}
|
||||
}
|
||||
return $token;
|
||||
}
|
||||
|
||||
public function insertForeignElement($token, $namespaceURI) {
|
||||
$el = $this->dom->createElementNS($namespaceURI, $token['name']);
|
||||
if (!empty($token['attr'])) {
|
||||
foreach ($token['attr'] as $kp) {
|
||||
$attr = $kp['name'];
|
||||
if (is_array($attr)) {
|
||||
$ns = $attr[2];
|
||||
$attr = $attr[1];
|
||||
} else {
|
||||
$ns = self::NS_HTML;
|
||||
}
|
||||
if (!$el->hasAttributeNS($ns, $attr)) {
|
||||
// XSKETCHY: work around godawful libxml bug
|
||||
if ($ns === self::NS_XLINK) {
|
||||
$el->setAttribute('xlink:'.$attr, $kp['value']);
|
||||
} elseif ($ns === self::NS_HTML) {
|
||||
// Another godawful libxml bug
|
||||
$el->setAttribute($attr, $kp['value']);
|
||||
} else {
|
||||
$el->setAttributeNS($ns, $attr, $kp['value']);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
$this->appendToRealParent($el);
|
||||
$this->stack[] = $el;
|
||||
// XERROR: see below
|
||||
/* If the newly created element has an xmlns attribute in the XMLNS
|
||||
* namespace whose value is not exactly the same as the element's
|
||||
* namespace, that is a parse error. Similarly, if the newly created
|
||||
* element has an xmlns:xlink attribute in the XMLNS namespace whose
|
||||
* value is not the XLink Namespace, that is a parse error. */
|
||||
}
|
||||
|
||||
public function save() {
|
||||
$this->dom->normalize();
|
||||
if (!$this->fragment) {
|
||||
return $this->dom;
|
||||
} else {
|
||||
if ($this->root) {
|
||||
return $this->root->childNodes;
|
||||
} else {
|
||||
return $this->dom->childNodes;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
1
library/HTML5/named-character-references.ser
Normal file
1
library/HTML5/named-character-references.ser
Normal file
File diff suppressed because one or more lines are too long
116
mod/contacts.php
Normal file
116
mod/contacts.php
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
<?php
|
||||
function edit_contact(&$a,$contact_id) {
|
||||
|
||||
}
|
||||
|
||||
function contacts_post(&$a) {
|
||||
|
||||
|
||||
if(($a->argc != 3) || (! local_user()))
|
||||
return;
|
||||
|
||||
$contact_id = intval($a->argv[1]);
|
||||
if(! $contact_id)
|
||||
return;
|
||||
|
||||
$cmd = $a->argv[2];
|
||||
|
||||
$r = q("SELECT * FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($contact_id),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
|
||||
if(! count($r))
|
||||
return;
|
||||
$photo = str_replace('-4.jpg', '' , $r[0]['photo']);
|
||||
$photos = q("SELECT `id` FROM `photo` WHERE `resource-id` = '%s' AND `uid` = %d",
|
||||
dbesc($photo),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
|
||||
|
||||
switch($cmd) {
|
||||
case 'edit':
|
||||
edit_contact($a,$contact_id);
|
||||
break;
|
||||
case 'block':
|
||||
$r = q("UPDATE `contact` SET `blocked` = 1 WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($contact_id),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
if($r)
|
||||
$_SESSION['sysmsg'] .= "Contact has been blocked." . EOL;
|
||||
break;
|
||||
case 'drop':
|
||||
$r = q("DELETE FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($contact_id),
|
||||
intval($_SESSION['uid']));
|
||||
if(count($photos)) {
|
||||
foreach($photos as $p) {
|
||||
q("DELETE FROM `photos` WHERE `id` = %d LIMIT 1",
|
||||
$p['id']);
|
||||
}
|
||||
}
|
||||
if($intval($contact_id))
|
||||
q("DELETE * FROM `item` WHERE `contact-id` = %d ",
|
||||
intval($contact_id)
|
||||
);
|
||||
|
||||
break;
|
||||
default:
|
||||
return;
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function contacts_content(&$a) {
|
||||
if(! local_user()) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if(($a->argc2 == 2) && ($a->argv[1] == 'all'))
|
||||
$sql_extra = '';
|
||||
else
|
||||
$sql_extra = " AND `blocked` = 0 ";
|
||||
|
||||
$tpl = file_get_contents("view/contacts-top.tpl");
|
||||
$o .= replace_macros($tpl,array(
|
||||
'$hide_url' => ((strlen($sql_extra)) ? 'contacts/all' : 'contacts' ),
|
||||
'$hide_text' => ((strlen($sql_extra)) ? 'Show Blocked Connections' : 'Hide Blocked Connections')
|
||||
));
|
||||
|
||||
|
||||
$r = q("SELECT * FROM `contact` WHERE `uid` = %d",
|
||||
intval($_SESSION['uid']));
|
||||
|
||||
if(count($r)) {
|
||||
|
||||
$tpl = file_get_contents("view/contact_template.tpl");
|
||||
|
||||
foreach($r as $rr) {
|
||||
if($rr['self'])
|
||||
continue;
|
||||
$o .= replace_macros($tpl, array(
|
||||
'$id' => $rr['id'],
|
||||
'$thumb' => $rr['thumb'],
|
||||
'$name' => $rr['name'],
|
||||
'$url' => $rr['url']
|
||||
));
|
||||
}
|
||||
}
|
||||
return $o;
|
||||
|
||||
|
||||
}
|
||||
374
mod/dfrn_confirm.php
Normal file
374
mod/dfrn_confirm.php
Normal file
|
|
@ -0,0 +1,374 @@
|
|||
<?php
|
||||
|
||||
|
||||
|
||||
function dfrn_confirm_post(&$a) {
|
||||
|
||||
if($a->argc > 1)
|
||||
$node = $a->argv[1];
|
||||
|
||||
if(x($_POST,'source_url')) {
|
||||
|
||||
// We are processing an external confirmation to an introduction created by our user.
|
||||
|
||||
$public_key = $_POST['public_key'];
|
||||
$dfrn_id = $_POST['dfrn_id'];
|
||||
$source_url = $_POST['source_url'];
|
||||
$aes_key = $_POST['aes_key'];
|
||||
|
||||
if(intval($node))
|
||||
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||
intval($node));
|
||||
else
|
||||
$r = q("SELECT * FROM `user` WHERE `nickname` = '%s' LIMIT 1",
|
||||
dbesc($node));
|
||||
|
||||
if(! count($r)) {
|
||||
xml_status(3); // failure
|
||||
}
|
||||
|
||||
$my_prvkey = $r[0]['prvkey'];
|
||||
$local_uid = $r[0]['uid'];
|
||||
|
||||
$decrypted_source_url = "";
|
||||
|
||||
openssl_private_decrypt($source_url,$decrypted_source_url,$my_prvkey);
|
||||
|
||||
|
||||
$ret = q("SELECT * FROM `contact` WHERE `url` = '%s' AND `uid` = %d LIMIT 1",
|
||||
dbesc($decrypted_source_url),
|
||||
intval($local_uid));
|
||||
|
||||
if(! count($ret)) {
|
||||
// this is either a bogus confirmation or we deleted the original introduction.
|
||||
xml_status(3);
|
||||
}
|
||||
|
||||
// Decrypt all this stuff we just received
|
||||
|
||||
$foreign_pubkey = $ret[0]['site-pubkey'];
|
||||
$dfrn_record = $ret[0]['id'];
|
||||
$decrypted_dfrn_id = "";
|
||||
openssl_public_decrypt($dfrn_id,$decrypted_dfrn_id,$foreign_pubkey);
|
||||
|
||||
if(strlen($aes_key)) {
|
||||
$decrypted_aes_key = "";
|
||||
openssl_private_decrypt($aes_key,$decrypted_aes_key,$my_prvkey);
|
||||
$dfrn_pubkey = openssl_decrypt($public_key,'AES-256-CBC',$decrypted_aes_key);
|
||||
}
|
||||
else {
|
||||
$dfrn_pubkey = $public_key;
|
||||
}
|
||||
|
||||
$r = q("SELECT * FROM `contact` WHERE `dfrn-id` = '%s' LIMIT 1",
|
||||
dbesc($decrypted_dfrn_id),
|
||||
intval($local_uid));
|
||||
if(count($r))
|
||||
xml_status(1); // Birthday paradox - duplicate dfrn-id
|
||||
|
||||
$r = q("UPDATE `contact` SET `dfrn-id` = '%s', `pubkey` = '%s' WHERE `id` = %d LIMIT 1",
|
||||
dbesc($decrypted_dfrn_id),
|
||||
dbesc($dfrn_pubkey),
|
||||
intval($dfrn_record));
|
||||
if($r) {
|
||||
|
||||
// We're good but now we have to scrape the profile photo and send notifications.
|
||||
|
||||
require_once("Photo.php");
|
||||
|
||||
$photo_failure = false;
|
||||
|
||||
$r = q("SELECT `photo` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||
intval($dfrn_record));
|
||||
if(count($r)) {
|
||||
|
||||
$filename = basename($r[0]['photo']);
|
||||
$img_str = fetch_url($r[0]['photo'],true);
|
||||
$img = new Photo($img_str);
|
||||
if($img) {
|
||||
|
||||
$img->scaleImageSquare(175);
|
||||
|
||||
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||
intval($local_uid),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($r[0]['photo'])),
|
||||
intval($img->getHeight()),
|
||||
intval($img->getWidth()),
|
||||
dbesc($img->imageString())
|
||||
);
|
||||
if($r === false)
|
||||
$photo_failure = true;
|
||||
$img->scaleImage(80);
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||
intval($local_uid),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($r[0]['photo'])),
|
||||
intval($img->getHeight()),
|
||||
intval($img->getWidth()),
|
||||
dbesc($img->imageString())
|
||||
);
|
||||
if($r === false)
|
||||
$photo_failure = true;
|
||||
|
||||
$photo = $a->get_baseurl() . '/photo/' . $hash . '-4.jpg';
|
||||
$thumb = $a->get_baseurl() . '/photo/' . $hash . '-5.jpg';
|
||||
|
||||
}
|
||||
else
|
||||
$photo_failure = true;
|
||||
}
|
||||
else
|
||||
$photo_failure = true;
|
||||
|
||||
if($photo_failure) {
|
||||
$photo = $a->get_baseurl() . '/images/default-profile.jpg';
|
||||
$thumb = $a->get_baseurl() . '/images/default-profile-sm.jpg';
|
||||
}
|
||||
|
||||
$r = q("UPDATE `contact` SET `photo` = '%s', `thumb` = '%s', `blocked` = 0 WHERE `id` = %d LIMIT 1",
|
||||
dbesc($photo),
|
||||
dbesc($thumb),
|
||||
intval($dfrn_record)
|
||||
);
|
||||
if($r === false)
|
||||
$_SESSION['sysmsg'] .= "Unable to set contact photo info." . EOL;
|
||||
|
||||
// Otherwise everything seems to have worked and we are almost done. Yay!
|
||||
// Send an email notification
|
||||
|
||||
$r = q("SELECT * FROM `contact` LEFT JOIN `user` ON `contact`.`uid` = `user`.`uid`
|
||||
WHERE `contact`.`id` = %d LIMIT 1",
|
||||
intval($dfrn_record));
|
||||
|
||||
$tpl = file_get_contents('view/intro_complete_eml.tpl');
|
||||
|
||||
$email_tpl = replace_macros($tpl, array(
|
||||
'$sitename' => $a->config['sitename'],
|
||||
'$siteurl' => $a->get_baseurl(),
|
||||
'$username' => $r[0]['username'],
|
||||
'$email' => $r[0]['email'],
|
||||
'$fn' => $r[0]['name'],
|
||||
'$dfrn_url' => $r[0]['url'],
|
||||
'$uid' => $newuid ));
|
||||
|
||||
|
||||
$res = mail($r[0]['email'],"Introduction accepted at {$a->config['sitename']}",
|
||||
$email_tpl,"From: Administrator@{$_SERVER[SERVER_NAME]}");
|
||||
if(!$res) {
|
||||
$_SESSION['sysmsg'] .= "Email notification failed." . EOL;
|
||||
}
|
||||
xml_status(0); // Success
|
||||
|
||||
return; // NOTREACHED
|
||||
|
||||
}
|
||||
else
|
||||
xml_status(2); // Hopefully temporary problem that can be retried.
|
||||
|
||||
return; // NOTREACHED
|
||||
|
||||
////////////////////// End of this scenario ///////////////////////////////////////////////
|
||||
}
|
||||
else {
|
||||
|
||||
// We are processing a local confirmation initiated on this system by our user to an external introduction.
|
||||
|
||||
$uid = $_SESSION['uid'];
|
||||
|
||||
if(! $uid) {
|
||||
$_SESSION['sysmsg'] = 'Unauthorised.';
|
||||
return;
|
||||
}
|
||||
|
||||
$dfrn_id = ((x($_POST,'dfrn_id')) ? notags(trim($_POST['dfrn_id'])) : "");
|
||||
$intro_id = intval($_POST['intro_id']);
|
||||
|
||||
$r = q("SELECT * FROM `contact` WHERE `issued-id` = '%s' AND `uid` = %d LIMIT 1",
|
||||
dbesc($dfrn_id),
|
||||
intval($uid)
|
||||
);
|
||||
|
||||
if((! $r) || (! count($r))) {
|
||||
$_SESSION['sysmsg'] = 'Node does not exist.' . EOL ;
|
||||
return;
|
||||
}
|
||||
|
||||
$contact_id = $r[0]['id'];
|
||||
$site_pubkey = $r[0]['site-pubkey'];
|
||||
$dfrn_confirm = $r[0]['confirm'];
|
||||
$aes_allow = $r[0]['aes_allow'];
|
||||
|
||||
$res=openssl_pkey_new(array(
|
||||
'digest_alg' => 'whirlpool',
|
||||
'private_key_bits' => 4096,
|
||||
'encrypt_key' => false ));
|
||||
|
||||
|
||||
$private_key = '';
|
||||
|
||||
openssl_pkey_export($res, $private_key);
|
||||
|
||||
|
||||
$pubkey = openssl_pkey_get_details($res);
|
||||
$public_key = $pubkey["key"];
|
||||
|
||||
$r = q("UPDATE `contact` SET `pubkey` = '%s', `prvkey` = '%s' WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
dbesc($public_key),
|
||||
dbesc($private_key),
|
||||
intval($contact_id),
|
||||
intval($uid)
|
||||
);
|
||||
|
||||
|
||||
$params = array();
|
||||
|
||||
$src_aes_key = random_string();
|
||||
$result = "";
|
||||
|
||||
openssl_private_encrypt($dfrn_id,$result,$a->user['prvkey']);
|
||||
|
||||
$params['dfrn_id'] = $result;
|
||||
$params['public_key'] = $public_key;
|
||||
|
||||
|
||||
openssl_public_encrypt($_SESSION['my_url'], $params['source_url'], $site_pubkey);
|
||||
|
||||
if($aes_allow && function_exists('openssl_encrypt')) {
|
||||
openssl_public_encrypt($src_aes_key, $params['aes_key'], $site_pubkey);
|
||||
$params['public_key'] = openssl_encrypt($public_key,'AES-256-CBC',$src_aes_key);
|
||||
}
|
||||
|
||||
$res = post_url($dfrn_confirm,$params);
|
||||
|
||||
// uncomment the following two lines and comment the following xml/status lines
|
||||
// to debug the remote confirmation section (when both confirmations
|
||||
// and responses originate on this system)
|
||||
|
||||
// echo $res;
|
||||
// $status = 0;
|
||||
|
||||
$xml = simplexml_load_string($res);
|
||||
$status = (int) $xml->status;
|
||||
switch($status) {
|
||||
case 0:
|
||||
$_SESSION['sysmsg'] .= "Confirmation completed successfully" . EOL;
|
||||
break;
|
||||
case 1:
|
||||
|
||||
// birthday paradox - generate new dfrn-id and fall through.
|
||||
|
||||
$new_dfrn_id = random_string();
|
||||
$r = q("UPDATE contact SET `issued-id` = '%s' WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
dbesc($new_dfrn_id),
|
||||
intval($contact_id),
|
||||
intval($uid)
|
||||
);
|
||||
|
||||
case 2:
|
||||
$_SESSION['sysmsg'] .= "Temporary failure. Please wait and try again." . EOL;
|
||||
break;
|
||||
|
||||
|
||||
case 3:
|
||||
$_SESSION['sysmsg'] .= "Introduction failed or was revoked. Cannot complete." . EOL;
|
||||
break;
|
||||
}
|
||||
|
||||
if(($status == 0 || $status == 3) && ($intro_id)) {
|
||||
|
||||
//delete the notification
|
||||
|
||||
$r = q("DELETE FROM `intro` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($intro_id),
|
||||
intval($uid)
|
||||
);
|
||||
|
||||
}
|
||||
if($status != 0)
|
||||
return;
|
||||
|
||||
|
||||
require_once("Photo.php");
|
||||
|
||||
$photo_failure = false;
|
||||
|
||||
$r = q("SELECT `photo` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||
intval($contact_id));
|
||||
if(count($r)) {
|
||||
|
||||
$filename = basename($r[0]['photo']);
|
||||
$img_str = fetch_url($r[0]['photo'],true);
|
||||
$img = new Photo($img_str);
|
||||
if($img) {
|
||||
|
||||
$img->scaleImageSquare(175);
|
||||
|
||||
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||
intval($local_uid),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($r[0]['photo'])),
|
||||
intval($img->getHeight()),
|
||||
intval($img->getWidth()),
|
||||
dbesc($img->imageString())
|
||||
);
|
||||
if($r === false)
|
||||
$photo_failure = true;
|
||||
$img->scaleImage(80);
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||
intval($local_uid),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($r[0]['photo'])),
|
||||
intval($img->getHeight()),
|
||||
intval($img->getWidth()),
|
||||
dbesc($img->imageString())
|
||||
);
|
||||
if($r === false)
|
||||
$photo_failure = true;
|
||||
|
||||
$photo = $a->get_baseurl() . '/photo/' . $hash . '-4.jpg';
|
||||
$thumb = $a->get_baseurl() . '/photo/' . $hash . '-5.jpg';
|
||||
|
||||
}
|
||||
else
|
||||
$photo_failure = true;
|
||||
}
|
||||
else
|
||||
$photo_failure = true;
|
||||
|
||||
if($photo_failure) {
|
||||
$photo = $a->get_baseurl() . '/images/default-profile.jpg';
|
||||
$thumb = $a->get_baseurl() . '/images/default-profile-sm.jpg';
|
||||
}
|
||||
|
||||
$r = q("UPDATE `contact` SET `photo` = '%s', `thumb` = '%s', `blocked` = 0 WHERE `id` = %d LIMIT 1",
|
||||
dbesc($photo),
|
||||
dbesc($thumb),
|
||||
intval($contact_id)
|
||||
);
|
||||
if($r === false)
|
||||
$_SESSION['sysmsg'] .= "Unable to set contact photo info." . EOL;
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
58
mod/dfrn_poll.php
Normal file
58
mod/dfrn_poll.php
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<?php
|
||||
|
||||
|
||||
function dfrn_poll_init(&$a) {
|
||||
|
||||
if(x($_GET,'dfrn_id'))
|
||||
$dfrn_id = $a->config['dfrn_poll_dfrn_id'] = $_GET['dfrn_id'];
|
||||
if(x($_GET,'type'))
|
||||
$type = $a->config['dfrn_poll_type'] = $_GET['type'];
|
||||
if(x($_GET,'last_update'))
|
||||
$last_update = $a->config['dfrn_poll_last_update'] = $_GET['last_update'];
|
||||
|
||||
|
||||
|
||||
if(! x($dfrn_id))
|
||||
return;
|
||||
|
||||
|
||||
if((x($type)) && ($type == 'profile')) {
|
||||
|
||||
$r = q("SELECT `contact`.*, `user`.`nickname`
|
||||
FROM `contact` LEFT JOIN `user` ON `contact`.`uid` = `user`.`uid`
|
||||
WHERE `issued-id` = '%s' LIMIT 1",
|
||||
dbesc($dfrn_id));
|
||||
if(count($r)) {
|
||||
$s = fetch_url($r[0]['poll'] . '?dfrn_id=' . $dfrn_id . '&type=profile-check');
|
||||
if(strlen($s)) {
|
||||
$xml = simplexml_load_string($s);
|
||||
if((int) $xml->status == 1) {
|
||||
$_SESSION['authenticated'] = 1;
|
||||
$_SESSION['visitor_id'] = $r[0]['id'];
|
||||
$_SESSION['sysmsg'] .= "Hi {$r[0]['name']}" . EOL;
|
||||
// Visitors get 1 day session.
|
||||
$session_id = session_id();
|
||||
$expire = time() + 86400;
|
||||
q("UPDATE `session` SET `expire` = '%s' WHERE `sid` = '%s' LIMIT 1",
|
||||
dbesc($expire),
|
||||
dbesc($session_id));
|
||||
}
|
||||
}
|
||||
$profile = ((strlen($r[0]['nickname'])) ? $r[0]['nickname'] : $r[0]['uid']);
|
||||
goaway($a->get_baseurl() . "/profile/$profile");
|
||||
}
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
|
||||
if((x($type)) && ($type == 'profile-check')) {
|
||||
|
||||
q("DELETE FROM `expire` WHERE `expire` < " . time());
|
||||
$r = q("SELECT * FROM `profile_check` WHERE `dfrn_id` = '%s' ORDER BY `expire` DESC",
|
||||
dbesc($dfrn_id));
|
||||
if(count($r))
|
||||
xml_status(1);
|
||||
xml_status(0);
|
||||
return; // NOTREACHED
|
||||
}
|
||||
|
||||
}
|
||||
290
mod/dfrn_request.php
Normal file
290
mod/dfrn_request.php
Normal file
|
|
@ -0,0 +1,290 @@
|
|||
<?php
|
||||
|
||||
if(! function_exists('dfrn_request_init')) {
|
||||
function dfrn_request_init(&$a) {
|
||||
|
||||
if($_SESSION['authenticated']) {
|
||||
// choose which page to show (could be remote auth)
|
||||
|
||||
}
|
||||
|
||||
if($a->argc > 1)
|
||||
$which = $a->argv[1];
|
||||
|
||||
require_once('mod/profile.php');
|
||||
profile_init($a,$which);
|
||||
|
||||
return;
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('dfrn_request_post')) {
|
||||
function dfrn_request_post(&$a) {
|
||||
|
||||
if(($a->argc != 2) || (! count($a->profile)))
|
||||
return;
|
||||
|
||||
|
||||
if($_POST['cancel']) {
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
|
||||
// callback to local site after remote request and local confirm
|
||||
|
||||
if((x($_POST,'localconfirm')) && ($_POST['localconfirm'] == 1)
|
||||
&& (x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))
|
||||
&& ($_SESSION['uid'] == $a->argv[1]) && (x($_POST,'dfrn_url'))) {
|
||||
|
||||
$dfrn_url = notags(trim($_POST['dfrn_url']));
|
||||
$aes_allow = (((x($_POST,'aes_allow')) && ($_POST['aes_allow'] == 1)) ? 1 : 0);
|
||||
$confirm_key = ((x($_POST,'confirm_key')) ? $_POST['confirm_key'] : "");
|
||||
$failed = false;
|
||||
|
||||
require_once('Scrape.php');
|
||||
|
||||
if(x($dfrn_url)) {
|
||||
|
||||
$parms = scrape_dfrn($dfrn_url);
|
||||
|
||||
if(! count($parms)) {
|
||||
$_SESSION['sysmsg'] .= 'URL is not valid or does not contain profile information.' . EOL ;
|
||||
$failed = true;
|
||||
}
|
||||
else {
|
||||
if(! x($parms,'fn'))
|
||||
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no identifiable owner name.' . EOL ;
|
||||
if(! x($parms,'photo'))
|
||||
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no profile photo.' . EOL ;
|
||||
$invalid = validate_dfrn($parms);
|
||||
if($invalid) {
|
||||
echo $invalid . ' required DFRN parameter'
|
||||
. (($invalid == 1) ? " was " : "s were " )
|
||||
. "not found at the given URL" . '<br />';
|
||||
|
||||
$failed = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(! $failed) {
|
||||
|
||||
$dfrn_request = $parms['dfrn-request'];
|
||||
/////////////////////////
|
||||
dbesc_array($parms);
|
||||
////////////////////////
|
||||
|
||||
$r = q("INSERT INTO `contact` ( `uid`, `created`,`url`, `name`, `photo`, `site-pubkey`,
|
||||
`request`, `confirm`, `notify`, `poll`, `aes_allow`)
|
||||
VALUES ( %d, '%s', '%s', '%s' , '%s', '%s', '%s', '%s', '%s', '%s', %d)",
|
||||
intval($_SESSION['uid']),
|
||||
datetime_convert(),
|
||||
dbesc($dfrn_url),
|
||||
$parms['fn'],
|
||||
$parms['photo'],
|
||||
$parms['key'],
|
||||
$parms['dfrn-request'],
|
||||
$parms['dfrn-confirm'],
|
||||
$parms['dfrn-notify'],
|
||||
$parms['dfrn-poll'],
|
||||
intval($aes_allow)
|
||||
);
|
||||
if($r === false)
|
||||
$_SESSION['sysmsg'] .= "Failed to create contact." . EOL;
|
||||
else
|
||||
$_SESSION['sysmsg'] .= "Introduction complete.";
|
||||
|
||||
// Allow the blocked remote notification to complete
|
||||
|
||||
if(strlen($dfrn_request) && strlen($confirm_key))
|
||||
$s = fetch_url($dfrn_request . '?confirm_key=' . $confirm_key);
|
||||
|
||||
goaway($dfrn_url);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// we are operating as a remote site and an introduction was requested of us.
|
||||
// Scrape the originating DFRN-URL for everything we need. Create a contact record
|
||||
// and an introduction to show our user next time he/she logs in.
|
||||
// Finally redirect back to the originator so that their site can record the request.
|
||||
// If our user confirms the request, a record of it will need to exist on the
|
||||
// originator's site in order for the confirmation process to complete..
|
||||
|
||||
if($a->profile['nickname'])
|
||||
$tailname = $a->profile['nickname'];
|
||||
else
|
||||
$tailname = $a->profile['uid'];
|
||||
|
||||
$uid = $a->profile['uid'];
|
||||
|
||||
$failed = false;
|
||||
|
||||
require_once('Scrape.php');
|
||||
|
||||
if( x($_POST,'dfrn_url')) {
|
||||
|
||||
$url = trim($_POST['dfrn_url']);
|
||||
if(x($url)) {
|
||||
$parms = scrape_dfrn($url);
|
||||
|
||||
if(! count($parms)) {
|
||||
$_SESSION['sysmsg'] .= 'URL is not valid or does not contain profile information.' . EOL ;
|
||||
$failed = true;
|
||||
}
|
||||
else {
|
||||
if(! x($parms,'fn'))
|
||||
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no identifiable owner name.' . EOL ;
|
||||
if(! x($parms,'photo'))
|
||||
$_SESSION['sysmsg'] .= 'Warning: DFRN profile has no profile photo.' . EOL ;
|
||||
$invalid = validate_dfrn($parms);
|
||||
if($invalid) {
|
||||
echo $invalid . ' required DFRN parameter'
|
||||
. (($invalid == 1) ? " was " : "s were " )
|
||||
. "not found at the given URL" . '<br />';
|
||||
|
||||
$failed = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$ret = q("SELECT `url` FROM `contact` WHERE `url` = '%s'", dbesc($url));
|
||||
if($ret !== false && count($ret)) {
|
||||
$_SESSION['sysmsg'] .= 'You have already introduced yourself here.' . EOL;
|
||||
$failed = true;
|
||||
}
|
||||
|
||||
|
||||
if(! $failed) {
|
||||
|
||||
$parms['url'] = $url;
|
||||
$parms['issued-id'] = random_string();
|
||||
|
||||
/////////////////////////
|
||||
dbesc_array($parms);
|
||||
////////////////////////
|
||||
|
||||
$ret = q("INSERT INTO `contact` ( `uid`, `created`, `url`, `name`, `issued-id`, `photo`, `site-pubkey`,
|
||||
`request`, `confirm`, `notify`, `poll`, `visible` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', %d )",
|
||||
intval($uid),
|
||||
datetime_convert(),
|
||||
$parms['url'],
|
||||
$parms['fn'],
|
||||
$parms['issued-id'],
|
||||
$parms['photo'],
|
||||
$parms['key'],
|
||||
$parms['dfrn-request'],
|
||||
$parms['dfrn-confirm'],
|
||||
$parms['dfrn-notify'],
|
||||
$parms['dfrn-poll'],
|
||||
((x($_POST,'visible')) ? 1 : 0 )
|
||||
);
|
||||
|
||||
}
|
||||
if($ret === false) {
|
||||
$_SESSION['sysmsg'] .= 'Failed to create contact record.' . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$ret = q("SELECT `id` FROM `contact`
|
||||
WHERE `uid` = '%s' AND `url` = '%s' AND `issued-id` = '%s'
|
||||
LIMIT 1",
|
||||
intval($uid),
|
||||
$parms['url'],
|
||||
$parms['issued-id']
|
||||
);
|
||||
|
||||
if(($ret !== NULL) && (count($ret)))
|
||||
$contact_id = $ret[0]['id'];
|
||||
|
||||
$hash = random_string() . (string) time(); // Generate a confirm_key
|
||||
|
||||
if($contact_id) {
|
||||
$ret = q("INSERT INTO `intro` ( `uid`, `contact-id`, `blocked`, `knowyou`, `note`, `hash`, `datetime`)
|
||||
VALUES ( %d, %d, 1, %d, '%s', '%s', '%s' )",
|
||||
intval($uid),
|
||||
intval($contact_id),
|
||||
((x($_POST,'knowyou') && ($_POST['knowyou'] == 1)) ? 1 : 0),
|
||||
dbesc(trim($_POST['dfrn-request-message'])),
|
||||
dbesc($hash),
|
||||
dbesc(datetime_convert())
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
// TODO: send an email notification if our user wants one
|
||||
|
||||
if(! $failed)
|
||||
$_SESSION['sysmsg'] .= "Your introduction has been sent." . EOL;
|
||||
|
||||
// "Homecoming" - send the requestor back to their site to record the introduction.
|
||||
|
||||
$dfrn_url = bin2hex($a->get_baseurl() . "/profile/$tailname");
|
||||
$aes_allow = ((function_exists('openssl_encrypt')) ? 1 : 0);
|
||||
|
||||
goaway($parms['dfrn-request'] . "?dfrn_url=$dfrn_url" . '&confirm_key=' . $hash . (($aes_allow) ? "&aes_allow=1" : ""));
|
||||
|
||||
}
|
||||
|
||||
}}
|
||||
|
||||
if(! function_exists('dfrn_request_content')) {
|
||||
function dfrn_request_content(&$a) {
|
||||
|
||||
|
||||
|
||||
if(($a->argc != 2) || (! count($a->profile)))
|
||||
return "";
|
||||
|
||||
$a->page['template'] = 'profile';
|
||||
|
||||
// "Homecoming". Make sure we're logged in to this site as the correct user. Then offer a confirm button
|
||||
// to send us to the post section to record the introduction.
|
||||
|
||||
if(x($_GET,'dfrn_url')) {
|
||||
|
||||
if(! x($_SESSION,'authenticated')) {
|
||||
$_SESSION['sysmsg'] .= "Please login to confirm introduction." . EOL;
|
||||
return login();
|
||||
}
|
||||
|
||||
// Edge case, but can easily happen in the wild. This person is authenticated,
|
||||
// but not as the person who needs to deal with this request.
|
||||
|
||||
if (($_SESSION['uid'] != $a->argv[1]) && ($a->user['nickname'] != $a->argv[1])) {
|
||||
$_SESSION['sysmsg'] .= "Incorrect identity currently logged in. Please login to <strong>this</strong> profile." . EOL;
|
||||
return login();
|
||||
}
|
||||
|
||||
$dfrn_url = notags(trim(pack("H*" , $_GET['dfrn_url'])));
|
||||
$aes_allow = (((x($_GET,'aes_allow')) && ($_GET['aes_allow'] == 1)) ? 1 : 0);
|
||||
$confirm_key = (x($_GET,'confirm_key') ? $_GET['confirm_key'] : "");
|
||||
$o .= file_get_contents("view/dfrn_req_confirm.tpl");
|
||||
$o = replace_macros($o,array(
|
||||
'$dfrn_url' => $dfrn_url,
|
||||
'$aes_allow' => (($aes_allow) ? '<input type="hidden" name="aes_allow" value="1" />' : "" ),
|
||||
'$confirm_key' => $confirm_key,
|
||||
'$username' => $a->user['username'],
|
||||
'$uid' => $_SESSION['uid'],
|
||||
'dfrn_rawurl' => $_GET['dfrn_url']
|
||||
));
|
||||
return $o;
|
||||
|
||||
}
|
||||
else {
|
||||
// safe to send our user their introduction
|
||||
if((x($_GET,'confirm_key')) && strlen($_GET['confirm_key'])) {
|
||||
$r = q("UPDATE `intro` SET `blocked` = 0 WHERE `hash` = '%s' LIMIT 1",
|
||||
dbesc($_GET['confirm_key'])
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// Outside request. Display our user's introduction form.
|
||||
|
||||
|
||||
$o = file_get_contents("view/dfrn_request.tpl");
|
||||
$o = replace_macros($o,array('$uid' => $a->profile['uid']));
|
||||
return $o;
|
||||
}
|
||||
}}
|
||||
24
mod/home.php
Normal file
24
mod/home.php
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
|
||||
if(! function_exists('home_init')) {
|
||||
function home_init(&$a) {
|
||||
|
||||
if(x($_SESSION,'authenticated') && (x($_SESSION,'uid'))) {
|
||||
if($a->user['nickname'])
|
||||
goaway( $a->get_baseurl() . "/profile/" . $a->user['nickname'] );
|
||||
else
|
||||
goaway( $a->get_baseurl() . "/profile/" . $_SESSION['uid'] );
|
||||
}
|
||||
}}
|
||||
|
||||
|
||||
if(! function_exists('home_content')) {
|
||||
function home_content(&$a) {
|
||||
|
||||
$a->page['footer'] .= "<div class=\"powered\" >Powered by <a href=\"http://dfrn.org\" name=\"DFRN.org\" >DFRN</a></div>";
|
||||
$o .= '<h1>Welcome' . ((x($a->config,'sitename')) ? " to {$a->config['sitename']}" : "" ) . '</h1>';
|
||||
$o .= login(1);
|
||||
return $o;
|
||||
|
||||
|
||||
}}
|
||||
68
mod/item.php
Normal file
68
mod/item.php
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
<?php
|
||||
|
||||
|
||||
function item_post(&$a) {
|
||||
|
||||
if((! local_user()) && (! remote_user()))
|
||||
return;
|
||||
|
||||
require_once('include/security.php');
|
||||
|
||||
$uid = $_SESSION['uid'];
|
||||
$parent = ((x($_POST,'parent')) ? intval($_POST['parent']) : 0);
|
||||
$profile_uid = ((x($_POST,'profile_uid')) ? intval($_POST['profile_uid']) : 0);
|
||||
if(! can_write_wall($a,$profile_uid)) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if((x($_SESSION,'visitor_id')) && (intval($_SESSION['visitor_id'])))
|
||||
$contact_id = $_SESSION['visitor_id'];
|
||||
else {
|
||||
$r = q("SELECT `id` FROM `contact` WHERE `uid` = %d AND `self` = 1 LIMIT 1",
|
||||
intval($_SESSION['uid']));
|
||||
if(count($r))
|
||||
$contact_id = $r[0]['id'];
|
||||
|
||||
if($_POST['type'] == 'jot') {
|
||||
|
||||
do {
|
||||
$dups = false;
|
||||
$hash = random_string();
|
||||
$r = q("SELECT `id` FROM `item` WHERE `hash` = '%s' LIMIT 1",
|
||||
dbesc($hash));
|
||||
if(count($r))
|
||||
$dups = true;
|
||||
} while($dups == true);
|
||||
|
||||
$r = q("INSERT INTO `item` (`uid`,`type`,`contact-id`,`created`,`edited`,`hash`,`body`)
|
||||
VALUES( %d, '%s', %d, '%s', '%s', '%s', '%s' )",
|
||||
intval($profile_uid),
|
||||
"jot",
|
||||
intval($contact_id),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc($hash),
|
||||
dbesc(escape_tags(trim($_POST['body'])))
|
||||
);
|
||||
$r = q("SELECT `id` FROM `item` WHERE `hash` = '%s' LIMIT 1",
|
||||
dbesc($hash));
|
||||
if(count($r)) {
|
||||
$post_id = $r[0]['id'];
|
||||
if(! $parent)
|
||||
$parent = $post_id;
|
||||
$r = q("UPDATE `item` SET `parent` = %d, `visible` = 1
|
||||
WHERE `id` = %d LIMIT 1",
|
||||
intval($parent),
|
||||
intval($post_id));
|
||||
}
|
||||
}
|
||||
goaway($a->get_baseurl() . "/profile/$uid");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
8
mod/login.php
Normal file
8
mod/login.php
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<?php
|
||||
|
||||
|
||||
|
||||
function login_content(&$a) {
|
||||
// return login($a->config['register_enabled']);
|
||||
return login(1);
|
||||
}
|
||||
98
mod/notifications.php
Normal file
98
mod/notifications.php
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
<?php
|
||||
|
||||
function notifications_post(&$a) {
|
||||
|
||||
if((! x($_SESSION,'authenticated')) || (! (x($_SESSION,'uid')))) {
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
|
||||
$request_id = (($a->argc > 1) ? $a->argv[0] : 0);
|
||||
|
||||
if($request_id == "all")
|
||||
return;
|
||||
|
||||
if($request_id) {
|
||||
|
||||
$r = q("SELECT `id` FROM `intro`
|
||||
WHERE `request-id` = %d
|
||||
AND `uid` = %d LIMIT 1",
|
||||
intval($request_id),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
|
||||
if(count($r)) {
|
||||
$intro_id = $r[0]['id'];
|
||||
}
|
||||
else {
|
||||
$_SESSION['sysmsg'] .= "Invalid request identifier." . EOL;
|
||||
return;
|
||||
}
|
||||
if($_POST['submit'] == 'Discard') {
|
||||
$r = q("DELETE `intro` WHERE `id` = %d LIMIT 1", intval($intro_id));
|
||||
$r = q("DELETE `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($request_id),
|
||||
intval($_SESSION['uid']));
|
||||
return;
|
||||
}
|
||||
if($_POST['submit'] == 'Ignore') {
|
||||
$r = q("UPDATE `intro` SET `ignore` = 1 WHERE `id` = %d LIMIT 1",
|
||||
intval($intro_id));
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function notifications_content(&$a) {
|
||||
|
||||
$o = '';
|
||||
|
||||
if((! x($_SESSION,'authenticated')) || (! (x($_SESSION,'uid')))) {
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
|
||||
if(($a->argc > 1) && ($a->argv[1] == 'all'))
|
||||
$sql_extra = '';
|
||||
else
|
||||
$sql_extra = " AND `ignore` = 0 ";
|
||||
|
||||
|
||||
$tpl = file_get_contents('view/intros-top.tpl');
|
||||
$o .= replace_macros($tpl,array(
|
||||
'$hide_url' => ((strlen($sql_extra)) ? 'notifications/all' : 'notifications' ),
|
||||
'$hide_text' => ((strlen($sql_extra)) ? 'Show Ignored Requests' : 'Hide Ignored Requests')
|
||||
));
|
||||
dbg(2);
|
||||
$r = q("SELECT `intro`.`id` AS `intro-id`, `intro`.*, `contact`.*
|
||||
FROM `intro` LEFT JOIN `contact` ON `intro`.`contact-id` = `contact`.`id`
|
||||
WHERE `intro`.`uid` = %d $sql_extra AND `intro`.`blocked` = 0 ",
|
||||
intval($_SESSION['uid']));
|
||||
dbg(0);
|
||||
if(($r !== false) && (count($r))) {
|
||||
|
||||
|
||||
$tpl = file_get_contents("view/intros.tpl");
|
||||
|
||||
foreach($r as $rr) {
|
||||
|
||||
$o .= replace_macros($tpl,array(
|
||||
'$intro_id' => $rr['intro-id'],
|
||||
'$dfrn-id' => $rr['issued-id'],
|
||||
'$uid' => $_SESSION['uid'],
|
||||
'$contact-id' => $rr['contact-id'],
|
||||
'$photo' => ((x($rr,'photo')) ? $rr['photo'] : "images/default-profile.jpg"),
|
||||
'$fullname' => $rr['name'],
|
||||
'$knowyou' => (($rr['knowyou']) ? 'yes' : 'no'),
|
||||
'$url' => $rr['url'],
|
||||
'$note' => $rr['note']
|
||||
));
|
||||
}
|
||||
}
|
||||
else
|
||||
$_SESSION['sysmsg'] .= "No notifications." . EOL;
|
||||
|
||||
return $o;
|
||||
}
|
||||
25
mod/photo.php
Normal file
25
mod/photo.php
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?php
|
||||
|
||||
function photo_init(&$a) {
|
||||
|
||||
if($a->argc != 2) {
|
||||
killme();
|
||||
}
|
||||
$resolution = 0;
|
||||
$photo = $a->argv[1];
|
||||
$photo = str_replace('.jpg','',$photo);
|
||||
if(substr($photo,-2,1) == '-') {
|
||||
$resolution = intval(substr($photo,-1,1));
|
||||
$photo = substr($photo,0,-2);
|
||||
}
|
||||
$r = q("SELECT * FROM `photo` WHERE `resource-id` = '%s'
|
||||
AND `scale` = %d LIMIT 1",
|
||||
dbesc($photo),
|
||||
intval($resolution));
|
||||
if($r === NULL || (! count($r))) {
|
||||
killme();
|
||||
}
|
||||
header("Content-type: image/jpeg");
|
||||
echo $r[0]['data'];
|
||||
|
||||
}
|
||||
136
mod/profile.php
Normal file
136
mod/profile.php
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
<?php
|
||||
|
||||
if(! function_exists('profile_load')) {
|
||||
function profile_load(&$a,$uid,$profile = 0) {
|
||||
|
||||
$sql_extra = (($uid) && (intval($uid))
|
||||
? " WHERE `user`.`uid` = " . intval($uid)
|
||||
: " WHERE `user`.`nickname` = '" . dbesc($uid) . "' " );
|
||||
|
||||
if(remote_user()) {
|
||||
$r = q("SELECT `profile-id` FROM `contact` WHERE `id` = %d LIMIT 1",
|
||||
intval($_SESSION['visitor_id']));
|
||||
if(count($r))
|
||||
$profile = $r[0]['profile-id'];
|
||||
}
|
||||
|
||||
if($profile) {
|
||||
$profile_int = intval($profile);
|
||||
$sql_which = " AND `profile`.`id` = $profile_int ";
|
||||
}
|
||||
else
|
||||
$sql_which = " AND `profile`.`is-default` = 1 ";
|
||||
|
||||
$r = q("SELECT `profile`.`uid` AS `profile_uid`, `profile`.* , `user`.* FROM `profile`
|
||||
LEFT JOIN `user` ON `profile`.`uid` = `user`.`uid`
|
||||
$sql_extra $sql_which LIMIT 1"
|
||||
);
|
||||
|
||||
if(($r === false) || (! count($r))) {
|
||||
$_SESSION['sysmsg'] .= "No profile" . EOL ;
|
||||
$a->error = 404;
|
||||
return;
|
||||
}
|
||||
|
||||
$a->profile = $r[0];
|
||||
|
||||
$a->page['template'] = 'profile';
|
||||
|
||||
$a->page['title'] = $a->profile['name'];
|
||||
|
||||
return;
|
||||
}}
|
||||
|
||||
function profile_init(&$a) {
|
||||
|
||||
if($_SESSION['authenticated']) {
|
||||
|
||||
// choose which page to show (could be remote auth)
|
||||
|
||||
}
|
||||
|
||||
if($a->argc > 1)
|
||||
$which = $a->argv[1];
|
||||
else {
|
||||
$_SESSION['sysmsg'] .= "No profile" . EOL ;
|
||||
$a->error = 404;
|
||||
return;
|
||||
}
|
||||
|
||||
profile_load($a,$which);
|
||||
|
||||
$dfrn_pages = array('request', 'confirm', 'notify', 'poll');
|
||||
foreach($dfrn_pages as $dfrn)
|
||||
$a->page['htmlhead'] .= "<link rel=\"dfrn-{$dfrn}\" href=\"".$a->get_baseurl()."/dfrn_{$dfrn}/{$which}\" />\r\n";
|
||||
}
|
||||
|
||||
function item_display($item,$template) {
|
||||
|
||||
$o .= replace_macros($template,array(
|
||||
'$id' => $item['item_id'],
|
||||
'$profile_url' => $item['url'],
|
||||
'$name' => $item['name'],
|
||||
'$thumb' => $item['thumb'],
|
||||
'$body' => bbcode($item['body']),
|
||||
'$ago' => relative_date($item['created'])
|
||||
));
|
||||
|
||||
|
||||
return $o;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function profile_content(&$a) {
|
||||
|
||||
require_once("include/bbcode.php");
|
||||
require_once('include/security.php');
|
||||
|
||||
// $tpl = file_get_contents('view/profile_tabs.tpl');
|
||||
|
||||
|
||||
if(can_write_wall($a,$a->profile['profile_uid'])) {
|
||||
$tpl = file_get_contents('view/jot-header.tpl');
|
||||
|
||||
$a->page['htmlhead'] .= replace_macros($tpl, array('$baseurl' => $a->get_baseurl()));
|
||||
|
||||
$tpl = file_get_contents("view/jot.tpl");
|
||||
$o .= replace_macros($tpl,array(
|
||||
'$baseurl' => $a->get_baseurl(),
|
||||
'$profile_uid' => $a->profile['profile_uid']
|
||||
));
|
||||
}
|
||||
|
||||
|
||||
if($a->profile['is-default']) {
|
||||
|
||||
// TODO left join with contact which will carry names and photos. (done)Store local users in contact as well as user.(done)
|
||||
// Alter registration and settings
|
||||
// and profile to update contact table when names and photos change.
|
||||
// work on item_display and can_write_wall
|
||||
|
||||
// Add comments.
|
||||
|
||||
$r = q("SELECT `item`.*, `contact`.`name`, `contact`.`photo`, `contact`.`thumb`, `contact`.`id` AS `cid`
|
||||
FROM `item` LEFT JOIN `contact` ON `contact`.`id` = `item`.`contact-id`
|
||||
WHERE `item`.`uid` = %d AND `item`.`visible` = 1
|
||||
AND `contact`.`blocked` = 0
|
||||
AND `allow_uid` = '' AND `allow_gid` = '' AND `deny_uid` = '' AND `deny_gid` = ''
|
||||
GROUP BY `item`.`parent`, `item`.`id`
|
||||
ORDER BY `created` DESC LIMIT 0,30 ",
|
||||
intval($a->profile['uid'])
|
||||
);
|
||||
|
||||
$tpl = file_get_contents('view/wall_item.tpl');
|
||||
|
||||
if(count($r)) {
|
||||
foreach($r as $rr) {
|
||||
$o .= item_display($rr,$tpl);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return $o;
|
||||
|
||||
|
||||
}
|
||||
227
mod/profile_photo.php
Normal file
227
mod/profile_photo.php
Normal file
|
|
@ -0,0 +1,227 @@
|
|||
<?php
|
||||
|
||||
require_once("Photo.php");
|
||||
|
||||
function profile_photo_init(&$a) {
|
||||
|
||||
if((! x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
$a->error = 404;
|
||||
return;
|
||||
}
|
||||
require_once("mod/profile.php");
|
||||
profile_load($a,$_SESSION['uid']);
|
||||
}
|
||||
|
||||
|
||||
function profile_photo_post(&$a) {
|
||||
|
||||
|
||||
|
||||
if((! x($_SESSION,'authenticated')) && (! (x($_SESSION,'uid')))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if($a->argc > 1)
|
||||
$profile_id = intval($a->argv[1]);
|
||||
|
||||
if(x($_POST,'xstart') !== false) {
|
||||
// phase 2 - we have finished cropping
|
||||
if($a->argc != 3) {
|
||||
$_SESSION['sysmsg'] .= "Image uploaded but image cropping failed." . EOL;
|
||||
return;
|
||||
}
|
||||
$image_id = $a->argv[2];
|
||||
if(substr($image_id,-2,1) == '-') {
|
||||
$scale = substr($image_id,-1,1);
|
||||
$image_id = substr($image_id,0,-2);
|
||||
}
|
||||
|
||||
|
||||
$srcX = $_POST['xstart'];
|
||||
$srcY = $_POST['ystart'];
|
||||
$srcW = $_POST['xfinal'] - $srcX;
|
||||
$srcH = $_POST['yfinal'] - $srcY;
|
||||
|
||||
$r = q("SELECT * FROM `photo` WHERE `resource-id` = '%s' AND `scale` = %d LIMIT 1",
|
||||
dbesc($image_id),
|
||||
intval($scale));
|
||||
if($r !== NULL && (count($r))) {
|
||||
$im = new Photo($r[0]['data']);
|
||||
$im->cropImage(175,$srcX,$srcY,$srcW,$srcH);
|
||||
$s = $im->imageString();
|
||||
$x = $im->getWidth();
|
||||
$y = $im->getHeight();
|
||||
|
||||
$ret = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 4 )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($r[0]['resource-id']),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc($r[0]['filename']),
|
||||
intval($y),
|
||||
intval($x),
|
||||
dbesc($s));
|
||||
if($r === NULL)
|
||||
$_SESSION['sysmsg'] .= "Image size reduction (175) failed." . EOL;
|
||||
|
||||
$im->scaleImage(80);
|
||||
$s = $im->imageString();
|
||||
$x = $im->getWidth();
|
||||
$y = $im->getHeight();
|
||||
$ret = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 5 )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($r[0]['resource-id']),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc($r[0]['filename']),
|
||||
intval($y),
|
||||
intval($x),
|
||||
dbesc($s));
|
||||
if($r === NULL)
|
||||
$_SESSION['sysmsg'] .= "Image size reduction (80) failed." . EOL;
|
||||
$r = q("UPDATE `profile` SET `photo` = '%s', `thumb` = '%s' WHERE `id` = %d LIMIT 1",
|
||||
dbesc($a->get_baseurl() . '/photo/' . $image_id . '-4.jpg'),
|
||||
dbesc($a->get_baseurl() . '/photo/' . $image_id . '-5.jpg'),
|
||||
intval($profile_id));
|
||||
if($r === NULL)
|
||||
$_SESSION['sysmsg'] .= "Failed to add image to profile." . EOL;
|
||||
|
||||
}
|
||||
goaway($a->get_baseurl() . '/profiles');
|
||||
}
|
||||
|
||||
$extra_sql = (($profile_id) ? " AND `id` = " . intval($profile_id) : " AND `is-default` = 1 " );
|
||||
|
||||
|
||||
$r = q("SELECT `id` FROM `profile` WHERE `uid` = %d $extra_sql LIMIT 1", intval($_SESSION['uid']));
|
||||
if($r === NULL || (! count($r))) {
|
||||
$_SESSION['sysmsg'] .= "Profile unavailable." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$src = $_FILES['userfile']['tmp_name'];
|
||||
$filename = basename($_FILES['userfile']['name']);
|
||||
$filesize = intval($_FILES['userfile']['size']);
|
||||
|
||||
$imagedata = @file_get_contents($src);
|
||||
$ph = new Photo($imagedata);
|
||||
|
||||
if(! ($image = $ph->getImage())) {
|
||||
$_SESSION['sysmsg'] .= "Unable to process image." . EOL;
|
||||
@unlink($src);
|
||||
return;
|
||||
}
|
||||
|
||||
@unlink($src);
|
||||
$width = $ph->getWidth();
|
||||
$height = $ph->getHeight();
|
||||
|
||||
if($width < 175 || $width < 175) {
|
||||
$ph->scaleImageUp(200);
|
||||
$width = $ph->getWidth();
|
||||
$height = $ph->getHeight();
|
||||
}
|
||||
|
||||
$hash = hash('md5',uniqid(mt_rand(),true));
|
||||
|
||||
$str_image = $ph->imageString();
|
||||
$smallest = 0;
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 0 )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($filename)),
|
||||
intval($height),
|
||||
intval($width),
|
||||
dbesc($str_image));
|
||||
if($r)
|
||||
$_SESSION['sysmsg'] .= "Image uploaded successfully." . EOL;
|
||||
else
|
||||
$_SESSION['sysmsg'] .= "Image upload failed." . EOL;
|
||||
|
||||
if($width > 640 || $height > 640) {
|
||||
$ph->scaleImage(640);
|
||||
$str_image = $ph->imageString();
|
||||
$width = $ph->getWidth();
|
||||
$height = $ph->getHeight();
|
||||
|
||||
$r = q("INSERT INTO `photo` ( `uid`, `resource-id`, `created`, `edited`, `filename`,
|
||||
`height`, `width`, `data`, `scale` )
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s', %d, %d, '%s', 1 )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($hash),
|
||||
datetime_convert(),
|
||||
datetime_convert(),
|
||||
dbesc(basename($filename)),
|
||||
intval($height),
|
||||
intval($width),
|
||||
dbesc($str_image));
|
||||
if($r === NULL)
|
||||
$_SESSION['sysmsg'] .= "Image size reduction (640) failed." . EOL;
|
||||
else
|
||||
$smallest = 1;
|
||||
}
|
||||
|
||||
$a->config['imagecrop'] = $hash;
|
||||
$a->config['imagecrop_resolution'] = $smallest;
|
||||
$a->page['htmlhead'] .= file_get_contents("view/crophead.tpl");
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(! function_exists('profile_photo_content')) {
|
||||
function profile_photo_content(&$a) {
|
||||
|
||||
|
||||
if(! x($a->config,'imagecrop')) {
|
||||
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if($a->argc > 1)
|
||||
$profile_id = intval($a->argv[1]);
|
||||
|
||||
$extra_sql = (($profile_id) ? " AND `id` = $profile_id " : " AND `is-default` = 1 " );
|
||||
|
||||
|
||||
$r = q("SELECT `id` FROM `profile` WHERE `uid` = %d $extra_sql LIMIT 1", intval($_SESSION['uid']));
|
||||
if($r === NULL || (! count($r))) {
|
||||
$_SESSION['sysmsg'] .= "Profile unavailable." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$o = file_get_contents('view/profile_photo.tpl');
|
||||
|
||||
$o = replace_macros($o,array(
|
||||
'$profile_id' => $r[0]['id'],
|
||||
'$uid' => $_SESSION['uid'],
|
||||
));
|
||||
|
||||
return $o;
|
||||
}
|
||||
else {
|
||||
$filename = $a->config['imagecrop'] . '-' . $a->config['imagecrop_resolution'] . '.jpg';
|
||||
$resolution = $a->config['imagecrop_resolution'];
|
||||
$o = file_get_contents("view/cropbody.tpl");
|
||||
$o = replace_macros($o,array(
|
||||
'$filename' => $filename,
|
||||
'$profile_id' => $a->argv[1],
|
||||
'$resource' => $a->config['imagecrop'] . '-' . $a->config['imagecrop_resolution'],
|
||||
'$image_url' => $a->get_baseurl() . '/photo/' . $filename
|
||||
));
|
||||
|
||||
return $o;
|
||||
}
|
||||
|
||||
|
||||
}}
|
||||
190
mod/profiles.php
Normal file
190
mod/profiles.php
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<?php
|
||||
|
||||
|
||||
function profiles_post(&$a) {
|
||||
|
||||
if(! local_user()) {
|
||||
$_SESSION['sysmsg'] .= "Unauthorised." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
// todo - delete... ensure that all contacts using the to-be-deleted profile are moved to the default.
|
||||
|
||||
|
||||
|
||||
if(($a->argc > 1) && ($a->argv[1] != "new") && intval($a->argv[1])) {
|
||||
$r = q("SELECT * FROM `profile` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($a->argv[1]),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
if(! count($r)) {
|
||||
$_SESSION['sysmsg'] .= "Profile not found." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$profile_name = notags(trim($_POST['profile_name']));
|
||||
if(! strlen($profile_name)) {
|
||||
$a->$_SESSION['sysmsg'] .= "Profile Name is required." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$name = notags(trim($_POST['name']));
|
||||
$gender = notags(trim($_POST['gender']));
|
||||
$address = notags(trim($_POST['address']));
|
||||
$locality = notags(trim($_POST['locality']));
|
||||
$region = notags(trim($_POST['region']));
|
||||
$postal_code = notags(trim($_POST['postal_code']));
|
||||
$country_name = notags(trim($_POST['country_name']));
|
||||
$marital = notags(trim(implode(', ',$_POST['marital'])));
|
||||
$homepage = notags(trim($_POST['homepage']));
|
||||
$about = str_replace(array('<','>','&'),array('<','>','&'),trim($_POST['about']));
|
||||
|
||||
if(! in_array($gender,array('','Male','Female','Other')))
|
||||
$gender = '';
|
||||
|
||||
$r = q("UPDATE `profile`
|
||||
SET `profile-name` = '%s',
|
||||
`name` = '%s',
|
||||
`gender` = '%s',
|
||||
`address` = '%s',
|
||||
`locality` = '%s',
|
||||
`region` = '%s',
|
||||
`postal-code` = '%s',
|
||||
`country-name` = '%s',
|
||||
`marital` = '%s',
|
||||
`homepage` = '%s',
|
||||
`about` = '%s'
|
||||
WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
dbesc($profile_name),
|
||||
dbesc($name),
|
||||
dbesc($gender),
|
||||
dbesc($address),
|
||||
dbesc($locality),
|
||||
dbesc($region),
|
||||
dbesc($postal_code),
|
||||
dbesc($country_name),
|
||||
dbesc($marital),
|
||||
dbesc($homepage),
|
||||
dbesc($about),
|
||||
intval($a->argv[1]),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
|
||||
if($r)
|
||||
$_SESSION['sysmsg'] .= "Profile updated." . EOL;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
function profiles_content(&$a) {
|
||||
if(! local_user()) {
|
||||
$_SESSION['sysmsg'] .= "Unauthorised." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if(($a->argc > 1) && ($a->argv[1] == 'new')) {
|
||||
|
||||
$r0 = q("SELECT `id` FROM `profile` WHERE `uid` = %d",
|
||||
intval($_SESSION['uid']));
|
||||
$num_profiles = count($r0);
|
||||
|
||||
$name = "Profile-" . ($num_profiles + 1);
|
||||
|
||||
$r1 = q("SELECT `name`, `photo`, `thumb` FROM `profile` WHERE `uid` = %d AND `is-default` = 1 LIMIT 1",
|
||||
intval($_SESSION['uid']));
|
||||
|
||||
$r2 = q("INSERT INTO `profile` (`uid` , `profile-name` , `name`, `photo`, `thumb`)
|
||||
VALUES ( %d, '%s', '%s', '%s', '%s' )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($name),
|
||||
dbesc($r1[0]['name']),
|
||||
dbesc($r1[0]['photo']),
|
||||
dbesc($ra[0]['thumb'])
|
||||
);
|
||||
|
||||
$r3 = q("SELECT `id` FROM `profile` WHERE `uid` = %d AND `profile-name` = '%s' LIMIT 1",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($name)
|
||||
);
|
||||
$_SESSION['sysmsg'] .= "New profile created." . EOL;
|
||||
if(count($r3) == 1)
|
||||
goaway($a->get_baseurl() . '/profiles/' . $r3[0]['id']);
|
||||
goaway($a->get_baseurl() . '/profiles');
|
||||
}
|
||||
|
||||
|
||||
if(intval($a->argv[1])) {
|
||||
$r = q("SELECT * FROM `profile` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($a->argv[1]),
|
||||
intval($_SESSION['uid'])
|
||||
);
|
||||
if(! count($r)) {
|
||||
$_SESSION['sysmsg'] .= "Profile not found." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
require_once('mod/profile.php');
|
||||
profile_load($a,$_SESSION['uid'],$r[0]['id']);
|
||||
|
||||
require_once('view/profile_selectors.php');
|
||||
|
||||
$tpl = file_get_contents('view/jot-header.tpl');
|
||||
$profile_in_dir = file_get_contents("view/profile-in-directory.tpl");
|
||||
|
||||
$a->page['htmlhead'] .= replace_macros($tpl, array('$baseurl' => $a->get_baseurl()));
|
||||
|
||||
$a->page['aside'] = file_get_contents('view/sidenote.tpl');
|
||||
$is_default = (($r[0]['is-default']) ? 1 : 0);
|
||||
$tpl = file_get_contents("view/profile_edit.tpl");
|
||||
$o .= replace_macros($tpl,array(
|
||||
'$baseurl' => $a->get_baseurl(),
|
||||
'$profile_id' => $r[0]['id'],
|
||||
'$profile_name' => $r[0]['profile-name'],
|
||||
'$default' => (($is_default) ? "<p id=\"profile-edit-default-desc\">This is your <strong>public</strong> profile.</p>" : ""),
|
||||
'$name' => $r[0]['name'],
|
||||
'$dob' => $r[0]['dob'],
|
||||
'$address' => $r[0]['address'],
|
||||
'$locality' => $r[0]['locality'],
|
||||
'$region' => $r[0]['region'],
|
||||
'$postal_code' => $r[0]['postal-code'],
|
||||
'$country_name' => $r[0]['country-name'],
|
||||
'$age' => $r[0]['age'],
|
||||
'$gender' => gender_selector($r[0]['gender']),
|
||||
'$marital' => marital_selector($r[0]['marital']),
|
||||
'$about' => $r[0]['about'],
|
||||
'$homepage' => $r[0]['homepage'],
|
||||
'$profile_in_dir' => (($is_default) ? $profile_in_dir : '')
|
||||
));
|
||||
|
||||
return $o;
|
||||
|
||||
|
||||
}
|
||||
else {
|
||||
|
||||
$r = q("SELECT * FROM `profile` WHERE `uid` = %d",
|
||||
$_SESSION['uid']);
|
||||
if(count($r)) {
|
||||
|
||||
$o .= file_get_contents('view/profile_listing_header.tpl');
|
||||
$tpl_default = file_get_contents('view/profile_entry_default.tpl');
|
||||
$tpl = file_get_contents('view/profile_entry.tpl');
|
||||
|
||||
foreach($r as $rr) {
|
||||
$template = (($rr['is-default']) ? $tpl_default : $tpl);
|
||||
$o .= replace_macros($template, array(
|
||||
'$photo' => $rr['thumb'],
|
||||
'$id' => $rr['id'],
|
||||
'$profile_name' => $rr['profile-name']
|
||||
));
|
||||
}
|
||||
}
|
||||
return $o;
|
||||
}
|
||||
|
||||
}
|
||||
21
mod/redir.php
Normal file
21
mod/redir.php
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
|
||||
function redir_init(&$a) {
|
||||
|
||||
if((! local_user()) || (! ($a->argc == 2)) || (! intval($a->argv[1])))
|
||||
goaway($a->get_baseurl());
|
||||
$r = q("SELECT `dfrn-id`, `poll` FROM `contact` WHERE `id` = %d AND `uid` = %d LIMIT 1",
|
||||
intval($a->argv[1]),
|
||||
intval($_SESSION['uid']));
|
||||
if(! count($r))
|
||||
goaway($a->get_baseurl());
|
||||
q("INSERT INTO `profile_check` ( `uid`, `dfrn_id`, `expire`)
|
||||
VALUES( %d, '%s', %d )",
|
||||
intval($_SESSION['uid']),
|
||||
dbesc($r[0]['dfrn-id']),
|
||||
intval(time() + 30));
|
||||
goaway ($r[0]['poll'] . '?dfrn_id=' . $r[0]['dfrn-id'] . '&type=profile');
|
||||
|
||||
|
||||
|
||||
}
|
||||
175
mod/register.php
Normal file
175
mod/register.php
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
<?php
|
||||
|
||||
if(! function_exists('register_post')) {
|
||||
function register_post(&$a) {
|
||||
|
||||
$verified = 0;
|
||||
$blocked = 1;
|
||||
|
||||
switch($a->config['register_policy']) {
|
||||
|
||||
|
||||
case REGISTER_OPEN:
|
||||
$blocked = 0;
|
||||
$verified = 1;
|
||||
break;
|
||||
|
||||
case REGISTER_VERIFY:
|
||||
$blocked = 1;
|
||||
$verify = 0;
|
||||
break;
|
||||
|
||||
default:
|
||||
case REGISTER_CLOSED:
|
||||
if((! x($_SESSION,'authenticated') && (! x($_SESSION,'administrator')))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
$blocked = 0;
|
||||
$verified = 0;
|
||||
break;
|
||||
}
|
||||
|
||||
if(x($_POST,'username'))
|
||||
$username = notags(trim($_POST['username']));
|
||||
if(x($_POST,'email'))
|
||||
$email =notags(trim($_POST['email']));
|
||||
|
||||
if((! x($username)) || (! x($email))) {
|
||||
$_SESSION['sysmsg'] .= "Please enter the required information.". EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
$err = '';
|
||||
|
||||
if(!eregi('[A-Za-z0-9._%-]+@[A-Za-z0-9._%-]+\.[A-Za-z]{2,6}',$email))
|
||||
$err .= " Not valid email.";
|
||||
if(strlen($username) > 40)
|
||||
$err .= " Please use a shorter name.";
|
||||
if(strlen($username) < 3)
|
||||
$err .= " Name too short.";
|
||||
$r = q("SELECT `uid` FROM `user`
|
||||
WHERE `email` = '%s' LIMIT 1",
|
||||
dbesc($email)
|
||||
);
|
||||
if($r !== false && count($r))
|
||||
$err .= " This email address is already registered." . EOL;
|
||||
if(strlen($err)) {
|
||||
$_SESSION['sysmsg'] .= $err;
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
$new_password = autoname(6) . mt_rand(100,9999);
|
||||
$new_password_encoded = hash('whirlpool',$new_password);
|
||||
|
||||
$res=openssl_pkey_new(array(
|
||||
'digest_alg' => 'whirlpool',
|
||||
'private_key_bits' => 4096,
|
||||
'encrypt_key' => false ));
|
||||
|
||||
// Get private key
|
||||
|
||||
$prvkey = '';
|
||||
|
||||
openssl_pkey_export($res, $prvkey);
|
||||
|
||||
// Get public key
|
||||
|
||||
$pkey = openssl_pkey_get_details($res);
|
||||
$pubkey = $pkey["key"];
|
||||
|
||||
$r = q("INSERT INTO `user` ( `username`, `password`, `email`,
|
||||
`pubkey`, `prvkey`, `verified`, `blocked` )
|
||||
VALUES ( '%s', '%s', '%s', '%s', '%s', %d, %d )",
|
||||
dbesc($username),
|
||||
dbesc($new_password_encoded),
|
||||
dbesc($email),
|
||||
dbesc($pubkey),
|
||||
dbesc($prvkey),
|
||||
intval($verified),
|
||||
intval($blocked)
|
||||
);
|
||||
|
||||
if($r) {
|
||||
$r = q("SELECT `uid` FROM `user`
|
||||
WHERE `username` = '%s' AND `password` = '%s' LIMIT 1",
|
||||
dbesc($username),
|
||||
dbesc($new_password_encoded)
|
||||
);
|
||||
if($r !== false && count($r))
|
||||
$newuid = intval($r[0]['uid']);
|
||||
}
|
||||
else {
|
||||
$_SESSION['sysmsg'] .= "An error occurred during registration. Please try again." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
if(x($newuid) !== NULL) {
|
||||
$r = q("INSERT INTO `profile` ( `uid`, `profile-name`, `is-default`, `name`, `photo`, `thumb` )
|
||||
VALUES ( %d, '%s', %d, '%s', '%s', '%s' ) ",
|
||||
intval($newuid),
|
||||
'default',
|
||||
1,
|
||||
dbesc($username),
|
||||
dbesc($a->get_baseurl() . '/images/default-profile.jpg'),
|
||||
dbesc($a->get_baseurl() . '/images/default-profile-sm.jpg')
|
||||
);
|
||||
if($r === false) {
|
||||
$_SESSION['sysmsg'] .= "An error occurred creating your default profile. Please try again." . EOL ;
|
||||
// Start fresh next time.
|
||||
$r = q("DELETE FROM `user` WHERE `uid` = %d",
|
||||
intval($newuid));
|
||||
return;
|
||||
}
|
||||
$r = q("INSERT INTO `contact` ( `uid`, `created`, `self`, `name`, `photo`, `thumb`, `blocked` )
|
||||
VALUES ( %d, '%s', 1, '%s', '%s', '%s', 0 ) ",
|
||||
intval($newuid),
|
||||
datetime_convert(),
|
||||
dbesc($username),
|
||||
dbesc($a->get_baseurl() . '/images/default-profile.jpg'),
|
||||
dbesc($a->get_baseurl() . '/images/default-profile-sm.jpg')
|
||||
);
|
||||
|
||||
|
||||
}
|
||||
|
||||
if( $a->config['register_policy'] == REGISTER_OPEN ) {
|
||||
$email_tpl = file_get_contents("view/register_open_eml.tpl");
|
||||
$email_tpl = replace_macros($email_tpl, array(
|
||||
'$sitename' => $a->config['sitename'],
|
||||
'$siteurl' => $a->get_baseurl(),
|
||||
'$username' => $username,
|
||||
'$email' => $email,
|
||||
'$password' => $new_password,
|
||||
'$uid' => $newuid ));
|
||||
|
||||
$res = mail($email,"Registration details for {$a->config['sitename']}",$email_tpl,"From: Administrator@{$_SERVER[SERVER_NAME]}");
|
||||
|
||||
}
|
||||
|
||||
if($res) {
|
||||
$_SESSION['sysmsg'] .= "Registration successful. Please check your email for further instructions." . EOL ;
|
||||
goaway($a->get_baseurl());
|
||||
}
|
||||
else {
|
||||
$_SESSION['sysmsg'] .= "Failed to send email message. Here is the message that failed. $email_tpl " . EOL;
|
||||
}
|
||||
|
||||
return;
|
||||
}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if(! function_exists('register_content')) {
|
||||
function register_content(&$a) {
|
||||
|
||||
$o = file_get_contents("view/register.tpl");
|
||||
$o = replace_macros($o, array('$registertext' =>((x($a->config,'register_text'))? $a->config['register_text'] : "" )));
|
||||
return $o;
|
||||
|
||||
}}
|
||||
|
||||
170
mod/settings.php
Normal file
170
mod/settings.php
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
<?php
|
||||
|
||||
|
||||
function settings_init(&$a) {
|
||||
|
||||
if((! x($_SESSION,'authenticated')) && (x($_SESSION,'uid'))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
$a->error = 404;
|
||||
return;
|
||||
}
|
||||
require_once("mod/profile.php");
|
||||
profile_load($a,$_SESSION['uid']);
|
||||
}
|
||||
|
||||
|
||||
function settings_post(&$a) {
|
||||
|
||||
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
if(count($a->user) && x($a->user,'uid') && $a->user['uid'] != $_SESSION['uid']) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
if((x($_POST,'password')) || (x($_POST,'confirm'))) {
|
||||
|
||||
$newpass = trim($_POST['password']);
|
||||
$confirm = trim($_POST['confirm']);
|
||||
|
||||
$err = false;
|
||||
if($newpass != $confirm ) {
|
||||
$_SESSION['sysmsg'] .= "Passwords do not match. Password unchanged." . EOL;
|
||||
$err = true;
|
||||
}
|
||||
|
||||
if((! x($newpass)) || (! x($confirm))) {
|
||||
$_SESSION['sysmsg'] .= "Empty passwords are not allowed. Password unchanged." . EOL;
|
||||
$err = true;
|
||||
}
|
||||
|
||||
if(! $err) {
|
||||
$password = hash('whirlpool',$newpass);
|
||||
$r = q("UPDATE `user` SET `password` = '%s' WHERE `uid` = %d LIMIT 1",
|
||||
dbesc($password),
|
||||
intval($_SESSION['uid']));
|
||||
if($r)
|
||||
$_SESSION['sysmsg'] .= "Password changed." . EOL;
|
||||
else
|
||||
$_SESSION['sysmsg'] .= "Password update failed. Please try again." . EOL;
|
||||
}
|
||||
}
|
||||
|
||||
$username = notags(trim($_POST['username']));
|
||||
$email = notags(trim($_POST['email']));
|
||||
if(x($_POST,'nick'))
|
||||
$nick = notags(trim($_POST['nick']));
|
||||
$timezone = notags(trim($_POST['timezone']));
|
||||
|
||||
$username_changed = false;
|
||||
$email_changed = false;
|
||||
$nick_changed = false;
|
||||
$zone_changed = false;
|
||||
$err = '';
|
||||
|
||||
if($username != $a->user['username']) {
|
||||
$username_changed = true;
|
||||
if(strlen($username) > 40)
|
||||
$err .= " Please use a shorter name.";
|
||||
if(strlen($username) < 3)
|
||||
$err .= " Name too short.";
|
||||
}
|
||||
if($email != $a->user['email']) {
|
||||
$email_changed = true;
|
||||
if(!eregi('[A-Za-z0-9._%-]+@[A-Za-z0-9._%-]+\.[A-Za-z]{2,6}',$email))
|
||||
$err .= " Not valid email.";
|
||||
$r = q("SELECT `uid` FROM `user`
|
||||
WHERE `email` = '%s' LIMIT 1",
|
||||
dbesc($email)
|
||||
);
|
||||
if($r !== NULL && count($r))
|
||||
$err .= " This email address is already registered." . EOL;
|
||||
}
|
||||
if((x($nick)) && ($nick != $a->user['nickname'])) {
|
||||
$nick_changed = true;
|
||||
if(! preg_match("/^[a-zA-Z][a-zA-Z0-9\-\_]*$/",$nick))
|
||||
$err .= " Nickname must start with a letter and contain only contain letters, numbers, dashes, and underscore.";
|
||||
$r = q("SELECT `uid` FROM `user`
|
||||
WHERE `nickname` = '%s' LIMIT 1",
|
||||
dbesc($nick)
|
||||
);
|
||||
if($r !== NULL && count($r))
|
||||
$err .= " Nickname is already registered. Try another." . EOL;
|
||||
}
|
||||
else
|
||||
$nick = $a->user['nickname'];
|
||||
|
||||
if(strlen($err)) {
|
||||
$_SESSION['sysmsg'] .= $err . EOL;
|
||||
return;
|
||||
}
|
||||
if($timezone != $a->user['timezone']) {
|
||||
$zone_changed = true;
|
||||
if(strlen($timezone))
|
||||
date_default_timezone_set($timezone);
|
||||
}
|
||||
if($email_changed || $username_changed || $nick_changed || $zone_changed ) {
|
||||
$r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `nickname` = '%s', `timezone` = '%s' WHERE `uid` = %d LIMIT 1",
|
||||
dbesc($username),
|
||||
dbesc($email),
|
||||
dbesc($nick),
|
||||
dbesc($timezone),
|
||||
intval($_SESSION['uid']));
|
||||
if($r)
|
||||
$_SESSION['sysmsg'] .= "Settings updated." . EOL;
|
||||
}
|
||||
if($email_changed && $a->config['register_policy'] == REGISTER_VERIFY) {
|
||||
|
||||
// FIXME - set to un-verified, blocked and redirect to logout
|
||||
|
||||
}
|
||||
|
||||
// Refresh the content display with new data
|
||||
|
||||
$r = q("SELECT * FROM `user` WHERE `uid` = %d LIMIT 1",
|
||||
intval($_SESSION['uid']));
|
||||
if(count($r))
|
||||
$a->user = $r[0];
|
||||
}
|
||||
|
||||
|
||||
if(! function_exists('settings_content')) {
|
||||
function settings_content(&$a) {
|
||||
|
||||
if((! x($_SESSION['authenticated'])) && (! (x($_SESSION,'uid')))) {
|
||||
$_SESSION['sysmsg'] .= "Permission denied." . EOL;
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
$username = $a->user['username'];
|
||||
$email = $a->user['email'];
|
||||
$nickname = $a->user['nickname'];
|
||||
$timezone = $a->user['timezone'];
|
||||
|
||||
|
||||
if(x($nickname))
|
||||
$nickname_block = file_get_contents("view/settings_nick_set.tpl");
|
||||
else
|
||||
$nickname_block = file_get_contents("view/settings_nick_unset.tpl");
|
||||
|
||||
$nickname_block = replace_macros($nickname_block,array(
|
||||
'$nickname' => $nickname,
|
||||
'$baseurl' => $a->get_baseurl()));
|
||||
|
||||
$o = file_get_contents('view/settings.tpl');
|
||||
|
||||
$o = replace_macros($o,array(
|
||||
'$baseurl' => $a->get_baseurl(),
|
||||
'$uid' => $_SESSION['uid'],
|
||||
'$username' => $username,
|
||||
'$email' => $email,
|
||||
'$nickname_block' => $nickname_block,
|
||||
'$timezone' => $timezone,
|
||||
'$zoneselect' => select_timezone($timezone)
|
||||
));
|
||||
|
||||
return $o;
|
||||
|
||||
}}
|
||||
4
mod/test.php
Normal file
4
mod/test.php
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?php
|
||||
function test_content(&$a) {
|
||||
print_r($a->user);
|
||||
}
|
||||
23
nav.php
Normal file
23
nav.php
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
|
||||
<?php
|
||||
$a->page['nav'] .= "<span id=\"nav-link-wrapper\" >\r\n";
|
||||
|
||||
if(x($_SESSION,'uid')) {
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-notify-link\" class=\"nav-commlink\" href=\"notifications\">Notifications</a>\r\n";
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-messages-link\" class=\"nav-commlink\" href=\"Messages\">Messages</a>\r\n";
|
||||
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-logout-link\" class=\"nav-link\" href=\"logout\">Logout</a>\r\n";
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-settings-link\" class=\"nav-link\" href=\"settings\">Settings</a>\r\n";
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-profiles-link\" class=\"nav-link\" href=\"profiles\">Profiles</a>\r\n";
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-contacts-link\" class=\"nav-link\" href=\"contacts\">Contacts</a>\r\n";
|
||||
|
||||
$a->page['nav'] .= "<a id=\"nav-home-link\" class=\"nav-link\" href=\"profile/{$_SESSION['uid']}\">Home</a>\r\n";
|
||||
|
||||
}
|
||||
$a->page['nav'] .= "</span>\r\n<span id=\"nav-end\"></span>\r\n";
|
||||
0
robots.txt
Normal file
0
robots.txt
Normal file
BIN
silho.gif
Normal file
BIN
silho.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 B |
BIN
silho.ico
Normal file
BIN
silho.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
1075
tinymce/changelog.txt
Normal file
1075
tinymce/changelog.txt
Normal file
|
|
@ -0,0 +1,1075 @@
|
|||
Version 3.3.7 (2010-06-10)
|
||||
Fixed bug where context menu would produce an error on IE if you right clicked twice and left clicked once.
|
||||
Fixed bug where resizing of the window on WebKit browsers in fullscreen mode wouldn't position the statusbar correctly.
|
||||
Fixed bug where IE would produce an error if the editor was empty and you where undoing to that initial level.
|
||||
Fixed bug where setting the table background on gecko would produce \" entities inside the url style property.
|
||||
Fixed bug where the button states wouldn't be updated correctly on IE if you placed the caret inside the new element.
|
||||
Fixed bug where undo levels wasn't properly added after applying styles or font sizes.
|
||||
Fixed bug where IE would throw an error if you used "select all" on empty elements and applied formatting to that.
|
||||
Fixed bug where IE could select one extra character when you did a bookmark call on a caret location.
|
||||
Fixed bug where IE could produce a script error on delete since it would sometimes produce an invalid DOM.
|
||||
Fixed bug where IE would return the wrong start element if the whole element was selected.
|
||||
Fixed bug where formatting states wasn't updated on IE if you pressed enter at the end of a block with formatting.
|
||||
Fixed bug where submenus for the context menu wasn't removed correctly when the editor was destroyed.
|
||||
Fixed bug where Gecko could select the wrong element after applying format to multiple elements.
|
||||
Fixed bug where Gecko would delete parts of the previous element if the selection range was a element selection.
|
||||
Fixed bug where Gecko would not merge paragraph elements correctly if they contained br elements.
|
||||
Fixed bug where the cleanup button could produce span artifacts if you pressed it twice in a row.
|
||||
Fixed bug where the fullpage plugin header/footer would be have it's header reseted to it's initial state on undo.
|
||||
Fixed bug where an empty paragraph would be collapsed if you performed a cleanup while having the caret inside it.
|
||||
Fixed a few memory leaks on IE especially with drop menus in listboxes and the spellchecker.
|
||||
Fixed so formats applied to the current caret gets merged to reduce the number of output elements.
|
||||
Added the latest version of Sizzle for the CSS selector logic to fix a compatibility issue with prototype.
|
||||
Version 3.3.6 (2010-05-20)
|
||||
Fixed bug where a editor.focus call could produce errors on IE in very specific scenarios.
|
||||
Fixed bug where Gecko would produce an error if you unformatted text inside an empty element.
|
||||
Fixed bug where IE would produce an error if the caret was placed before a table and you used the align buttons.
|
||||
Fixed bug where the font size drop down didn't display the a preview correctly.
|
||||
Fixed bug where the paste plugin wouldn't include all contents some times on WebKit browsers.
|
||||
Fixed bug where the plain text mode toggle wouldn't work properly on WebKit.
|
||||
Fixed bug where the editors statusbar would become invisible when you resized the window in fullscreen mode.
|
||||
Version 3.3.5.1 (2010-05-07)
|
||||
Fixed a critical bug with the fullscreen plugin. Produced error messages when the state was toggled on/off.
|
||||
Version 3.3.5 (2010-05-06)
|
||||
Added new merge_with_parents option to formats, enables the control of removal of elements with similar parents.
|
||||
Fixed so the default behavior for applying classes isn't a toggle state but the old behavior from before the 3.3 release.
|
||||
Fixed bug where selecting contents using double click on Gecko would produce errors when using removing format.
|
||||
Fixed bug where the IE DOM could get messed up when non valid contents was pasted into the editor.
|
||||
Fixed bug where merging selected table cells using the context menu didn't work as expected.
|
||||
Fixed bug where some nestled formatting would be applied incorrectly.
|
||||
Fixed bug with enter in list items when using the force_br_newlines mode on WebKit patch contributed by Ryan Koopmans.
|
||||
Fixed bug where undo/redo could produce js errors on some specific operations.
|
||||
Fixed bug where the theme_advanced_font_sizes didn't work as before 3.3 when complex settings where used.
|
||||
Fixed bug where the table plugin would copy cell/row id attributes when making new rows/cells.
|
||||
Version 3.3.4 (2010-04-27)
|
||||
Fixed bug where fullscreen plugin would add two editor instances to EditorManager collection.
|
||||
Fixed bug where it was difficult to enter text on non western languages such as Japanese on IE.
|
||||
Fixed bug where removing contents from nodes could result in an exception when using undo/redo.
|
||||
Fixed bug with selection of images inside layers or other resizable containers on IE.
|
||||
Fixed so editors isn't initialized on iPhone/iPad devices since they don't have caret support.
|
||||
Version 3.3.3 (2010-04-19)
|
||||
Added new script_loaded callback function setting for the jQuery plugin.
|
||||
Added various fixes and new rpc methods for the spellchecker plugin. Patch contributed by Michael Peters.
|
||||
Removed some unnecessary inline style information from some of the dialogs.
|
||||
Fixed some issues with the chaining for the TinyMCE jQuery plugin.
|
||||
Fixed so any extra arguments passed to patched jQuery functions gets passed through. Patch contributed by Lee Henson.
|
||||
Fixed so spellchecking/contextmenu can be toggled on/off if the browser has native spellchecker support.
|
||||
Fixed bug where some texts in the new paste plugin wasn't placed in language pack.
|
||||
Fixed bug where IE would produce an incorrect information message when cutting.
|
||||
Fixed bug where removing items using the xhtmlxtras plugin wouldn't work correctly.
|
||||
Fixed bug where setting table background images would add extra quotes on Gecko.
|
||||
Fixed bug where shortcut for bold/italic/underline wouldn't work properly on WebKit.
|
||||
Fixed bug where IE would produce an error message if only contents was an image tag and bold was used.
|
||||
Fixed bug where the caret would move if alignment was applied to empty block elements.
|
||||
Fixed bug where some shortcut key commands wouldn't apply formatting correctly.
|
||||
Version 3.3.2 (2010-03-25)
|
||||
Fixed bug where it was possible to scale the editor iframe smaller than the editor UI.
|
||||
Fixed bug where some of the resizing option didn't work with the new live resize.
|
||||
Fixed bug where the format listbox didn't show nestled formats correctly.
|
||||
Fixed bug where the native listboxes didn't work correctly.
|
||||
Fixed bug where font size selection in using the legacyoutput plugin would produce errors.
|
||||
Fixed so block and blockquote formats remove their matching element regardless of it's attributes.
|
||||
Version 3.3.1 (2010-03-18)
|
||||
Added new live resize feature, the editor contents is now visible while resizing.
|
||||
Fixed bug where some valid_element patterns would produce an unknown property error.
|
||||
Fixed bug where it wasn't possible to toggle off blockquotes.
|
||||
Fixed bug where an undo level wasn't produced when applying formatting using the styles dropdown.
|
||||
Fixed bug where IE 6/7 wouldn't perform caret formatting due to a focus/event bug in IE.
|
||||
Fixed bug where undo/redo wasn't restoring the previous selection correctly.
|
||||
Fixed bug where the caret would become invisible if you resized the editor in latest Gecko.
|
||||
Fixed bug where the class attribute wasn't completely removed in IE 6/7 when the removeClass function was used.
|
||||
Fixed so the matchNode method of the Formatter class returns the matched format rule.
|
||||
Fixed so it's possible to apply formatting to both blocks and as inline elements.
|
||||
Version 3.3 (2010-03-10)
|
||||
Fixed bug where backspace on a table on IE would produce an empty tbody and some JS exceptions.
|
||||
Fixed bug where some redundant children wasn't removed properly when applying inline styles to them.
|
||||
Fixed bug where Chrome would produce incorect dialog sizes if the inlinepopups plugin wasn't used.
|
||||
Fixed bug where spans with different classes would get merged if they where siblings to each other.
|
||||
Fixed bug where IE 8 would crash if you used the spellchecker.
|
||||
Fixed bug where Input Method for non western languages didn't work correctly.
|
||||
Fixed bug where the UI would render incorrectly in FF 3.6 on Mac due to a bug n their rendering engine.
|
||||
Fixed bug where WebKit wouldn't scroll down correctly if Shift+Enter was used. Patch contributed by Thomas Andersen.
|
||||
Version 3.3rc1 (2010-02-23)
|
||||
Fixed bug with new legacyoutput plugin not working correctly on it's own.
|
||||
Fixed bug some performance issues with removing text formats.
|
||||
Fixed bug where TinyMCE specific attributes wasn't removed properly by remove format.
|
||||
Fixed bug where it wasn't possible to align images within inline elements.
|
||||
Fixed bug where Ctrl+Delete/Backspace would produce an invalid argument exception on IE.
|
||||
Fixed bug where the search/replace logic could produce an infinite loop on IE for reverse searches.
|
||||
Fixed bug where cloning formats in cells didn't work properly on IE.
|
||||
Fixed bug where IE6 would produce a horizontal scroll bar.
|
||||
Fixed so remove jQuery method removes the TinyMCE instance as well as the specified textarea.
|
||||
Fixed so selected rows and cells gets updated using the row/cell properties dialogs.
|
||||
Version 3.3b2 (2010-02-04)
|
||||
Fixed bug where sometimes img elements would be removed by split method in DOMUtils.
|
||||
Fixed bug where merging of span elements could occur on bookmark nodes.
|
||||
Fixed bug where classes wasn't properly removed when removeformat was used on IE 6.
|
||||
Fixed bug where multiple calls to an tinyMCE.init with mode set to exact could produce the same unique ID.
|
||||
Fixed bug with the IE selection implementation when it was feeded an document range.
|
||||
Fixed bug where block elements formatting wasn't properly removed by removeformat on all browsers.
|
||||
Fixed bug where selection location was lost if you performed a manual cleanup.
|
||||
Fixed bug where removeformat wouldn't remove span elements within styled block elements.
|
||||
Fixed bug where an error would be thrown if you clicked on the separator lines in menus.
|
||||
Fixed bug with the jQuery plugin adding always adding a querystring value to other resources.
|
||||
Fixed bug where IE would produce an error message if you had an empty editor instance.
|
||||
Fixed bug where Shift+Enter didn't produce br elements on WebKit browsers.
|
||||
Fixed bug where a temporary marker element wasn't removed by the paste plugin.
|
||||
Fixed bug where inserting a table would produce two undo levels instead of one.
|
||||
Version 3.3b1 (2010-01-25)
|
||||
Added new text formatting engine. Fixes a lot of browser quirks and adds new possibilities.
|
||||
Added new advlist plugin that enables you to set the formats of list elements.
|
||||
Added new paste plugin logic that enables you to retain style information from Office.
|
||||
Added new autosave plugin logic that automatically saves contents in local storage.
|
||||
Added new valid_styles option. Adds the possibility to restrict styles and their order.
|
||||
Added new theme_advanced_runtime_fontsize option to display the runtime font size in font size select box.
|
||||
Added new jquery plugin version that handles the gzip compressor amongst other things. Contributed by Speednet.
|
||||
Added new $ function to tinymce namespace and editor instances for the jQuery build.
|
||||
Added the possibility to get editors by index as well as name in the tinyMCE.editors collection.
|
||||
Fixed so the contents inside the editor renders in standards mode by default.
|
||||
Fixed bug where it wasn't possible to move the caret on short documents running in standards mode on IE.
|
||||
Fixed bug where the decode method of the DOMUtils class could end up in an endless loop.
|
||||
Fixed bug where it was possible to bypass the paste cleanup on non IE browsers if you clicked while pasting.
|
||||
Fixed bug where some attributes wasn't serialized correctly on IE if wildcard attribute patters where used.
|
||||
Fixed bug where entity decoding was performed on strings that didn't have any valid entities in them.
|
||||
Fixed bugs with the insertNode method of the IE DOMRange implementation. Patch contributed by Scott McNaught.
|
||||
Rewrote the getBookmark/moveToBookmark selection logic to boost performance on larger documents.
|
||||
Rewrote the table plugin to include new cell selection logic and fixed various bugs and issues.
|
||||
Merged the tinyMCE, tinymce and tinymce.EditorManager into the same instance makes more sense.
|
||||
Removed browser setting since the browser support for TinyMCE is not far better than it was when that setting was introduced.
|
||||
Changed the mce_ attribute prefix to the more standard _mce_ prefix. This is similar to browser vendors prefixes.
|
||||
Optimized performance with named entities on Gecko. Regexp replace was executing very slowly probably due to a Gecko bug.
|
||||
Optimized performance of the IE specific selection/range implementation.
|
||||
Removed the safari plugin since we now replaced all text formatting logic to custom code.
|
||||
Version 3.2.7 (2009-09-22)
|
||||
Fixed bug where uppercase paragraphs could still produce an invalid DOM tree on IE.
|
||||
Fixed bug where split command didn't work on WebKit since the node serializer needs a real document to work with.
|
||||
Fixed bug where it was impossible in Gecko to place the caret before a table if it was the first one.
|
||||
Fixed bug where linking to urls like ../../ would produce an extra traling slash ../..//.
|
||||
Fixed bug where the template cdate functionality was using an old 2.x API call. Patch contributed by vectorjohn.
|
||||
Fixed bug where urls to the same site but different protocol would be converted when relative_urls where set to false. Patch contributed by Ted Rust.
|
||||
Fixed bug where the paste plugin would remove mceItem prefixed classes.
|
||||
Fixed bug where the paste plugin would sometimes add items in a reverse order on WebKit.
|
||||
Fixed bug where the paste buttons would present an error message on Gecko even if you changed user.js. Patch contributed by Todd (teeaykay).
|
||||
Fixed bug where Opera would crash if you had tables incorrectly placed inside paragraphs.
|
||||
Fixed bug where styles elements wasn't properly processed if you had bad input HTML.
|
||||
Fixed bug where style attributes wasn't properly forced into a specific format.
|
||||
Fixed bug and issues with boolean attributes like checked, nowrap etc.
|
||||
Fixed bug where input elements could override attributes on form elements.
|
||||
Fixed bug where script or style elements could get modified by the DOMUtils processHTML method.
|
||||
Fixed bug where the selected attribute could get lost when force root blocks logic got executed on IE. Patch contributed by Attila Mezei-Horvati.
|
||||
Fixed bug where getAttribs method didn't handle boolean attributes correctly on IE.
|
||||
Fixed so the paste from word dialog is presented if you paste content on an IE with to restrictive security settings.
|
||||
Fixed so the paste_strip_class_attributes option is set to none by default in the paste plugin.
|
||||
Removed default border=0 on tables for the default value of valid_elements.
|
||||
Version 3.2.6 (2009-08-19)
|
||||
Added new wordcount plugin, this will display the number of typed words as you write. Contributed by Andrew Ozz.
|
||||
Added new getNext and getPrev methods to DOM utils. These will return the first matching sibling.
|
||||
Fixed bug where it was impossible to place the caret after a table on Gecko. It will now add a paragraph after tables.
|
||||
Fixed bug where inline dialogs would fail if used in a window opened using a showModalDialog. Patch contributed by Derek Britt.
|
||||
Fixed bug where IE could sometimes render a unknown runtime error on invalid input HTML.
|
||||
Fixed bug where some incorrectly placed tables wouldn't be moved outside the paragraphs on IE.
|
||||
Fixed bug where uppercase script/style element wouldn't be handled correctly and converted to valid lowercase.
|
||||
Fixed bug where some WebKit versions on Mac OS X would produce issues with hidden select fields.
|
||||
Fixed bug where the media plugin would fail on WebKit since the node wasn't properly imported to the right document.
|
||||
Fixed bug where absolute URLs for the TinyMCE script using a base href element would cause loading problems in IE 6/7.
|
||||
Fixed bug where pasting using the paste plugin wasn't possible on IE with to restrictive security settings.
|
||||
Fixed bug where pasting of whitespace was impossible using the new custom paste method.
|
||||
Fixed bug where pasting on some WebKit browsers would not work if you pasted specific contents due to a WebKit bug.
|
||||
Fixed bug where doctypes with multiple lines would not be parsed correctly by the fullpage plugin. Patch contributed by Colin.
|
||||
Fixed bug where the autoresize plugin would break the fullscreen functionality.
|
||||
Fixed bug where tables would be chopped up running on IE using invalid contents and pasting paragraphs into a cell.
|
||||
Fixed bug where the each method of jQuery build didn't iterate styleSheets. We now use the TinyMCE API one instead.
|
||||
Fixed bug where auto switching to paragraphs after headers some times failed in Gecko.
|
||||
Fixed so all editor options gets passed to the Serializer class. Patch contributed by Jasper Mattsson.
|
||||
Fixed so script/style blocks isn't wrapped in paragraphs as other inline elements.
|
||||
Fixed so the XHR requests sends the X-Requested-With HTTP header.
|
||||
Fixed so the data url scheme is handled in the tinymce.util.URI class.
|
||||
Changed inline documentation to use moxiedoc style comments.
|
||||
Removed the compat2x plugin people should have upgraded to the 3.x API by now. 3.0 was released more then a year ago.
|
||||
Re-added Gecko specific message for users who doesn't understand the security concept regarding paste.
|
||||
Version 3.2.5 (2009-06-29)
|
||||
Added new jQuery plugin for the jQuery specific package. This enables you to more easily load and use TinyMCE.
|
||||
Added new autoresize plugin contributed by Peter Dekkers. This plugin will auto resize the editor to the size of the contents.
|
||||
Fixed so all packages have the same directory structure. Previous releases had a different structure for the production package.
|
||||
Fixed so the paste from word dialog forces the contents to be processed as word contents even if it's not.
|
||||
Fixed so the jQuery build adapter build works. It's currently only excluding Sizzle.
|
||||
Fixed so noscript element contents is retained during the editing process.
|
||||
Fixed bug where the getBookmark method would need a "simple" string input when the documented way is a boolean.
|
||||
Fixed bug where invalid contents could break the fix_table_elements logic.
|
||||
Fixed bug where Sizzle specific attributes would be serialized if the valid_elements was set to *[*].
|
||||
Fixed bug where IE would produce an error if you specified a relative content_css and opened the paste dialog.
|
||||
Fixed bug where pasting images on IE would produce broken images if they came from an external site.
|
||||
Fixed bug where memory was leaked if you add/remove controls dynamically. Some event handlers wasn't removed properly.
|
||||
Fixed bug where domain relaxing wasn't treated correctly if you added it after the TinyMCE script element.
|
||||
Fixed bug where the activeEditor wasn't set to null if the last editor instance was removed.
|
||||
Fixed bug where IE was leaking memory on the onbeforeunload event due to some recently introduced logic. Patch contributed by Options.
|
||||
Fixed bug where inserting tables in Safari 4 didn't work due to a new WebKit bug where some element names are reserved.
|
||||
Fixed bug where URLs having a :// value in the query string would make it absolute regardless of URL settings.
|
||||
Fixed the WebKit specific bug where DOM Ranges would fail if the node wasn't attached to something in a different way.
|
||||
Removed the auto_resize option and the resizeToContent method from the tinymce.Editor class. Use the new autoresize plugin instead.
|
||||
Version 3.2.4.1 (2009-05-25)
|
||||
Fixed bug where Gecko browsers would produce an extra space after for example strong when loaded from sub domains.
|
||||
Fixed bug where script elements would be removed if they where placed inside a paragraph element.
|
||||
Fixed bug where IE 8 would produce 1 item remaining when loading CSS files dynamically with an empty cache.
|
||||
Fixed bug where bound events would be removed from other editor instances if a specific one was removed.
|
||||
Fixed various bugs and issues with script and style elements inside the editor.
|
||||
Fixed so all script contents gets wrapped in CDATA sections so that they can be parsed using a XML parser.
|
||||
Fixed so it's impossible for elements marked as closed to have child nodes rendered in output.
|
||||
Version 3.2.4 (2009-05-21)
|
||||
Added new paste_remove_styles/paste_remove_styles_if_webkit option to paste plugin concept contributed by Hadrien Gardeur.
|
||||
Added new functionality to paste plugin contributed by Scott Eade aka monkeybrain.
|
||||
Added new paste_block_drop option to the paste plugin this is disabled by default and will block any drag/drop event.
|
||||
Added new bind/unbind methods to DOMUtils these works like Event.add/Event.remove but is easier to access.
|
||||
Added new paste_dialog_width/paste_dialog_height options to paste pluign. Enables you to change the dialog sizes.
|
||||
Fixed bug on IE 8 where it would sometimes produce a "1 item remaining" status message that would never finish.
|
||||
Fixed bug on Safari 4 beta that would produce DOM Range exceptions on the DOMUtils split method since the browser has a bug.
|
||||
Fixed bug where the paste plugin could accidentally think that some word sentences was supposed to be list elements.
|
||||
Fixed bug where paste plugin would produce one extra empty undo level on some browsers.
|
||||
Fixed bug where spans wasn't produced correctly on new line when the keep_styles option was enabled.
|
||||
Fixed bug where the caret would be placed at the beginning of contents in IE 8 if you selected colors from the color pickers.
|
||||
Fixed so the Event class is a normal class instead of a static one. The tinymce.dom.Event is now a global instance of that class.
|
||||
Fixed so internal events for instances gets removed when the DOMUtils instance is removed.
|
||||
Fixed so preventDefault and stopPropagation methods can be used on the event object in all browsers.
|
||||
Version 3.2.3.1 (2009-05-05)
|
||||
Fixed bug where paragraphs containing form elements such as input or textarea would be removed.
|
||||
Fixed bug where some IE versions would produce a wrapper function for events attributes.
|
||||
Fixed bug where table cell contents could be removed if you pressed return/enter at the end of the cell contents.
|
||||
Fixed bug where the paste plugin would remove a extra character if the selection range was collapsed.
|
||||
Fixed bug where creating tables with % width wouldn't be handled correctly on WebKit browsers.
|
||||
Version 3.2.3 (2009-04-23)
|
||||
Added new paste plugin logic. This new version will autodetect Word contents and clean it up.
|
||||
Added a optional root element argument to getPos so you can tell it where to stop the calculation.
|
||||
Added new DOM ready logic to remove the usage of document.write. We now use basically the same method as jQuery.
|
||||
Fixed bug where WebKit browsers would fail when selecting all contents in the area using Ctrl+A.
|
||||
Fixed bug where IE would produce paragraphs with empty inline style elements.
|
||||
Fixed bug where WebKit browsers would fail when inserting tables with a non pixel width.
|
||||
Fixed bug where block elements could get a redundant br element at the end of the element.
|
||||
Fixed bug where the tabfocus plugin only worked with a single editor instance on page.
|
||||
Fixed bug where IE 8 was loosing caret position if the selection was collapsed and a menu was clicked.
|
||||
Fixed bug with application/xhtml+xml mode where menus wasn't working properly.
|
||||
Fixed bug where the onstop workaround fix for IE would produce errors in an ASP update panel.
|
||||
Fixed bug where the submit function override could produce errors if executed in the wrong scope.
|
||||
Fixed bug where the area element wasn't closed by a short ending.
|
||||
Fixed various number issues in the style plugins properties dialog. Contributed by datpaulchen.
|
||||
Fixed issues with size suffix values in the style plugin dialog.
|
||||
Fixed issue where hasDuplicate variable would leak out to the global space due to a bug in the Sizzle engine.
|
||||
Fixed issue where the paste event would fire a dialog warning on IE since we extracted the text contents.
|
||||
Updated Sizzle engine to the latest version, this version fixes a few bugs that was reported.
|
||||
Version 3.2.2.3 (2009-03-26)
|
||||
Fixed regression bug with the getPos method, it would return invalid if the view port was to small.
|
||||
Version 3.2.2.2 (2009-03-25)
|
||||
Fixed so the DOMUtils getPos method can be used cross documents if needed.
|
||||
Fixed bug where undo/redo wasn't working correctly in Gecko browsers.
|
||||
Version 3.2.2.1 (2009-03-19)
|
||||
Added support for tel: URL prefixes. Even though this doesn't match any official RFC.
|
||||
Fixed so the select method of the Selection class selects the first best suitable contents.
|
||||
Fixed bug where the regexps for www. prefixes for link and advlink dialogs would match wwwX.
|
||||
Fixed bug where the preview dialog would fail to open if the content_css wasn't defined. Patch contributed by David Bildström (ChronoZ).
|
||||
Fixed bug where editors wasn't converted in application/xhtml+xml mode due to an issue with Sizzle.
|
||||
Fixed bug where alignment would fail if multiple lines where selected.
|
||||
Updated Sizzle engine to the latest version, this version fixes a few bugs that was reported.
|
||||
Version 3.2.2 (2009-03-05)
|
||||
Added new CSS selector engine. Sizzle the same one that jQuery and other libraries are using.
|
||||
Added new is and getParents methods to the DOMUtils class. These use the new Sizzle engine to select elements.
|
||||
Added new removeformat_selector option, enables you to specify a CSS selector pattern of elements to remove when using removeformat.
|
||||
Fixed so the getParent method can take CSS expressions when selecting it's parents.
|
||||
Added new ant based build process, includes a new javabased preprocessor and a yuicompressor ant task.
|
||||
Moved the tab_focus logic into a plugin called tabfocus, so the old tab_focus option has been removed from the core.
|
||||
Replaced the TinyMCE custom unit testing framework with Qunit and rewrote all tests to match the new logic.
|
||||
Moved the examples/testcases to a root directory called tests since it now includes slickspeed.
|
||||
Fixed bug where nbsp wasn't replaced correctly in ForceBlocks.js. Patch contributed by thorn.
|
||||
Fixed bug where an dom exception would be thrown in Gecko when the theme_advanced_path path was set to false under xml application mode.
|
||||
Fixed bug where it was impossible to get out of a link at the end of a block element in Gecko.
|
||||
Fixed bug where the latest WebKit nightly would fail when changing font size and font family.
|
||||
Fixed bug where the latest WebKit nightly would fail when opening dialogs due to changes to the arguments object.
|
||||
Fixed bug where paragraphs wasn't added to elements positioned absolute using classes.
|
||||
Fixed bug where font size values with dot's like 1.4em would produce a class instead of the style value.
|
||||
Fixed bug where IE 8 would return an incorrect position for elements.
|
||||
Fixed bug where IE 8 would render colorpicker/filepicker icons incorrectly.
|
||||
Fixed bug where trailing slashes for directories in URLs would be removed.
|
||||
Fixed bug where autostart and other boolean values in the media dialog wouldn't be stored/parsed correctly.
|
||||
Fixed bug where the repaint call for the media plugin wouldn't be executed due to a typo in the source.
|
||||
Fixed bug where id attribute of object elements wasn't kept intact by the media plugin.
|
||||
Fixed bug where preview of embeded elements when the media_use_script option was used would fail.
|
||||
Fixed bug where inlinepopups could be rendered at an incorrect location on IE 6 while dragging.
|
||||
Fixed bug where the blocker shim could be placed at an incorrect location on IE 6.
|
||||
Fixed bug where the multiple and size attributes of select elements would produce incorrect values while running in IE.
|
||||
Fixed bug where IE would loose the caret position is you selected a color from the color drop down.
|
||||
Fixed bug where remove format wouldn't work on IE since it couldn't remove span elements that had style information.
|
||||
Fixed bug where Opera was removing links when removing formatting from selected contents.
|
||||
Fixed bug where paragraphs could be produced inside non positional elements styled with the CSS position value of static.
|
||||
Fixed bug where removeformat wouldn't work if you selected part of a span in IE.
|
||||
Fixed bug where media plugin didn't retain the style attribute on embed/object elements.
|
||||
Fixed bug where auto focus on empty editor instances could produce strange results if you inserted an image into it.
|
||||
Fixed bug where characters would be removed in FF when inserted with the mceInsertContent or selection.setContent methods.
|
||||
Fixed bug where warning message of missing paste support wasn't displayed on WebKit browsers.
|
||||
Fixed bug where anchor links could include other links. The selected range is now unlinked before adding news links to it.
|
||||
Fixed memory leak when TinyMCE was used with prototype. Patch contributed by James Ots.
|
||||
Fixed so the non documented fullpage_hide_in_source_view option for the fullpage plugin works again in the 3.x branch.
|
||||
Fixed so tables doesn't get inserted into paragraphs by default since it's not W3C valid. Can be disabled by using the fix_table_elements option.
|
||||
Fixed so the source view dialog sets a source_view state to the event object. Enables plugins to intercept the source view mode.
|
||||
Fixed various validation issues with the html dialogs and pages.
|
||||
Removed ask mode option since there is way better ways of doing this now. Use the add/remove control methods instead.
|
||||
Removed logic for compatibility with Safari 2.x, this browser is no longer supported since no one is using it.
|
||||
Removed the auto domain relaxing feature. If loading scripts cross sub domains it's better to specify the document.domain by hand.
|
||||
Version 3.2.1.1 (2008-11-27)
|
||||
Added new theme_advanced_default_background_color/theme_advanced_default_foreground_color options. Patch contributed by David Bildström (ChronoZ).
|
||||
Fixed font style formatting compatibility issue with Adobe Air.
|
||||
Fixed so legacy font elements get converted into spans even if cleanup_on_startup isn't enabled.
|
||||
Fixed bug where pre elements could be incorrectly modified by an IE bug workaround. Patch contributed by hu vime.
|
||||
Fixed bug where input elements inside inlinepopups wasn't editable in Firefox 2.
|
||||
Fixed bug where the xhtmlxtras plugin wasn't replacing attribute values correctly.
|
||||
Fixed bug where menu buttons in skin variants would look strange due to IE 8 fixes.
|
||||
Fixed bug where WebKit browsers would on backspace take you back to the previous page if the editor was empty.
|
||||
Fixed bug where DOMUtils decode method wouldn't handle strings larger than 4096kb due to node chunking.
|
||||
Fixed bug where meta key wasn't handled as ctrl key on Mac OS X for custom keyboard short cuts.
|
||||
Fixed bug where init event would get fired twice on WebKit on Mac OS X.
|
||||
Version 3.2.1 (2008-11-04)
|
||||
Added support for custom icon image for drop menus. Use icon_src to set a custom image directly.
|
||||
Added new media_strict option to media plugin. Enables you to control if the flash embed is strict or not. Enabled by default.
|
||||
Fixed so the editors script files gets dynamically loaded without using XHR or eval.
|
||||
Fixed so the media plugin outputs valid XHTML object elements for Flash movies. Can be disabled with the media_strict option.
|
||||
Fixed so dynamic loading doesn't require eval calls on non IE browsers for better Air support.
|
||||
Fixed bug where the editor wasn't treated as empty if the remaining paragraph had attributes.
|
||||
Fixed bug where id's of elements was removed ones they got wrapped in paragraphs. Patch contributed by ChronoZ.
|
||||
Fixed bug where WebKit browsers where placing list elements inside paragraph elements.
|
||||
Fixed bug where inserting images or links would produce absolute urls on WebKit browsers.
|
||||
Fixed bug where values for checked, readonly, disabled and selected attributes was incorrect on IE.
|
||||
Fixed bug where positive values for checked, readonly, disabled and selected attributes wasn't forced to valid values.
|
||||
Fixed bug where selecting the first option in a native select box would produce an undefined error.
|
||||
Fixed bug where tabindex 32768 could be outputted on IE if element attributes where cloned.
|
||||
Fixed bug where the media dialogs preview window would display incorrect contents due to duplicate clsid prefixes.
|
||||
Fixed bug where non pixel or percent heights for textarea elements would produce errors on IE.
|
||||
Fixed bug where cdata sections in script elements wasn't handled correctly.
|
||||
Fixed bug where nowrap of table cells would produce a 65535 value output.
|
||||
Fixed bug where media plugin would produce an error if you selected the first item in the items list.
|
||||
Fixed bug where media plugin would modify links with the item _value in them.
|
||||
Fixed so table width/height is better forced if inline_styles is enabled. Patch contributed by daKmoR.
|
||||
Fixed css for IE 8 such as opacity and other rendering quirks.
|
||||
Version 3.2.0.2 (2008-10-02)
|
||||
Fixed bug where the SelectBox and NativeSelectBox wasn't updated correctly if undefined was passed to them.
|
||||
Fixed bug where the style dropdown wasn't correctly changed back to it's original state when element had no class.
|
||||
Fixed bug where multiple pending font styles wasn't handled correctly.
|
||||
Fixed so you can disable all auto css loading for dialogs by setting the popups_css option to false.
|
||||
Version 3.2.0.1 (2008-09-17)
|
||||
Fixed bug where font sizes and faces wouldn't be changed correctly when there was a parent with a different style.
|
||||
Fixed bug where adding fonts to the same selection would produce redundant spans.
|
||||
Version 3.2 (2008-09-11)
|
||||
Added new text style support, it will now use span elements internally instead of font elements.
|
||||
Added new improved support for the theme_advanced_font_sizes option, check the Wiki for details.
|
||||
Added new keep_style setting that maintains the text style on return/enter on non IE browsers, enabled by default.
|
||||
Added new onBeforeSetContent/onBeforeGetContent/onSetContent/onGetContent events to the Selection class.
|
||||
Added new selectByIndex method to ListBox class. This enables you to select list items by an index instead of a value.
|
||||
Added new possibility to the select method of the ListBox class. This can now have a selector function as it's value argument.
|
||||
Added new possibility to skip the loading of popups css by setting the feature popup_css to the value false.
|
||||
Added new possibility to skip translation of popups by setting the translate_i18n feature to false.
|
||||
Added new element_format option enables you to produce HTML element endings instead of XHTML. But we are still in the XHTML is better camp.
|
||||
Added missing allowfullscreen and quality options for flash elements, this will now get correctly stored.
|
||||
Fixed bug where table cell dialog didn't close properly unless the accessibility_warnings option was set to false.
|
||||
Fixed bug where the modal dialog blocker element for inlinepopups wasn't placed at a correct location if the page had scroll.
|
||||
Fixed bug where non inline dialogs didn't close correctly if the inlinepopups plugin was used.
|
||||
Fixed bug where non inline dialogs could make the modal dialog blocker to work incorrectly.
|
||||
Fixed bug where style select wasn't populated correctly if you pressed the arrow. Patch by Hari Karam Singh.
|
||||
Fixed bug where toggling the fullscreen mode didn't restore scrollbars on IE when the editor was inside a frame. Patch by Jacob Barrett.
|
||||
Fixed bug where inserting flash contents using the template plugin didn't work correctly.
|
||||
Fixed bug where inserting flash contents using the selection.setContent or mceInsertContent command didn't work correctly.
|
||||
Fixed bug where IE would produce an exception if a comment started with -.
|
||||
Fixed bug where the blockquote button would wrap lists incorrectly on non IE browsers.
|
||||
Fixed bug where Opera would display BR elements in the element path.
|
||||
Fixed bug where xhtmlxtras didn't insert elements correctly on IE.
|
||||
Fixed bug where the buttons wasn't activated correctly in the xhtmlxtras plugin.
|
||||
Fixed bug where adding an object as the style attribute for the dom setAttribs method wouldn't work.
|
||||
Fixed bug where the background color would bleed out to parent container element in Gecko.
|
||||
Fixed bug where the insert column actions for tables would fail if you did it in a thead or tfoot. Patch contributed by T Andersen (tan73).
|
||||
Fixed bug where event blocker element wasn't positioned correctly for the inlinepopups plugin.
|
||||
Fixed bug where pasting from Office 2007 would produce an odd comment in the contents.
|
||||
Fixed bug where the paste as plain text could remove an extra character. Patch contributed by Speednet.
|
||||
Fixed bug where some characters where missing for the paste_replace_list option. Patch contributed by Speednet.
|
||||
Fixed bug where removing non existing editor instances by the mceRemoveControl command would produce an error.
|
||||
Fixed bug where meta elements with the name description would produce errors in IE.
|
||||
Fixed bug where color and background colors wouldn't be updated properly.
|
||||
Fixed bug where the createMenuButton of tinymce.ControlManager didn't implement the last class argument.
|
||||
Fixed bug where the editor_css option was relative from the TinyMCE installation directory not the current page.
|
||||
Fixed bug where elements wouldn't be padded if the element contained bogus br elements. For example TD elements.
|
||||
Fixed bug where parsing of <body > in fullpage plugin would produce an error.
|
||||
Fixed bug where relative urls with just ./ would become an empty string.
|
||||
Fixed bug where outdent button would be disabled if inline_styles where set to false.
|
||||
Fixed bug where replace with an empty search string would produce an error on IE.
|
||||
Fixed bug where restoring the overflow state of the body in fullscreen plugin running on IE would produce vertical scrollbars.
|
||||
Fixed bug where pressing return/enter in list items would sometimes move the caret the to top of the content area in FF.
|
||||
Fixed bug where the style listbox wouldn't be updated correctly if you used the use_native_selects option.
|
||||
Fixed bug where WebKit browsers would produce a div element when ending list elements using return.
|
||||
Fixed so translation of popup contents only occurs if it's needed.
|
||||
Optimized the URI object in regards or converting absolute URIs to relative URIs.
|
||||
Version 3.1.1 (2008-08-18)
|
||||
Added new getSize method to DOMUtils it will return the dimensions only of an element.
|
||||
Added new alert/confirm methods to the tinyMCEPopup class to prevent focus problems and also to shorten method calls.
|
||||
Added new plugin_preview_inline option to preview plugin to enable/disable native/inline dialogs.
|
||||
Added new readonly option. If this is set the editor will only display the contents for the user.
|
||||
Added missing tabindex and accesskey to input elements in the default valid_elements setup.
|
||||
Updated firebug lite to 1.2, to enable it use the tiny_mce_dev.js?debug=1 on the development package.
|
||||
Fixed so the preview dialog in the preview plugin uses inline dialogs/popups.
|
||||
Fixed so CDATA sections remains intact through the serialization process of the DOM tree.
|
||||
Fixed various issues with the getAttrib command. It will now return more correct values.
|
||||
Fixed bug where the embed element wasn't properly parsed in the media plugin it now supports 3 formats.
|
||||
Fixed bug where the noshade attribute was serialized incorrectly on IE.
|
||||
Fixed bug where editing an existing link element didn't force it relative.
|
||||
Fixed bug where image link creation fails on Safari if the image is aligned.
|
||||
Fixed bug where it was possible to scroll the fullscreen mode in Opera 9.50.
|
||||
Fixed bug where removal of center image alignment would fail. Patch contributed by Andrew Ozz.
|
||||
Fixed bug where inlinedialogs didn't work properly if the doctype was incorrect in IE.
|
||||
Fixed bug where cross domain loading didn't work correctly in Opera 9.50.
|
||||
Fixed bug where breaking huge text blocks with return/enter key would scroll to end of block.
|
||||
Fixed bug where replace button kept inserting the replacement text even if there is no more matches.
|
||||
Fixed bug with fullpage plugin where value wasn't set correctly. Patch contributed by Pascal Chantelois.
|
||||
Fixed bug where the dom utils setAttrib method call could produce an exception if the input was null/false.
|
||||
Fixed bug where pressing backspace would sometimes remove one extra character in Gecko browsers.
|
||||
Fixed bug where the native confirm/alert boxes would move focus to parent document if fired in dialogs.
|
||||
Fixed bug where Opera 9.50 was telling you that the selection is collapsed even when it isn't.
|
||||
Fixed bug where mceInsertContent would break up existing elements in Opera and Gecko.
|
||||
Fixed bug where TinyMCE fails to detect some keyboard combos on Mac, contributed by MattyRob.
|
||||
Fixed bug where replace all didn't move the caret to beginning of text before searching.
|
||||
Fixed bug where the oninit callback wasn't executed correctly when the strict_loading_mode option was used, thanks goes to Nicholas Oxhoej.
|
||||
Fixed bug where a access denied exception was thrown if some other script specified document.domain before loading TinyMCE.
|
||||
Fixed so setting language to empty string will skip language loading if translations are made by some backend.
|
||||
Fixed so dialog_type is automatically modal if you use the inlinepopups plugin use dialog_type : "window" to re-enable the old behavior.
|
||||
Version 3.1.0.1 (2008-06-18)
|
||||
Fixed bug where the Opera line break fix didn't work correctly on Mac OS X and Unix.
|
||||
Fixed bug where IE was producing the default value the maxlength attribute of input elements.
|
||||
Version 3.1.0 (2008-06-17)
|
||||
Fixed bug where the paste as text didn't work correctly it encoded produced paragraphs and br elements.
|
||||
Fixed bug where embed element in XHTML style didn't work correctly in the media plugin.
|
||||
Fixed bug where style elements was forced empty in IE. The will now be wrapped in a comment just like script elements.
|
||||
Fixed bug where some script elements wrapped in CDATA could fail to be serialized correctly.
|
||||
Fixed bug where FF 3 produced -moz- internal styles in some style attributes.
|
||||
Fixed bug where query strings and external URLs didn't work correctly in style attributes.
|
||||
Fixed bug where shape attribute of area elements got serialized as rect regardless of it's initial value in IE 6.
|
||||
Fixed bug where selection of elements inside layers would fail in IE since focus was moved to the document body.
|
||||
Fixed bug where pressing enter/return in an editable select box would produce an __mce_add_custom__ class value.
|
||||
Fixed bug where changing font size of text placed inside a colored text chunk would remove the parent node.
|
||||
Fixed bug where Opera 9.5 final produced a strange line break behavior due to a workaround for previous Opera versions.
|
||||
Fixed bug where text/background color would produce a strange focus problem when you tried to click on the body in IE.
|
||||
Fixed issue where selecting the title of an listbox equals the old 2.x behavior of changing the value to an empty string.
|
||||
Fixed issue where it was common for the media plugin to break if the _value attribute wasn't added for the param element.
|
||||
Fixed issue where the wrong parent editor instance might be updated if you use fullscreen mode in an incorrect way.
|
||||
Fixed issue where Safari was producing a warning about the base element not being closed correctly.
|
||||
Removed redundant form element name matching from regexp in the DOMUtils class.
|
||||
Version 3.0.9 (2008-06-02)
|
||||
Added new contextmenu_offset_x/contextmenu_offset_y options for the contextmenu plugin.
|
||||
Added cite attribute to the default rule for the blockquote element.
|
||||
Added support for using arrow keys for selection of items in listboxes.
|
||||
Added support for using arrow keys for selection of items in dropmenus.
|
||||
Fixed bug where blockformat change on elements with BR inside them didn't change correctly on Firefox.
|
||||
Fixed bug where removing table rows inside thead or tfoot would remove the whole table if it was the last one.
|
||||
Fixed bug where XHR synchronous mode didn't execute the callback handlers synchronously.
|
||||
Fixed bug where setting border to 0 didn't add border: 0 to the style attribute when using the advimage dialog.
|
||||
Fixed bug where the selection of images and table cells didn't work correctly when the editor is placed in a frame and running on IE.
|
||||
Fixed bug where the store/restore of a selection didn't work correctly in non IE browsers.
|
||||
Fixed bug where only the first element would be invalid for the invalid_elements option.
|
||||
Fixed bug where paste as plain text didn't encode the characters correctly when they where inserted.
|
||||
Fixed bug where HTML source window couldn't be maximized on Gecko when the maximizable feature was enabled.
|
||||
Fixed bug where color selection using the color picker could produce exception in IE.
|
||||
Fixed bug where font size changes could produce produce extra redundant elements.
|
||||
Fixed bug where IE could produce unknown runtime error if you replaced a image with another image from a separate frame.
|
||||
Fixed bug where the domLoaded state for the Event class wasn't set correctly if the editor was loaded dynamically using the gzip compressor.
|
||||
Fixed bug where handling of the base element for a page would produce incorrect urls. Based on a patch contributed by John LeSueur.
|
||||
Fixed bug where table constraint alert boxes was presented with an empty value and wasn't the skinned inline ones.
|
||||
Fixed bug where the onChange event wasn't fired when the form was submitted. It's now also triggered when the save method is called.
|
||||
Fixed bug where encoding set to xml didn't work as expected. It now encodes the contents into XML entities.
|
||||
Fixed bug where numrows didn't work correctly for the merge cells dialog of the table plugin.
|
||||
Fixed bug where the onGetContent event was fired even when the no_events flag was set.
|
||||
Fixed bug where the preview panels for the advimage and the media plugin could overflow on Safari and FF 3.
|
||||
Fixed bug where the editing and removal of abbr elements using the xhtmlxtras plugin working correctly on IE.
|
||||
Fixed bug where save button in the save plugin didn't work correctly on IE.
|
||||
Fixed bug where dragging layers didn't work as expected since it would snap back to it's original location if you saved.
|
||||
Fixed bug where the description of the template plugin dialog wasn't updated correctly.
|
||||
Fixed bug where the values for frame and rules in the table dialogs where swapped.
|
||||
Fixed bug where the elements like ins, del, cite, acronym and abbr didn't have the default editing style as the old 2.x branch.
|
||||
Fixed bug where ask mode would lock the focused textarea if you pressed cancel in the confirm dialog on FF 3.
|
||||
Fixed bug where ask mode would produce contents for empty textareas if you reloaded the page.
|
||||
Fixed so the onGetContent event gets the full pass through object just like the other events.
|
||||
Fixed so attributes for block elements remains the same when you change format of a element.
|
||||
Version 3.0.8 (2008-04-30)
|
||||
Fixed bug where IE would produce an error if textareas without names where converted.
|
||||
Fixed bug where editor wasn't forced empty when there was only a single br or empty paragraph left.
|
||||
Fixed bug where IE would produce an warning message if object elements where produced in the media plugins preview running on https.
|
||||
Fixed bug where new addVer function didn't handle hash items correctly. Patch contributed by Mirek Burkon.
|
||||
Fixed bug where font_size_style_values option wasn't applied correctly to fonts inside the editor.
|
||||
Fixed bug where image selection could be lost if a image was edited using context menu on IE.
|
||||
Fixed bug where style values wasn't updated properly due to an invalid regexp.
|
||||
Fixed bug where IE 6 where displaying warning message about insecure items when inserting an image while using https. Patch contributed by Norifumi Sunaoka.
|
||||
Fixed bug where IE was producing an auto save message if you selected a color from the color split button.
|
||||
Fixed bug where backspace sometimes would move the caret to the end of the previous block in Gecko.
|
||||
Fixed bug where the rowlayout manager didn't work as described in the documentation.
|
||||
Fixed bug where the default options for the fullpage plugin wasn't applied correctly.
|
||||
Fixed bug where selection would jump one character if you applied a styles to a words in non IE browsers.
|
||||
Fixed bug where undo levels wasn't added correctly if you went back in undo history and added a new event.
|
||||
Fixed bug where font size dropdown didn't mark the selected size in IE.
|
||||
Fixed bug where the size of the editor was determined using clientWidth instead of offsetWidth.
|
||||
Fixed so the onchange event doesn't fire on the initial undo level, it will also fire when the editor is blurred.
|
||||
Fixed so the advhr plugin produces XHTML valid output instead of non standard attributes.
|
||||
Fixed so blockquote gets converted into [quote] in when the bbcode plugin is enabled.
|
||||
Fixed so theme_advanced_font_sizes can be named for example Font 1=1, Font 2=2 etc.
|
||||
Fixed so editor_selector/editor_deselector can be regexps. By default only strings are allowed not part regexps like before.
|
||||
Fixed so that the version suffix is optional. It still requires the build process so you need to export it manually.
|
||||
Fixed so it's possible to tab to table cells in non Gecko browsers and also produce new rows if you tab at the end of a table. Contributed by Josh Peek.
|
||||
Version 3.0.7 (2008-04-14)
|
||||
Added new version suffix to all internal GET requests to make sure that the users cache gets cleared correctly.
|
||||
Fixed issue with isDirty returning true event if it wasn't dirty on IE due to changes in tables during initialization.
|
||||
Fixed memory leak in IE where if a page was unloaded before all images on the page was loaded it would leak.
|
||||
Fixed bug in IE where underline and strikethrough could produce an exception error message.
|
||||
Fixed bug where inserting paragraphs in totally empty table cells would produce odd effects.
|
||||
Fixed bug where layer style data wasn't updated correctly due to some performance enhancements with the DOM serializer.
|
||||
Fixed bug where it would convert the wrong element if there was two elements with the same name and id on the page.
|
||||
Fixed bug where it was possible to add style information to the body element using the style plugin.
|
||||
Fixed bug where Gecko would add an extra undo level some times due to the blur event.
|
||||
Fixed bug where the underline icon would get active if the caret was inside a link element.
|
||||
Fixed bug where merging th cells not working correctly. Patch contributed by André R.
|
||||
Fixed bug where forecolorpicker and backcolorpicker buttons where rendered incorrectly when the o2k7 skin was used.
|
||||
Fixed bug where comment couldn't contain -- since it's invalid markup. It will now at least not break on those invalid comments.
|
||||
Fixed bug where apos wasn't handled correctly in IE. It will now convert apos to ' on IE since that browser doesn't support that entity.
|
||||
Fixed bug where entities wasn't encoded correctly inside pre elements since they where protected from whitespace removal.
|
||||
Fixed bug where color split buttons where rendered incorrectly on IE6 when using the non default theme.
|
||||
Fixed so caret is placed after links ones they are created, to improve usability of the editor.
|
||||
Fixed so you can select tables by clicking on it's borders in non IE browsers to normalize the behavior.
|
||||
Fixed so the menus can be toggled by clicking once more on the icon in listboxes, menubuttons and splitbuttons based on code contributed by Josh Peek.
|
||||
Fixed so buttons can be labeled, currently only works with the default skin, so it's kind of experimental. Patch contributed by Daniel Insley.
|
||||
Fixed so forecolorpicker and backcolorpicker remembers the last selected color. Patch contributed by Shane Tomlinson.
|
||||
Fixed so that you can only execute the mceAddEditor command once for the same instance name.
|
||||
Fixed so command functions added with addCommand can pass though the call to default handles if it returns true.
|
||||
Version 3.0.6.2 (2008-04-07)
|
||||
Fixed bug where empty tables couldn't be edited correctly on non IE browsers if they where loaded into the editor.
|
||||
Fixed bug where it was impossible to resize layers correctly in IE since it thought it was an image.
|
||||
Fixed bug where an editor instance was stealing focus in IE resulting in a scroll to the editor on page reloads.
|
||||
Fixed bug where Safari was crashing on Mac OS X if you closed dialogs using the Esc key.
|
||||
Version 3.0.6.1 (2008-04-04)
|
||||
Added support for the missing mceAddFrameControl command. The input for this command has changed so consult the Wiki.
|
||||
Fixed bug where sub menus for the drop menus would leave an empty element behind.
|
||||
Fixed memory leak in IE if the editor was placed in a frame or iframe.
|
||||
Version 3.0.6 (2008-04-03)
|
||||
Added elements to the default value of valid_elements option. It now contains all XHTML strict elements and a few transitional.
|
||||
Added more accessibility fixes, it's now possible to navigate and close list boxes and split button menus with the keyboard.
|
||||
Added missing getInfo method to the contextmenu and safari plugin, this caused problems for the Drupal module.
|
||||
Added new inlinepopups_zindex option to the inlinepopups plugin so that you can configure the default start z-index.
|
||||
Added new setControlType method to the tinymce.ControlManager class. This method enables you to override the default classes.
|
||||
Added ability to specific an optional control class to use instead of the default one for the ControlManager methods. Based on concept by Josh Peek.
|
||||
Fixed bug where attribute rules for the DOM Serializer couldn't contain - or _ characters in their names.
|
||||
Fixed bug where inlinepopups event blocker and modal dialog blocker elements produced vertical scrollbars.
|
||||
Fixed bug where there was a rendering issue with quirks mode in Safari moving the resize handle to an incorrect position.
|
||||
Fixed bug with forecolor/backcolor controls on IE. Sometimes elements positioned relative will generate display errors.
|
||||
Fixed bug where a p2 was leaking out in the global name space when you selected a color from the forecolor/backcolor controls.
|
||||
Fixed bug where empty paragraphs didn't work as expected in browsers other than IE.
|
||||
Fixed bug where the load method of the tinymce.dom.ScriptLoader didn't check if the file was already loaded.
|
||||
Fixed bug where the load method for the PluginManager and ThemeManager didn't check if a plugin/theme by a specific name was all ready loaded.
|
||||
Fixed bug where the theme_advanced_link_targets option didn't work correctly with the advanced themes link dialog. Patch contributed by Arnold B.
|
||||
Fixed bug where the style command would merge classes into empty span elements.
|
||||
Fixed bug where the style command would remove empty span elements outside the current selection.
|
||||
Fixed bug where the fix for the Safari backspace bug removed all editor contents if it was filled with empty paragraphs.
|
||||
Fixed bug where alert and confirm boxes opened by the inlinepopups plugin would produce an exception if domain relaxing was used.
|
||||
Fixed bug where Safari was adding style attributes to all elements when you paste them into the editor.
|
||||
Fixed bug where the spellchecker menus was visually incorrect since the space for the non existing icon was still there.
|
||||
Fixed bug where remove_linebreaks option didn't remove line breaks inside the text contents of a element.
|
||||
Fixed bug where Safari 3.1 was introducing _mc_tmp into paragraphs due to the new querySelectorAll and a TinyMCE specific workaround.
|
||||
Fixed bug where getParam method in the Editor class was returning incorrect objects and would mess up the font drop down. Patch contributed by speednet.
|
||||
Fixed bug where the table dialog would produce an exception in IE when you edited tables since it tried to place focus in a disabled field.
|
||||
Fixed bug where class attribute on some span elements was removed on cleanup.
|
||||
Fixed bug where resizing the editor in IE could produce an exception if the editor width/height got to be a negative value.
|
||||
Fixed bug where wmv files wouldn't play since the src param was used instead of the url param.
|
||||
Fixed bug where br elements would be added here and there in Gecko. Geckos internal _moz_dirty br elements where serialized as well.
|
||||
Fixed bug where editing named anchors would produce two anchors instead of one updated one.
|
||||
Fixed bug where arrow and function keys didn't work when an noneditable element was focused within the editor.
|
||||
Fixed bug where the dispatcher could produce an exception if the listener list was altered inside an event callback.
|
||||
Fixed bug where it was impossible to totally empty the editor contents on Safari due to an mistreatment of nbsp as whitespace. Patch contributed by Andrew Ozz.
|
||||
Fixed bug where TinyMCE would not convert textareas with the same name attribute value. It will now generate an unique id for those textareas.
|
||||
Fixed bug where backspace/delete key was deleting td elements inside tables while running on Gecko.
|
||||
Fixed bug where Firefox 3.0b4 and Opera 9.26 where scrolling to the top of document when pressing return/enter.
|
||||
Fixed bug where the template plugin wasn't just inserting the mceTmpl tagged element.
|
||||
Fixed bug where the alert method of the default WindowManager implementation didn't translate input language strings like the inlinepopups dialog does.
|
||||
Fixed bugs with the backspace behavior in Gecko. The caret was placed on incorrect locations in the DOM sometimes.
|
||||
Fixed so advimage dialog and table dialogs has support for editable select boxes for the class value.
|
||||
Fixed so the media, pagebreak and spellchecker doesn't load it's default content.css file if the content_css option is set to false.
|
||||
Fixed so the paste_use_dialog option works again it's enabled by default but can be disabled on IE. Patch contributed by Speednet.
|
||||
Fixed so that the fullscreen editor is focused when switching fullscreen editing on.
|
||||
Fixed so it's possible to edit images and links inside tables using the context menu.
|
||||
Fixed so table dialogs and the advanced image dialog doesn't loose selection in IE if the dialogs where navigated/submitted with the keyboard.
|
||||
Fixed so the theme_advanced_blockformats options can have named items for example title 1=h1;title 2=h2.
|
||||
Fixed so it's possible to add a custom editor_css for the simple theme.
|
||||
Fixed quirks with directionality rtl, patch contributed by Andrew Ozz.
|
||||
Fixed so the inlinepopups default start zIndex is 300000.
|
||||
Fixed typo in media plugin Shockware is now replaced with Shockwave.
|
||||
Fixed psuedo memory leak in IE with the replaceChild method inside the DOMUtils.replace method.
|
||||
Fixed so memory is released when an editor instance is removed from page.
|
||||
Optimized the color split button menus so that they use less event handlers.
|
||||
Removed the util/mclayer.js file since it's no longer used by any of the TinyMCE dialogs and is considered deprecated.
|
||||
Version 3.0.5 (2008-03-12)
|
||||
Added new black skin variant to the o2k7 skin contributed by Stefan Moonen.
|
||||
Added new explode method to the tinymce core class. This does a split but removed whitespace it also defaults to a , delimiter.
|
||||
Added new detection logic for IE 8 standards mode into the DOMUtils class strMode can now be checked to see if that mode is on/off.
|
||||
Added new noscale option value for the scale select box for Flash in the media plugin.
|
||||
Fixed bug where the menu for the ColorSplitButton wasn't removed when the editor was removed.
|
||||
Fixed bug where font colors couldn't be edited correctly since the style of the element didn't get updated correctly.
|
||||
Fixed bug where class of elements would get lost when TinyMCE was fixing incorrect HTML markup.
|
||||
Fixed bug where table editing would produce double height values.
|
||||
Fixed bug where width style value wouldn't be removed if you switched width unit from cm/em to pixels or percent.
|
||||
Fixed bug where the search/replace input box wasn't auto focused like the other dialogs.
|
||||
Fixed bug where the old mceAddControl command would use the fullscreen settings next time it created an instance.
|
||||
Fixed bug where multiple lines where added to the target cell if you merged multiple empty cells.
|
||||
Fixed bug where drop down menus would be incorrectly positioned inside scrollable divs.
|
||||
Fixed bug where the separators of the silver skin variant didn't display correctly in IE 6.
|
||||
Fixed bug where createStyleSheet seems to load scripts at opposite order in some IE versions.
|
||||
Fixed bug where directionality could produce odd results for the UI and the dialogs.
|
||||
Fixed bug where the DOM serializer wouldn't serialize custom namespaced attributes in IE 6 using the *[*] valid elements rule.
|
||||
Fixed bug where table caption would be inserted after the thead element if you swapped a tr to be inside the thead.
|
||||
Fixed bug where the youtube detection logic for the media plugin was to generic.
|
||||
Fixed so the deprecated and undocumented theme_advanced_path_location set to none won't hide the whole statusbar.
|
||||
Fixed so most input lists can have whitespace in them they are now split using the new tinymce.explode method.
|
||||
Fixed so the popup_css and popup_css_add URLs are relative to where the current document is located.
|
||||
Fixed various bugs and quirks with the store/restore selection logic.
|
||||
Fixed so the editor starts in IE 8 standards mode but still that browser is very very buggy.
|
||||
Fixed so dialog_type set to modal will block the background and other inline windows and only give access to the front most window.
|
||||
Version 3.0.4.1 (2008-03-08)
|
||||
Fixed critical bug where it was impossible to edit images when inlinepopups where used due to lost selection in IE.
|
||||
Version 3.0.4 (2008-03-07)
|
||||
Added new option constrain_menus, this enables you to force view port constraints on all menus. Contributed by Shane Tomlinson.
|
||||
Fixed bug where table background wasn't visible inside the editor due to a default CSS rule overriding the style attribute.
|
||||
Fixed bug where links would get a null class added if no styles was used in IE.
|
||||
Fixed bug where spellchecker was auto focusing the editor in IE.
|
||||
Fixed bug where document.domain would produce invalid argument if the editor was loaded in IE6 over a network UNC path.
|
||||
Fixed bug where table height attribute was used, this is deprecated in XHTML so it now adds it as an style.
|
||||
Fixed bug where textareas with style values would produce error in IE.
|
||||
Fixed so the first element in each dialog is focused by default to enhance keyboard usage.
|
||||
Fixed so you can add a mceFocus class to elements to make it auto focused.
|
||||
Fixed so you can close dialogs using the esc key.
|
||||
Fixed so you can press return/enter to submit the action of each dialog.
|
||||
Fixed so tabbing inside an inline popups wont focus the resize anchor elements.
|
||||
Fixed so you can press ok in inline alert messages using the return/enter key.
|
||||
Fixed so textareas can be set to non px or % sizes for example em, cm, pt etc.
|
||||
Fixed so non pixel values can be used in width/height properties for tables.
|
||||
Fixed so the custom context menu can be disabled by holding down ctrl key while clicking.
|
||||
Fixed so the layout for the o2k7 skin looks better if you don't have separators before and after list boxes.
|
||||
Fixed so the sub classes get a copy of the super class constructor function to ease up type checking.
|
||||
Fixed so font sizes for the format block previews are normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden).
|
||||
Fixed so font sizes for h1-h6 in the default content.css is normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden).
|
||||
Version 3.0.3 (2008-03-03)
|
||||
Fixed bug where an error about document.domain would be thrown if TinyMCE was loaded using a different port.
|
||||
Fixed bug where mode exact would convert textareas without id or name if the elements option was omitted.
|
||||
Fixed bug where the caret could be placed at an incorrect location when backspace was used in Gecko.
|
||||
Fixed bug where local file:// URLs where converted into absolute domain URLs.
|
||||
Fixed bug where an error was produced if a editor was removed inside an editor command.
|
||||
Fixed bug where force_p_newlines didn't effect the paste plugin correctly.
|
||||
Fixed bug where the paste plugin was producing an exception on IE if you pasted contents with middots.
|
||||
Fixed bug where delete key could produce exceptions in Gecko sometimes due to the fix for the table cell bug.
|
||||
Fixed bug where the layer plugin would produce an visual add class called mceVisualAid this one is now renamed to mceItemVisualAid to mark it internal.
|
||||
Fixed bug where TinyMCE wouldn't initialize properly if ActiveX controls was disabled in IE.
|
||||
Fixed bug where tables and other elements that had visual aids on them would produce an extra space after any custom class names.
|
||||
Fixed bug where search with an empty string would produce some odd "invalid pointer" error in IE.
|
||||
Fixed bug where elements like menus where placed at incorrect positions in Opera 9.26.
|
||||
Fixed bug where IE was loosing focus of the editor when you clicked some dropmenu and if it was placed in a frame or iframe.
|
||||
Fixed bug where focus of images could be lost in IE if you focused the accessibility confirm dialog in the advimage plugin.
|
||||
Fixed bug where nestled font elements would produce odd output like missing font elements.
|
||||
Fixed bug where text colors and styles got removed if invalid_elements included the font element.
|
||||
Fixed bug where text-decoration set to underline or line-through would remove other styles from span elements.
|
||||
Fixed bug where editor contents like \n\n would be incorrectly handled and processed as real line feeds.
|
||||
Fixed bug where incorrectly encoded urls with ampersands in them would be decoded incorrectly.
|
||||
Optimized the DOMUtils decode method to be a lot faster if the string doesn't have any entities to decode.
|
||||
Version 3.0.2.1 (2008-02-26)
|
||||
Fixed alert/confirm dialogs so they display correctly.
|
||||
Version 3.0.2 (2008-02-26)
|
||||
Added new body_id option that enables you to specify the id of the body inside the editor iframe based on ideas by David Bildström (ChronoZ).
|
||||
Added new body_class option that enables you to set the class for the body of the editor iframe based on ideas by David Bildström (ChronoZ).
|
||||
Added new CSS class to the default content.css files mceForceColors that forces white background and black text can be used with the body_class option.
|
||||
Added new type parameter to the Editor.getParam function to reduce redundant logic for parsing hash tables.
|
||||
Added new isDone method to the ScriptLoaded class, this enables you to check if a script has been loaded or not.
|
||||
Added new resizeTo and resizeBy methods for the advanced theme. Can be called using tinyMCE.activeEditor.theme.resizeTo(w, h);
|
||||
Added new skin_variant option this can be used to extend existing skins with slight modifications like color.
|
||||
Added new variant of the o2k7 skin called "silver" based on a contribution made by Stefan Moonen.
|
||||
Fixed bug where the template plugin might produce errors if the template_mdate_classes wasn't configured.
|
||||
Fixed bug where the media plugin didn't convert the URLs for movies once they where inserted.
|
||||
Fixed bug where the style field for the advlink dialog didn't work correctly if you edited an existing link.
|
||||
Fixed bug where alignment of toolbars would fail in editor was uses in a quirks mode on IE, fix contributed by Peter Wood & Art Lawry.
|
||||
Fixed bug where initialization of multiple editors at the same time using the mceAddControl method would produce errors.
|
||||
Fixed bug where initialization of editors using mceAddControl command or new tinymce.Editor calls would fail during page load.
|
||||
Fixed bug where the check for domain relaxing could fail if the document.domain property was changed by another script.
|
||||
Fixed bug where textareas couldn't be named description or any other name that matches the meta elements in IE and Opera.
|
||||
Fixed bug where the element path would fail sometimes in IE due to "unknown runtime error" on innerHTML.
|
||||
Fixed bug where Safari would crash if you was hiding the editor before serializing the contents.
|
||||
Fixed bug where the editor wasn't scaled propertly in fullscreen mode using the old fullscreen_new_window option.
|
||||
Fixed bug where render method didn't load language packs in IE and Opera if you rendered an editor during page load.
|
||||
Fixed bug where resizing the browser window in fullscreen didn't resize the editor.
|
||||
Fixed bug where the blockquote command didn't move the caret inside the new empty blockquote if you used it on an empty document.
|
||||
Fixed bug where auto in a style width/height for the textarea would produce an editor with the size value of 100. Fix contributed by Shane Tomlinson.
|
||||
Fixed bug where restoration of selection at the beginning of an element could fail in Gecko.
|
||||
Fixed bug where caret restoration after a cleanup could place the it at an incorrect location.
|
||||
Fixed bug where delete key inside td elements would delete the cell in Gecko.
|
||||
Fixed so the blockquote button toggles individual lines. This behavior is a bit more like the old indentation behavior in the 2.x branch.
|
||||
Fixed so the dialog language packs only gets loaded the first time you open a dialog.
|
||||
Fixed so all classes in the whole UI is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins.
|
||||
Fixed so all classes in the inlinepopups logic is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins.
|
||||
Fixed so that the window in fullscreen mode can be resized when fullscreen_new_window option is enabled.
|
||||
Fixed so blockquote elements are formatted in the source output with an linefeed before and after it.
|
||||
Optimized the editor initialization by reducing the number of calls to getBookmark/moveToBookmark.
|
||||
Version 3.0.1 (2008-02-21)
|
||||
Added spellchecker plugin into the main package, but without any backend can be specified with the spellchecker_rpc_url option.
|
||||
Added src attribute for script elements to the default valid_elements option value.
|
||||
Added extra parameter to the class_filter callback it can now also filter out classes based on the whole CSS rule.
|
||||
Added support for domain relaxing, TinyMCE can now be loaded from an remote domain as long as they are on the same root domain.
|
||||
Added support for custom elements the new custom_elements option enables you to add non HTML elements to the editor.
|
||||
Added support for the W3C Selectors API that was added to latest nightly build of WebKit.
|
||||
Fixed bug where some object param element wasn't stored correctly using the media plugin.
|
||||
Fixed bug where Opera was scrolling to top of page is drop menus on list boxes where displayed.
|
||||
Fixed bug where IE6 was crashing if a format block was used on a container with anchor elements.
|
||||
Fixed bug where spans with font sizes wasn't handled correctly when editor was loading contents.
|
||||
Fixed bug where mode exact couldn't convert editors with name only. Id is no longer required but recommended.
|
||||
Fixed bug where the mceInsertRawHTML command produced an extra undo level.
|
||||
Fixed bug where the specific_textareas mode didn't work correctly this is the same thing as textareas now.
|
||||
Fixed bug where the values of input elements in the HTML page of dialogs pages where changed in IE.
|
||||
Fixed bug where fullscreen and fullpage plugins didn't work well together.
|
||||
Fixed bug where embed elements wasn't handled properly in the media plugin.
|
||||
Fixed bug where style information on span elements gets munged when fonts are converted to spans.
|
||||
Fixed bug where some entities in element attributes where encoded incorrectly in the latest WebKit build.
|
||||
Fixed bug where initialization would fail in IE if there where two input elements with the name submit in the form.
|
||||
Fixed bug where fullscreen mode didn't work correctly in IE when the fullscreen_new_window option was used.
|
||||
Fixed bug where invalid contents like an ul inside a p element would produce odd results in IE.
|
||||
Fixed bug where Opera 9.2x was placing the drop menus at incorrect locations if the editor was placed in a table.
|
||||
Fixed bug where Opera was producing odd results if enter/return was pressed while having forced_root_blocks disabled.
|
||||
Fixed bug where layer plugin was stealing focus in IE on initialization.
|
||||
Fixed bug where body attributes wasn't set properly in the fullpage plugin, fix contributed by Hiroaki Kawai.
|
||||
Fixed bug where insert image and insert link dialogs where producing an extra level in the undo history.
|
||||
Fixed bug where Gecko would produce an error if empty elements like <div></div> where inserted using mceInsertContent.
|
||||
Fixed bug where center alignment of images produced odd results inside table cells.
|
||||
Fixed bug where center alignment of images couldn't be toggled correctly.
|
||||
Fixed bug where alignment of images inside tables would produce double float style items in IE if the fix_table_elements option was enabled.
|
||||
Fixed bug where a variable called 'v' was polluting the global namespace. Objects tinymce and tinyMCE are the only ones allowed to be global.
|
||||
Fixed bug where insert table from context menu couldn't insert new tables inside existing tables.
|
||||
Fixed bug where Safari wouldn't produce br elements on enter when the force_br_newlines option was enabled.
|
||||
Fixed bug where switching cell type in table cell dialog would produce odd attributes in IE.
|
||||
Fixed bug where Gecko was outputting internal attributes if valid_elements where set to "*[*]".
|
||||
Fixed bug where the style plugin would produce non hex colors inside the dialog when running on Gecko.
|
||||
Fixed bug where an empty src value for insert image would remove the currently selected image if it wasn't and image element.
|
||||
Fixed bug where hidden input elements would break the logic for the tab_focus option.
|
||||
Fixed bug where save button wasn't working correctly in fullscreen mode.
|
||||
Fixed bug where the editor was forced to be placed in a form element if the save_onsavecallback option was used.
|
||||
Fixed bug where upper case param attributes wasn't parsed correctly in the media plugin.
|
||||
Fixed bug where render method of tinymce.Editor class would produce an exception if the strict_loading_mode option was omitted.
|
||||
Fixed bug where nodeChanged event could be fired while the editor was loading and there for produce an exception in FF.
|
||||
Fixed bug where no undo levels where added if the user created new table rows using the tab key on Gecko.
|
||||
Fixed bug where tables would be broken if you selected a different block format for contents withing an table cell.
|
||||
Fixed bug where the render method of the tinymce.Editor class didn't setup the tinymce.EditorManager.settings object correctly.
|
||||
Fixed bug where the advanced image dialog would go to the first tab if the alternative image was changed using the file browser link.
|
||||
Fixed bug where the forced_root_block option would produce BR elements inside empty blocks if the block wasn't a paragraph.
|
||||
Fixed bug where the forced_root_block doesn't work correctly on IE if the specified element was something else than paragraphs.
|
||||
Fixed bug where selection of images would get lost if user selected something from the context menu in IE.
|
||||
Fixed bug where the context menu plugin would pollute the global namespace with two variables p1 and p2.
|
||||
Fixed compatibility issue with Mootools, it is destroying document.getElementById on unload in IE. (Mantra: You don't own the internal objects).
|
||||
Fixed bugs where dialogs/tabs and other UI elements where rendered incorrectly in Firefox 3.
|
||||
Fixed so the auto CSS class importer is compatible with 2.x.
|
||||
Fixed so the editor UI and inlinedialogs works correctly with the YUI CSS reset package.
|
||||
Fixed so header and footer elements are forced to lower case when the fullpage plugin is used.
|
||||
Fixed so load prefixes "-" for plugins and themes isn't required if the plugin/theme was loaded by the ThemeManager/PluginManager.
|
||||
Fixed so the JSONRequest uses application/json content type to make Ruby on rails happy.
|
||||
Fixed so the CSS rule is more exact for the body in the default content.css files. Body is now defined as "body.mceContentBody" instead of just "body".
|
||||
Fixed so the tiny_mce_dev.js uses XHR instead of document.write to load scripts to resolve an issue with Opera 9.50.
|
||||
Fixed so language pack loading can be disabled by setting the language option to false. Can be useful for systems with their own language pack management.
|
||||
Version 3.0 (2008-01-30)
|
||||
Added map and area elements to the default valid_elements list and also some indentation rules.
|
||||
Fixed bug where empty paragraphs wasn't padded when loading contents.
|
||||
Fixed bug where the RowLayout manager didn't work at all.
|
||||
Fixed bug where style attribute data would get messed up in advimage dialog.
|
||||
Fixed bug where the table dialogs class select wasn't updated correctly.
|
||||
Fixed bug where elements would get extra whitespace around on insert when body was present in valid_elements.
|
||||
Fixed bug where coords attribute of the area element wasn't handled properly in IE.
|
||||
Fixed bug where Safari didn't produce BR elements on shift+return.
|
||||
Fixed bug where force blocks would cast odd invalid attribute exception in IE.
|
||||
Fixed bug where media plugin would produce extra whitespace before and after objects.
|
||||
Fixed bug where cleanup_callback could break the contents of the editor. But use the new event system instead of this option.
|
||||
Fixed bug where the tab_focus option didn't work between editor instanced. You can now tab between editors.
|
||||
Fixed bug where the load function of the ScriptLoader class didn't load single files without the load que as it was supposed to.
|
||||
Fixed bug where the execcommand_callback parameter order was incorrect. Recommendation use the new addCommand method.
|
||||
Fixed bug where range.select calls sometimes failed on some IE versions.
|
||||
Fixed bug where Safari was scrolling to top of document when enter/returned was pressed.
|
||||
Fixed bug where fullscreen_new_window option didn't work correctly.
|
||||
Fixed bug where the nonbreaking plugin inserted an space instead of an non breaking space the first time.
|
||||
Fixed bug where the visualization of non breaking spaces where visual in element path.
|
||||
Fixed so the focus is restored to the editor after inserting an custom character.
|
||||
Fixed so the isNotDirty state is set to false if a new undo level is added.
|
||||
Fixed so pointless style information for borders gets removed in IE.
|
||||
Fixed so the resize button has a se-resize cursor css value.
|
||||
Version 3.0rc2 (2008-01-18)
|
||||
Added new fix_nesting option to fix bug #1867292, this is disabled by default.
|
||||
Added new indentation option enables you to specify how much each indent/outdent call will add/remove.
|
||||
Added easier support for enabling/disabling icon columns on drop menues.
|
||||
Added new menu button control class. This control is very similar to the splitbutton but without any onclick action.
|
||||
Added support for previous tab focus (shift+tab). The tab_focus setting now takes two items next and previous element.
|
||||
Fixed bug where iframes inside the editor got removed in Firefox on initial load.
|
||||
Fixed bug where the CSS for abbr elements wasn't applied correctly in IE.
|
||||
Fixed bug where mceAddControl on element inside a hidden container produced errors.
|
||||
Fixed bug where closed anchors like <a /> produced strange results.
|
||||
Fixed bug where caret would jump to the top of the editor if enter was pressed a the end of a list.
|
||||
Fixed bug where remove editor failed if the editor wasn't properly initialized.
|
||||
Fixed bug where render call on for a non existing element produced exception.
|
||||
Fixed bug where parent window was hidden when the color picker was used in a non inlinepopups setup.
|
||||
Fixed bug where onchange event wasn't fired correctly on IE when color picker was used in dialogs.
|
||||
Fixed bug where save plugin could not save contents if the converted element wasn't an textarea.
|
||||
Fixed bug where events might be fired even after an editor instance was removed such as blur events.
|
||||
Fixed bug where an exception about undefined undo levels could be throwed sometimes.
|
||||
Fixed bug where the plugin_preview_pageurl option didn't work.
|
||||
Fixed bug where adding/removing an editor instance very fast could produce problems.
|
||||
Fixed bug where the link button was highlighted when an anchor element was selected.
|
||||
Fixed bug where the selected contents where removed if a new anchor element was added.
|
||||
Fixed bug where splitbuttons where rendered one pixel down in the default theme.
|
||||
Fixed bug where some buttons where placed at incorrect positions in the o2k7 theme.
|
||||
Fixed bug that made it impossible to visually disable a custom button that used an image instead of CSS sprites.
|
||||
Fixed bug where it wasn't possible to press delete/backspace if the editor was added+removed and re-added due to a FF bug.
|
||||
Fixed bug where an entities option with only 38,amp,60,lt,62,gt would fail in IE.
|
||||
Fixed bug where innerHTML sometimes generated unknown runtime error on IE.
|
||||
Fixed bug where content_css files wasn't loaded in the template preview iframe.
|
||||
Fixed bug where scroll position was incorrect when toggling fullscreen mode.
|
||||
Fixed bug where restoration of overflow didn't work correctly when disabling fullscreen mode in Opera.
|
||||
Fixed bug where drop menus where places at incorrect locations if the editor was placed in a scrollable container element.
|
||||
Fixed bug where hideMenu didn't hide sub menus correctly. It will now hide all menus recursively.
|
||||
Fixed so theme_advanced_path_location can be used in init options for compatibility reasons.
|
||||
Fixed so the drop menu colors matches the rest of o2k7 theme.
|
||||
Fixed so the preview example.html file is updated to the new 3.x API.
|
||||
Fixed so the margins are the same by default inside the editable area between IE and other browsers.
|
||||
Fixed so editor contents gets stored before it the onSubmit event is fired.
|
||||
Version 3.0rc1 (2008-01-08)
|
||||
Added new classes for toolbar rows in advanced theme mceToolbarRow1..n enabled you to change appearance of individual rows.
|
||||
Added auto detection for the strict_loading_mode option when running in application/xhtml+xml mode on Gecko.
|
||||
Optimized the HTML serializer by bundling some post process methods together.
|
||||
Fixed so that the toolbars have unique IDs, enables you to alter the toolbars using the ControlManager and the DOM.
|
||||
Fixed bug where delta values for dialog sizes in language packs didn't work correctly due to missing string to number casting.
|
||||
Fixed bug where paragraph generation logic didn't handle hr or table elements correctly if they where the only element.
|
||||
Fixed bug where some elements got extra linebreaks added after or before it in HTML output.
|
||||
Fixed bug where it was hard to modify existing style data on table rows and table cells.
|
||||
Fixed bug where the dom.getRect method didn't handle non pixel values correctly.
|
||||
Fixed bug where strikethrough and underline couldn't be toggled on existing span elements.
|
||||
Fixed bug where the postprocessor searched for nsbp instead of nbsp entities.
|
||||
Fixed bug where it was impossible to edit links that had child elements within them.
|
||||
Fixed bug where it was possible to click on the parent item of a submenu.
|
||||
Fixed bug where mouseover/mouseout images couldn't be removed in advimage dialog.
|
||||
Fixed bug where drop menus didn't work when running in application/xhtml+xml mode.
|
||||
Fixed bug where Opera added doctype to output in application/xhtml+xml mode.
|
||||
Fixed bug where some DOM methods didn't work correctly in the application/xhtml+xml mode.
|
||||
Fixed bug where the inlinepopups didn't work correctly in the application/xhtml+xml mode.
|
||||
Fixed bug where the ColorSplitButton didn't display correctly in the application/xhtml+xml mode.
|
||||
Fixed bug where the UI layout was incorrect on Gecko browsers when running in application/xhtml+xml mode.
|
||||
Fixed bug where the word paste plugin produced exception while running in application/xhtml+xml mode.
|
||||
Fixed bug where there wasn't any hidden input element generated for divs while running in application/xhtml+xml mode.
|
||||
Fixed bug where indentation of script/style/pre elements where incorrect.
|
||||
Fixed bug where script element contents was removed in IE.
|
||||
Fixed bug where script element contents got entity encoded.
|
||||
Fixed bug where you couldn't edit existing element styles using the styles plugin.
|
||||
Fixed bug where styles wasn't updated properly sometimes due to an performance enhancement.
|
||||
Fixed bug where font sizes couldn't be changed using the style plugin.
|
||||
Fixed bug where an error was produced in Gecko browsers when switching back from fullscreen mode.
|
||||
Fixed bug where Opera was producing br elements after elements like h3.
|
||||
Fixed bug where TinyMCE couldn't be loaded on a page using - characters in it's URL.
|
||||
Fixed bug where the editor container element was forced to have a specific name.
|
||||
Fixed bug with force_br_newlines option on Firefox, even though it should never be used (Read FAQ).
|
||||
Fixed bug where onclick event had an return true; prefix added when creating an popup.
|
||||
Fixed bug where the theme_advanced_statusbar_location option couldn't handle the value "none".
|
||||
Fixed issue with URLs with multiple at characters for example an Zope URI.
|
||||
Fixed so simple and advanced themes doesn't collide.
|
||||
Fixed so a elements gets removed when the href field is left empty, the href attribute is required in a link after all.
|
||||
Fixed so img elements gets removed when the src field is left empty, the src attribute is required for all images after all.
|
||||
Removed the indent and encode methods from the tinymce.dom.Serializer class due to performance enhancement and reduction of the API size.
|
||||
Version 3.0b3 (2007-12-14)
|
||||
Added new getElement method to Editor class, returns the element that was replaced with the editor instance.
|
||||
Added new unavailable prefix for disabled controls for accessibility reasons.
|
||||
Fixed bug where regexp patterns couldn't be used for the editor_selector/editor_deselector options.
|
||||
Fixed bug where the DOM wasn't properly initialized before the onInit event was executed in popups.
|
||||
Fixed bug where font sizes where reduced by font size actions on previous spans in Safari.
|
||||
Fixed bug where HR elements got places at the wrong location in IE.
|
||||
Fixed bug where align/justify didn't work correctly on multiple paragraphs.
|
||||
Fixed bug with missing translation for cell scope settings.
|
||||
Fixed bug where selection/caret position was lost on some table actions.
|
||||
Fixed bug where editor instances couldn't be added to hidden div elements.
|
||||
Fixed bug where list elements in Safari would get an odd ID attribute.
|
||||
Fixed bug where IE would return <html/> when the editor was completely empty.
|
||||
Fixed bug where accessibility title attribute for access keys wasn't setup properly.
|
||||
Fixed bug where forecolorpicker and backcolorpicker control names wasn't working.
|
||||
Fixed bug where inserting template content didn't work in Safari due to selection exception.
|
||||
Fixed bug where absolute URLs to remote hosts couldn't be used for background images.
|
||||
Fixed bug where mysterious span elements where produced in Safari when injecting HTML contents.
|
||||
Fixed bug where the media plugin didn't work correctly on the latest Opera 9.24.
|
||||
Fixed bug where indentation of HTML output wasn't applied to all block elements.
|
||||
Fixed bug where Safari was production DOM exception if you pressed enter in an empty editor.
|
||||
Fixed bug where media plugin didn't parse script tags correctly patch contributed by Mathieu Campagna.
|
||||
Fixed bug where the drop menus of list boxes like blockformat could produce scrolling of the page.
|
||||
Fixed bug where the drop menus where placed at an incorrect location if TinyMCE was placed in a scrollable div.
|
||||
Fixed bug where submit buttons couldn't be named submit, it's not recommended to name submit buttons submit anyway.
|
||||
Fixed bug where the stylelistbox produced an exception if there was only one class in the list box.
|
||||
Fixed bug where the stylelistbox wasn't updated correctly when the current class was removed.
|
||||
Fixed bug where the formatblock command sometimes removed the body element.
|
||||
Fixed bug where fullscreen switching in IE sometimes produced an exception when the spellchecker plugin was enabled.
|
||||
Fixed issue where FF produced an empty paragraph when the editor was completely empty.
|
||||
Fixed issue with size of image dialog in the advanced theme.
|
||||
Fixed issues with the bbcode plugin it now also handles spans and the [font] rule.
|
||||
Fixed so the style compression feature is a bit smarter to resolve issues with Opera.
|
||||
Reintroduced the remove_linebreaks option, this is enabled by default.
|
||||
Version 3.0b2 (2007-11-29)
|
||||
Added type and compact attributes to the default valid_elements list for the ul and ol elements.
|
||||
Added missing accessibility support to native list boxes in both the toolbar and dialogs.
|
||||
Added missing access key for the element path for accessibility reasons.
|
||||
Fixed support for loading themes from external URLs.
|
||||
Fixed bug where setOuterHTML didn't work correctly when multiple elements where passed to it.
|
||||
Fixed bug with visualchars plugin was moving elements around in the DOM.
|
||||
Fixed bug with DIV elements that got converted into editors on IE.
|
||||
Fixed bug with paste plugin using the old event API.
|
||||
Fixed bug where the spellchecker was removing the word when it was ignored.
|
||||
Fixed bug where fullscreen wasn't working properly.
|
||||
Fixed bug where the base href element and attribute was ignored.
|
||||
Fixed bug where redo function didn't work in IE.
|
||||
Fixed bug where content_css didn't work as previous 2.x branch.
|
||||
Fixed bug where preview dialog was throwing errors if the content_css wasn't defined.
|
||||
Fixed bug where the theme_advanced_path option didn't work like the 2.x branch.
|
||||
Fixed bug where the theme_advanced_statusbar_location was called theme_advanced_status_location.
|
||||
Fixed bug where the strict_loading_mode option didn't work if you created editors dynamically without using the EditorManager.
|
||||
Fixed bug where some language values wasn't translated such as insert and update in dialogs.
|
||||
Fixed bug where some image attributes wasn't stored correctly when inserting an image.
|
||||
Fixed bug where fullscreen mode didn't restore scrollbars when disabled.
|
||||
Fixed bug where there was no visual representation for tab focus in toolbars on IE.
|
||||
Fixed bug where HR elements wasn't treated as block elements so forced_root_block would fail on these.
|
||||
Fixed bug where autosave presented warning message even when the form was submitted normally.
|
||||
Fixed typo of openBrower it's now openBrowser in form_utils.js.
|
||||
Fixed various HTML problems like missing TD elements and duplicated doctypes.
|
||||
Fixed default values for theme_advanced_resize_horizontal, theme_advanced_resizing_use_cookie to be 2.x compatible.
|
||||
Moved spellchecker JS files into the development package.
|
||||
Removed support for theme_advanced_path_location since the theme_advanced_statusbar_location is the correct option name.
|
||||
Version 3.0b1 (2007-11-21)
|
||||
Added new tab_focus option, that enables you to specify a element id or that the next element to be focused on tab key down.
|
||||
Added new addQueryValueHandler method to the tinymce.Editor class.
|
||||
Added new class_filter option, this enables you to specify a function that can filter out CSS classes for the styles list box.
|
||||
Added support form [url=url]title[/url] to the bbcode plugin.
|
||||
Renamed the addCommandQueryState method in the tinymce.Editor class to addQueryStateHandler.
|
||||
Renamed loadQue to loadQueue, to correct spelling.
|
||||
Removed the createDOM method from the window manager and replace it with a createInstance method.
|
||||
Removed the add to beginning of class attribute parameter of the DOMUtils.addClass method.
|
||||
Fixed bug with the forced_root_block option, didn't work correctly with multiple inline elements.
|
||||
Fixed bug where image dialogs replaced the current image element with a new one even when it was updated.
|
||||
Fixed bug where the submit trigger wasn't executed when divs where converted into editor instances.
|
||||
Fixed bug where div elements that got converted into editors didn't get a hidden input element generated for them.
|
||||
Fixed bug where the the media_use_script option for the media plugin wasn't working correctly.
|
||||
Fixed bug where the font size and font family listboxes wasn't updated correctly on Safari.
|
||||
Fixed bug where the height of the fieldset in default image dialog for the advanced theme was to small.
|
||||
Fixed bug where the font sizes behaved incorrectly after a cleanup on Safari.
|
||||
Fixed bug where formatblock didn't work correctly in Safari on some elements.
|
||||
Fixed bug where template plugin didn't insert content correctly unless some options where specified.
|
||||
Fixed bug where charmap on Safari produced scrollbars.
|
||||
Fixed bug where there was white artifacts in some dialogs due to missing background color.
|
||||
Fixed bug where port was added to all external URLs if the editor was loaded from a custom port.
|
||||
Fixed bug where the context menus got duplicated on Safari 3.0.4 on Mac OS X.
|
||||
Fixed bug where dialogs like paste from word was huge on Firefox.
|
||||
Fixed bug with media plugin not working with windows media objects.
|
||||
Fixed bug where a forever loop was created if multiple instances where submitted using form.submit.
|
||||
Fixed bug with editing a table produce error in IE when inlinepopups where used.
|
||||
Fixed bug where the style plugin generated ugly looking style information in IE.
|
||||
Fixed bug where the inline dialogs that got opened while in fullscreen mode wasn't visible.
|
||||
Fixed bug where it was difficult to place the caret inside the word paste dialog.
|
||||
Fixed bug where Opera produced strange border in the word paste dialog.
|
||||
Fixed bug where viewport constraints could move a inlinepopup to a negative x, y position if the viewport was to small.
|
||||
Fixed bug where template plugin was producing an error due to a deprecated API call.
|
||||
Fixed bug where drag drop of images failed in Gecko if a document_base_url was specified.
|
||||
Fixed bug where Firefox 3 failed to apply block formats like H1-H6 it still breaks on DIVs this has been reported to bugzilla.
|
||||
Fixed bug where IE was producing a warning dialog about non secure items when running TinyMCE over HTTPS.
|
||||
Fixed bug where the onbeforeunload event was triggered when menus or dialogs where opened.
|
||||
Fixed bug where the fullscreen mode of the HTML view source box threw an error.
|
||||
Fixed bug where the mceFocus command didn't work correctly.
|
||||
Fixed bug where the selection could get lost in IE using inlinepopups.
|
||||
Fixed so the body of the editor area has the mceContentBody class just like the 2.x branch.
|
||||
Fixed so the media icon gets active when a media element is selected.
|
||||
Version 3.0a3 (2007-11-13)
|
||||
Added new experimental jQuery and Prototype framework adapters to the development package.
|
||||
Added new translation.html file for the development package. Helps with the internationalization of TinyMCE.
|
||||
Added new setup callback option, use this callback to add events to TinyMCE. This method is recommended over the old callbacks.
|
||||
Added new API documetation to all classes, functions, events, properties to the Wiki with examples etc.
|
||||
Added new init method to all plugins and themes, since it's shorter to write and it mimics interface capable languages better.
|
||||
Fixed various CSS issues in the default skin such as alignment of split buttons and separators.
|
||||
Fixed issues with mod_security. It didn't like that a content type of text/javascript was forced in a XHR.
|
||||
Fixed all events so that they now pass the sender object as it's first argument.
|
||||
Fixed some DOM methods so they now can take an array as input.
|
||||
Fixed so addButton and the methods of the ControlManager uses less arguments and it now uses a settings object instead.
|
||||
Fixed various issues with the tinymce.util.URI class.
|
||||
Fixed bug in IE and Safari and the on demand gzip loading feature.
|
||||
Fixed bug with moving inline windows sometimes failed in IE6.
|
||||
Fixed bug where save_callback function wasn't executed at all.
|
||||
Fixed bug where inlinepopups produces scrollbars if windows where moved to the corners of the browser.
|
||||
Fixed bug where view HTML source failed when inserting a embedded media object.
|
||||
Fixed bug where the listbox menus didn't display correctly on IE6.
|
||||
Fixed bug where undo level wasn't added when editor was blurred.
|
||||
Fixed bug where spellchecker wasn't disabled when fullscreen mode was enabled.
|
||||
Fixed bug where Firefox could crash some times when the user switched to fullscreen mode.
|
||||
Fixed bug where tinymce.ui.DropMenu didn't remove all item data when an item was removed from the menu.
|
||||
Fixed bug where anchor list in advlink dialog wasn't populated correctly in Safari.
|
||||
Fixed bug where it wasn't possible to edit tables in IE when inlinepopups was enabled.
|
||||
Fixed bug where it wasn't possible to change the table width of an existing table.
|
||||
Fixed bug where xhtmlxtras like abbr didn't work correctly on IE.
|
||||
Fixed bug where IE6 had some graphics rendering issues with the inlinepopups.
|
||||
Fixed bug where inlinepopup windows where moved incorrectly when they were boundary checked for min width.
|
||||
Fixed bug where textareas without id or name couldn't be converted into editor instances.
|
||||
Fixed bug where TinyMCE was stealing element focus on IE.
|
||||
Fixed bug where the getParam method didn't handle false values correctly.
|
||||
Fixed bug where inlinepopups was clipped by other TinyMCE instances or relative elements in IE.
|
||||
Fixed bug where the contextmenu was clipped by other TinyMCE instances or relative elements in IE.
|
||||
Fixed bug where listbox menus was clipped by other TinyMCE instances or relative elements in IE.
|
||||
Fixed bug where listboxes wasn't updated correctly when the a value wasn't found by select.
|
||||
Fixed various CSS issues that produced odd rendering bugs in IE.
|
||||
Fixed issues with tinymce.ui.DropMenu class, it required some optional settings to be specified.
|
||||
Fixed so multiple blockquotes can be removed with a easier method than before.
|
||||
Optimized some of the core API to boost performance.
|
||||
Removed some functions from the core API that wasn't needed.
|
||||
Version 3.0a2 (2007-11-02)
|
||||
Fixed critical bug where IE generaded an error on a hasAttribute call in the serialization engine.
|
||||
Fixed critical bug where some dialogs didn't open in the non dev package.
|
||||
Fixed bug when using the theme_advanced_styles option. Error was thrown in some dialogs.
|
||||
Fixed bug where the close buttons produced an error when native windows where used.
|
||||
Fixed bug in default skin so that split buttons gets activated correctly.
|
||||
Fixed so plugins can be loaded from external urls outsite the plugins directory.
|
||||
Version 3.0a1 (2007-11-01)
|
||||
Rewrote the core and most of the plugins and themes from scratch.
|
||||
Added new and improved serialization engine, faster and more powerful.
|
||||
Added new internal event system, things like editor.onClick.add(func).
|
||||
Added new inlinepopups plugin, the dialogs are now skinnable and uses clearlooks2 as default.
|
||||
Added new contextmenu plugin, context menus can now have submenus and plugins can add items on the fly.
|
||||
Added new skin support for the simple and advanced themes you can alter the whole UI using CSS.
|
||||
Added new o2k7 skin for the simple and advanced themes.
|
||||
Added new custom list boxes for font size/format/style etc with preview support.
|
||||
Added new UI management, enabled plugins to create controls like splitbuttons or menus easier.
|
||||
Added new JSON parser/serializer and JSON-RPC class to the core API.
|
||||
Added new cookie utility class to the core API.
|
||||
Added new Unit testing class to the core API only available in dev mode.
|
||||
Added new firebug lite integration when loading the dev version of TinyMCE.
|
||||
Added new Safari plugin, fixes lots compatibility of issues with Safari 3.x.
|
||||
Added new URI/URL parsing it now handles the hole RFC and even some exceptions.
|
||||
Added new pagebreak plugin, enables you to insert pagebreak comments like <!-- pagebreak -->
|
||||
Added new on demand loading of plugins and themes. Enables you to load and init TinyMCE at any time.
|
||||
Added new throbber/progress visualization a plugin can show/hide this when it's needed.
|
||||
Added new blockquote button. Enables you to wrap paragraphs in blockquotes.
|
||||
Added new compat2x plugin. Will provide a TinyMCE 2.x API for older plugins.
|
||||
Added new theme_advanced_resizing_min_width, theme_advanced_resizing_min_height options.
|
||||
Added new theme_advanced_resizing_max_height, theme_advanced_resizing_max_height options.
|
||||
Added new use_native_selects option. Enables you to toggle native listboxes on and off.
|
||||
Added new docs_url option enables you to specify where the TinyMCE user documentation is located.
|
||||
Added new frame and rules options for the table dialog.
|
||||
Added new global rule for valid_elements/extended_valid_elements enables you to specify global attributes for all elements.
|
||||
Added new deny attribute rule characher so it's possible to deny global attribute rules on specific elements.
|
||||
Added new unit tests in the dev package of TinyMCE. Runs tests on the core API, commands and settings of the editor.
|
||||
Readded the inline_styles option and enabled it by default so deprecated attributes are no longer used.
|
||||
Removed all button images and replaced them with CSS sprite images. Reduces the number of requests needed.
|
||||
Removed lots of language files and merged them into the base language files. Reduces the number of requests needed.
|
||||
Removed lots of unnecessary files and merged many of them together to reduce requests and improve loading speed.
|
||||
Reduced the over all script size by 33% and the number of files/requests by 75% so it loads a lot faster.
|
||||
Fixed so convert_fonts_to_spans are enabled by default. So no more font tags.
|
||||
Fixed so underline and strikethrough uses spans instread of deprecated U and STRIKE elements.
|
||||
Fixed so indent/outdent adds/removed margin-left instead of blockquotes.
|
||||
Fixed so alignment of paragraphs results in a text-align style value instead of the deprecated align attribute.
|
||||
Fixed so alignment of images uses float or vertical-align style values instead of the deprecated align attribute.
|
||||
Fixed so all classes from @import stylesheets gets imported into the editor.
|
||||
Fixed so the directionality can toggle the dir attribute on and off.
|
||||
Fixed so the fullscreen_settings can be used for all types of fullscreen modes.
|
||||
Fixed so the advanced HR dialog gets displayed when inserting a HR not only on edit.
|
||||
Fixed bug where word wrap didn't work in the source editor on Safari.
|
||||
Fixed so non HTML elements can be used within the editor such as <myns:tag>
|
||||
Fixed various memory leaks in IE and reduced the unload cleanups needed.
|
||||
Fixed so the preformatted option adds an invisible container pre tag inside the editor.
|
||||
Renamed the _template plugin to example and updated it to use the new 3.x API.
|
||||
105
tinymce/examples/css/content.css
Normal file
105
tinymce/examples/css/content.css
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
body {
|
||||
background-color: #FFFFFF;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
scrollbar-3dlight-color: #F0F0EE;
|
||||
scrollbar-arrow-color: #676662;
|
||||
scrollbar-base-color: #F0F0EE;
|
||||
scrollbar-darkshadow-color: #DDDDDD;
|
||||
scrollbar-face-color: #E0E0DD;
|
||||
scrollbar-highlight-color: #F0F0EE;
|
||||
scrollbar-shadow-color: #F0F0EE;
|
||||
scrollbar-track-color: #F5F5F5;
|
||||
}
|
||||
|
||||
td {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.example1 {
|
||||
font-weight: bold;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.example2 {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #FF0000
|
||||
}
|
||||
|
||||
.tablerow1 {
|
||||
background-color: #BBBBBB;
|
||||
}
|
||||
|
||||
thead {
|
||||
background-color: #FFBBBB;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
background-color: #BBBBFF;
|
||||
}
|
||||
|
||||
th {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* Basic formats */
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Global align classes */
|
||||
|
||||
.left {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.full {
|
||||
text-align: justify
|
||||
}
|
||||
|
||||
/* Image and table specific aligns */
|
||||
|
||||
img.left, table.left {
|
||||
float: left;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
img.center, table.center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
img.center {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img.right, table.right {
|
||||
float: right;
|
||||
text-align: inherit;
|
||||
}
|
||||
53
tinymce/examples/css/word.css
Normal file
53
tinymce/examples/css/word.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
body {
|
||||
background-color: #FFFFFF;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
scrollbar-3dlight-color: #F0F0EE;
|
||||
scrollbar-arrow-color: #676662;
|
||||
scrollbar-base-color: #F0F0EE;
|
||||
scrollbar-darkshadow-color: #DDDDDD;
|
||||
scrollbar-face-color: #E0E0DD;
|
||||
scrollbar-highlight-color: #F0F0EE;
|
||||
scrollbar-shadow-color: #F0F0EE;
|
||||
scrollbar-track-color: #F5F5F5;
|
||||
}
|
||||
|
||||
p {margin:0; padding:0;}
|
||||
|
||||
td {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.example1 {
|
||||
font-weight: bold;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.example2 {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #FF0000
|
||||
}
|
||||
|
||||
.tablerow1 {
|
||||
background-color: #BBBBBB;
|
||||
}
|
||||
|
||||
thead {
|
||||
background-color: #FFBBBB;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
background-color: #BBBBFF;
|
||||
}
|
||||
|
||||
th {
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
107
tinymce/examples/custom_formats.html
Normal file
107
tinymce/examples/custom_formats.html
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Custom formats example</title>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Style formats
|
||||
style_formats : [
|
||||
{title : 'Bold text', inline : 'b'},
|
||||
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
|
||||
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
|
||||
{title : 'Example 1', inline : 'span', classes : 'example1'},
|
||||
{title : 'Example 2', inline : 'span', classes : 'example2'},
|
||||
{title : 'Table styles'},
|
||||
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
|
||||
],
|
||||
|
||||
formats : {
|
||||
alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'left'},
|
||||
aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'center'},
|
||||
alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'right'},
|
||||
alignfull : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'full'},
|
||||
bold : {inline : 'span', 'classes' : 'bold'},
|
||||
italic : {inline : 'span', 'classes' : 'italic'},
|
||||
underline : {inline : 'span', 'classes' : 'underline', exact : true},
|
||||
strikethrough : {inline : 'del'}
|
||||
},
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<div>
|
||||
<h3>Custom formats example</h3>
|
||||
|
||||
<p>
|
||||
This example shows you how to override the default formats for bold, italic, underline, strikethough and alignment to use classes instead of inline styles.
|
||||
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||
</p>
|
||||
|
||||
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||
<div>
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<!-- Some integration calls -->
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').show();">[Show]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').hide();">[Hide]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').execCommand('Bold');">[Bold]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').getContent());">[Get contents]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent());">[Get selected HTML]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getNode().nodeName);">[Get selected element]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
|
||||
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
96
tinymce/examples/full.html
Normal file
96
tinymce/examples/full.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Full featured example</title>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Style formats
|
||||
style_formats : [
|
||||
{title : 'Bold text', inline : 'b'},
|
||||
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
|
||||
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
|
||||
{title : 'Example 1', inline : 'span', classes : 'example1'},
|
||||
{title : 'Example 2', inline : 'span', classes : 'example2'},
|
||||
{title : 'Table styles'},
|
||||
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
|
||||
],
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<div>
|
||||
<h3>Full featured example</h3>
|
||||
|
||||
<p>
|
||||
This page shows all available buttons and plugins that are included in the TinyMCE core package.
|
||||
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||
</p>
|
||||
|
||||
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||
<div>
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<!-- Some integration calls -->
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').show();">[Show]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').hide();">[Hide]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.get('elm1').execCommand('Bold');">[Bold]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').getContent());">[Get contents]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent());">[Get selected HTML]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
|
||||
<a href="javascript:;" onmousedown="alert(tinyMCE.get('elm1').selection.getNode().nodeName);">[Get selected element]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
|
||||
<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
|
||||
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
10
tinymce/examples/index.html
Normal file
10
tinymce/examples/index.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>TinyMCE examples</title>
|
||||
</head>
|
||||
<frameset cols="180,80%">
|
||||
<frame src="menu.html" name="menu" />
|
||||
<frame src="full.html" name="main" />
|
||||
</frameset>
|
||||
</html>
|
||||
9
tinymce/examples/lists/image_list.js
Normal file
9
tinymce/examples/lists/image_list.js
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||
// There images will be displayed as a dropdown in all image dialogs if the "external_link_image_url"
|
||||
// option is defined in TinyMCE init.
|
||||
|
||||
var tinyMCEImageList = new Array(
|
||||
// Name, URL
|
||||
["Logo 1", "media/logo.jpg"],
|
||||
["Logo 2 Over", "media/logo_over.jpg"]
|
||||
);
|
||||
10
tinymce/examples/lists/link_list.js
Normal file
10
tinymce/examples/lists/link_list.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||
// There links will be displayed as a dropdown in all link dialogs if the "external_link_list_url"
|
||||
// option is defined in TinyMCE init.
|
||||
|
||||
var tinyMCELinkList = new Array(
|
||||
// Name, URL
|
||||
["Moxiecode", "http://www.moxiecode.com"],
|
||||
["Freshmeat", "http://www.freshmeat.com"],
|
||||
["Sourceforge", "http://www.sourceforge.com"]
|
||||
);
|
||||
10
tinymce/examples/lists/media_list.js
Normal file
10
tinymce/examples/lists/media_list.js
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||
// There flash movies will be displayed as a dropdown in all media dialog if the "media_external_list_url"
|
||||
// option is defined in TinyMCE init.
|
||||
|
||||
var tinyMCEMediaList = [
|
||||
// Name, URL
|
||||
["Some Flash", "media/sample.swf"],
|
||||
["Some Quicktime", "media/sample.mov"],
|
||||
["Some AVI", "media/sample.avi"]
|
||||
];
|
||||
9
tinymce/examples/lists/template_list.js
Normal file
9
tinymce/examples/lists/template_list.js
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
// This list may be created by a server logic page PHP/ASP/ASPX/JSP in some backend system.
|
||||
// There templates will be displayed as a dropdown in all media dialog if the "template_external_list_url"
|
||||
// option is defined in TinyMCE init.
|
||||
|
||||
var tinyMCETemplateList = [
|
||||
// Name, URL, Description
|
||||
["Simple snippet", "templates/snippet1.htm", "Simple HTML snippet."],
|
||||
["Layout", "templates/layout1.htm", "HTML Layout."]
|
||||
];
|
||||
BIN
tinymce/examples/media/logo.jpg
Normal file
BIN
tinymce/examples/media/logo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
tinymce/examples/media/logo_over.jpg
Normal file
BIN
tinymce/examples/media/logo_over.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
tinymce/examples/media/sample.avi
Normal file
BIN
tinymce/examples/media/sample.avi
Normal file
Binary file not shown.
BIN
tinymce/examples/media/sample.dcr
Normal file
BIN
tinymce/examples/media/sample.dcr
Normal file
Binary file not shown.
BIN
tinymce/examples/media/sample.mov
Normal file
BIN
tinymce/examples/media/sample.mov
Normal file
Binary file not shown.
1
tinymce/examples/media/sample.ram
Normal file
1
tinymce/examples/media/sample.ram
Normal file
|
|
@ -0,0 +1 @@
|
|||
http://streaming.uga.edu/samples/ayp_lan.rm
|
||||
BIN
tinymce/examples/media/sample.rm
Normal file
BIN
tinymce/examples/media/sample.rm
Normal file
Binary file not shown.
BIN
tinymce/examples/media/sample.swf
Normal file
BIN
tinymce/examples/media/sample.swf
Normal file
Binary file not shown.
17
tinymce/examples/menu.html
Normal file
17
tinymce/examples/menu.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Menu</title>
|
||||
<style>
|
||||
a {display:block;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h3>Examples</h3>
|
||||
<a href="full.html" target="main">Full featured</a>
|
||||
<a href="simple.html" target="main">Simple theme</a>
|
||||
<a href="skins.html" target="main">Skin support</a>
|
||||
<a href="word.html" target="main">Word processor</a>
|
||||
<a href="custom_formats.html" target="main">Custom formats</a>
|
||||
</body>
|
||||
</html>
|
||||
43
tinymce/examples/simple.html
Normal file
43
tinymce/examples/simple.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Simple theme example</title>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCE.init({
|
||||
mode : "textareas",
|
||||
theme : "simple"
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Simple theme example</h3>
|
||||
|
||||
<p>
|
||||
This page shows you the simple theme and it's core functionality you can extend it by changing the code use the advanced theme if you need to configure/add more buttons etc.
|
||||
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||
</p>
|
||||
|
||||
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
212
tinymce/examples/skins.html
Normal file
212
tinymce/examples/skins.html
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Skin support example</title>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
// Default skin
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "exact",
|
||||
elements : "elm1",
|
||||
theme : "advanced",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
|
||||
// O2k7 skin
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "exact",
|
||||
elements : "elm2",
|
||||
theme : "advanced",
|
||||
skin : "o2k7",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
|
||||
// O2k7 skin (silver)
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "exact",
|
||||
elements : "elm3",
|
||||
theme : "advanced",
|
||||
skin : "o2k7",
|
||||
skin_variant : "silver",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
|
||||
// O2k7 skin (silver)
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "exact",
|
||||
elements : "elm4",
|
||||
theme : "advanced",
|
||||
skin : "o2k7",
|
||||
skin_variant : "black",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Skin support example</h3>
|
||||
|
||||
<p>
|
||||
This page displays the two skins that TinyMCE comes with. You can make your own by creating a CSS file in themes/advanced/skins/<yout skin>/ui.css
|
||||
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||
</p>
|
||||
|
||||
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
|
||||
<textarea id="elm2" name="elm2" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
|
||||
<textarea id="elm3" name="elm3" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
|
||||
<textarea id="elm4" name="elm4" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
15
tinymce/examples/templates/layout1.htm
Normal file
15
tinymce/examples/templates/layout1.htm
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<table border="1">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Column 1</td>
|
||||
<td>Column 2</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Username: {$username}</td>
|
||||
<td>Staffid: {$staffid}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
1
tinymce/examples/templates/snippet1.htm
Normal file
1
tinymce/examples/templates/snippet1.htm
Normal file
|
|
@ -0,0 +1 @@
|
|||
This is just some <strong>code</strong>.
|
||||
80
tinymce/examples/translate.html
Normal file
80
tinymce/examples/translate.html
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Full featured example</title>
|
||||
<style>
|
||||
body {font-family:Arial,Verdana; font-size: 12px;}
|
||||
</style>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_path_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example content CSS (should be your site CSS)
|
||||
content_css : "css/content.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
},
|
||||
|
||||
// Enable translation mode
|
||||
translate_mode : true,
|
||||
language : "en"
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Translation</h3>
|
||||
|
||||
<p>This page enables you to translate TinyMCE by using XML files.</p>
|
||||
<p>Steps to translate:</p>
|
||||
<ol>
|
||||
<li>Download one of the language XML files from the TinyMCE site.</li>
|
||||
<li>Place it in /jscripts/tiny_mce/langs directory, for example /jscripts/tiny_mce/langs/sv.xml.</li>
|
||||
<li>Change the language init option in this file to match the XML file code. For example: sv</li>
|
||||
<li>TinyMCE will now use the XML file instead of the .js versions.</li>
|
||||
<li>Modify the XML file until everything is translated</li>
|
||||
<li>Modify the author information, this is optional.</li>
|
||||
<li>Upload the XML file to the TinyMCE site to share it with others.</li>
|
||||
<li>You can now download the .js versions of the language pack from the TinyMCE site.</li>
|
||||
</ol>
|
||||
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>
|
||||
This is some example text that you can edit inside the <strong>TinyMCE editor</strong>.
|
||||
</p>
|
||||
<p>
|
||||
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
|
||||
</p>
|
||||
</textarea>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
67
tinymce/examples/word.html
Normal file
67
tinymce/examples/word.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Word processor example</title>
|
||||
|
||||
<!-- TinyMCE -->
|
||||
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCE.init({
|
||||
// General options
|
||||
mode : "textareas",
|
||||
theme : "advanced",
|
||||
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",
|
||||
|
||||
// Theme options
|
||||
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
|
||||
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
||||
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
||||
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "left",
|
||||
theme_advanced_statusbar_location : "bottom",
|
||||
theme_advanced_resizing : true,
|
||||
|
||||
// Example word content CSS (should be your site CSS) this one removes paragraph margins
|
||||
content_css : "css/word.css",
|
||||
|
||||
// Drop lists for link/image/media/template dialogs
|
||||
template_external_list_url : "lists/template_list.js",
|
||||
external_link_list_url : "lists/link_list.js",
|
||||
external_image_list_url : "lists/image_list.js",
|
||||
media_external_list_url : "lists/media_list.js",
|
||||
|
||||
// Replace values for the template plugin
|
||||
template_replace_values : {
|
||||
username : "Some User",
|
||||
staffid : "991234"
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- /TinyMCE -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
|
||||
<h3>Word processor example</h3>
|
||||
|
||||
<p>
|
||||
This page shows you how to configure TinyMCE to work more like common word processors.
|
||||
There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.
|
||||
</p>
|
||||
|
||||
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
|
||||
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
|
||||
<p>This is the first paragraph.</p>
|
||||
<p>This is the second paragraph.</p>
|
||||
<p>This is the third paragraph.</p>
|
||||
</textarea>
|
||||
|
||||
<br />
|
||||
<input type="submit" name="save" value="Submit" />
|
||||
<input type="reset" name="reset" value="Reset" />
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
170
tinymce/jscripts/tiny_mce/langs/en.js
vendored
Normal file
170
tinymce/jscripts/tiny_mce/langs/en.js
vendored
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
tinyMCE.addI18n({en:{
|
||||
common:{
|
||||
edit_confirm:"Do you want to use the WYSIWYG mode for this textarea?",
|
||||
apply:"Apply",
|
||||
insert:"Insert",
|
||||
update:"Update",
|
||||
cancel:"Cancel",
|
||||
close:"Close",
|
||||
browse:"Browse",
|
||||
class_name:"Class",
|
||||
not_set:"-- Not set --",
|
||||
clipboard_msg:"Copy/Cut/Paste is not available in Mozilla and Firefox.\nDo you want more information about this issue?",
|
||||
clipboard_no_support:"Currently not supported by your browser, use keyboard shortcuts instead.",
|
||||
popup_blocked:"Sorry, but we have noticed that your popup-blocker has disabled a window that provides application functionality. You will need to disable popup blocking on this site in order to fully utilize this tool.",
|
||||
invalid_data:"Error: Invalid values entered, these are marked in red.",
|
||||
more_colors:"More colors"
|
||||
},
|
||||
contextmenu:{
|
||||
align:"Alignment",
|
||||
left:"Left",
|
||||
center:"Center",
|
||||
right:"Right",
|
||||
full:"Full"
|
||||
},
|
||||
insertdatetime:{
|
||||
date_fmt:"%Y-%m-%d",
|
||||
time_fmt:"%H:%M:%S",
|
||||
insertdate_desc:"Insert date",
|
||||
inserttime_desc:"Insert time",
|
||||
months_long:"January,February,March,April,May,June,July,August,September,October,November,December",
|
||||
months_short:"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec",
|
||||
day_long:"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday",
|
||||
day_short:"Sun,Mon,Tue,Wed,Thu,Fri,Sat,Sun"
|
||||
},
|
||||
print:{
|
||||
print_desc:"Print"
|
||||
},
|
||||
preview:{
|
||||
preview_desc:"Preview"
|
||||
},
|
||||
directionality:{
|
||||
ltr_desc:"Direction left to right",
|
||||
rtl_desc:"Direction right to left"
|
||||
},
|
||||
layer:{
|
||||
insertlayer_desc:"Insert new layer",
|
||||
forward_desc:"Move forward",
|
||||
backward_desc:"Move backward",
|
||||
absolute_desc:"Toggle absolute positioning",
|
||||
content:"New layer..."
|
||||
},
|
||||
save:{
|
||||
save_desc:"Save",
|
||||
cancel_desc:"Cancel all changes"
|
||||
},
|
||||
nonbreaking:{
|
||||
nonbreaking_desc:"Insert non-breaking space character"
|
||||
},
|
||||
iespell:{
|
||||
iespell_desc:"Run spell checking",
|
||||
download:"ieSpell not detected. Do you want to install it now?"
|
||||
},
|
||||
advhr:{
|
||||
advhr_desc:"Horizontal rule"
|
||||
},
|
||||
emotions:{
|
||||
emotions_desc:"Emotions"
|
||||
},
|
||||
searchreplace:{
|
||||
search_desc:"Find",
|
||||
replace_desc:"Find/Replace"
|
||||
},
|
||||
advimage:{
|
||||
image_desc:"Insert/edit image"
|
||||
},
|
||||
advlink:{
|
||||
link_desc:"Insert/edit link"
|
||||
},
|
||||
xhtmlxtras:{
|
||||
cite_desc:"Citation",
|
||||
abbr_desc:"Abbreviation",
|
||||
acronym_desc:"Acronym",
|
||||
del_desc:"Deletion",
|
||||
ins_desc:"Insertion",
|
||||
attribs_desc:"Insert/Edit Attributes"
|
||||
},
|
||||
style:{
|
||||
desc:"Edit CSS Style"
|
||||
},
|
||||
paste:{
|
||||
paste_text_desc:"Paste as Plain Text",
|
||||
paste_word_desc:"Paste from Word",
|
||||
selectall_desc:"Select All",
|
||||
plaintext_mode_sticky:"Paste is now in plain text mode. Click again to toggle back to regular paste mode. After you paste something you will be returned to regular paste mode.",
|
||||
plaintext_mode:"Paste is now in plain text mode. Click again to toggle back to regular paste mode."
|
||||
},
|
||||
paste_dlg:{
|
||||
text_title:"Use CTRL+V on your keyboard to paste the text into the window.",
|
||||
text_linebreaks:"Keep linebreaks",
|
||||
word_title:"Use CTRL+V on your keyboard to paste the text into the window."
|
||||
},
|
||||
table:{
|
||||
desc:"Inserts a new table",
|
||||
row_before_desc:"Insert row before",
|
||||
row_after_desc:"Insert row after",
|
||||
delete_row_desc:"Delete row",
|
||||
col_before_desc:"Insert column before",
|
||||
col_after_desc:"Insert column after",
|
||||
delete_col_desc:"Remove column",
|
||||
split_cells_desc:"Split merged table cells",
|
||||
merge_cells_desc:"Merge table cells",
|
||||
row_desc:"Table row properties",
|
||||
cell_desc:"Table cell properties",
|
||||
props_desc:"Table properties",
|
||||
paste_row_before_desc:"Paste table row before",
|
||||
paste_row_after_desc:"Paste table row after",
|
||||
cut_row_desc:"Cut table row",
|
||||
copy_row_desc:"Copy table row",
|
||||
del:"Delete table",
|
||||
row:"Row",
|
||||
col:"Column",
|
||||
cell:"Cell"
|
||||
},
|
||||
autosave:{
|
||||
unload_msg:"The changes you made will be lost if you navigate away from this page.",
|
||||
restore_content:"Restore auto-saved content.",
|
||||
warning_message:"If you restore the saved content, you will lose all the content that is currently in the editor.\n\nAre you sure you want to restore the saved content?."
|
||||
},
|
||||
fullscreen:{
|
||||
desc:"Toggle fullscreen mode"
|
||||
},
|
||||
media:{
|
||||
desc:"Insert / edit embedded media",
|
||||
edit:"Edit embedded media"
|
||||
},
|
||||
fullpage:{
|
||||
desc:"Document properties"
|
||||
},
|
||||
template:{
|
||||
desc:"Insert predefined template content"
|
||||
},
|
||||
visualchars:{
|
||||
desc:"Visual control characters on/off."
|
||||
},
|
||||
spellchecker:{
|
||||
desc:"Toggle spellchecker",
|
||||
menu:"Spellchecker settings",
|
||||
ignore_word:"Ignore word",
|
||||
ignore_words:"Ignore all",
|
||||
langs:"Languages",
|
||||
wait:"Please wait...",
|
||||
sug:"Suggestions",
|
||||
no_sug:"No suggestions",
|
||||
no_mpell:"No misspellings found."
|
||||
},
|
||||
pagebreak:{
|
||||
desc:"Insert page break."
|
||||
},
|
||||
advlist:{
|
||||
types:"Types",
|
||||
def:"Default",
|
||||
lower_alpha:"Lower alpha",
|
||||
lower_greek:"Lower greek",
|
||||
lower_roman:"Lower roman",
|
||||
upper_alpha:"Upper alpha",
|
||||
upper_roman:"Upper roman",
|
||||
circle:"Circle",
|
||||
disc:"Disc",
|
||||
square:"Square"
|
||||
}}});
|
||||
504
tinymce/jscripts/tiny_mce/license.txt
Normal file
504
tinymce/jscripts/tiny_mce/license.txt
Normal file
|
|
@ -0,0 +1,504 @@
|
|||
GNU LESSER GENERAL PUBLIC LICENSE
|
||||
Version 2.1, February 1999
|
||||
|
||||
Copyright (C) 1991, 1999 Free Software Foundation, Inc.
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
[This is the first released version of the Lesser GPL. It also counts
|
||||
as the successor of the GNU Library Public License, version 2, hence
|
||||
the version number 2.1.]
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
Licenses are intended to guarantee your freedom to share and change
|
||||
free software--to make sure the software is free for all its users.
|
||||
|
||||
This license, the Lesser General Public License, applies to some
|
||||
specially designated software packages--typically libraries--of the
|
||||
Free Software Foundation and other authors who decide to use it. You
|
||||
can use it too, but we suggest you first think carefully about whether
|
||||
this license or the ordinary General Public License is the better
|
||||
strategy to use in any particular case, based on the explanations below.
|
||||
|
||||
When we speak of free software, we are referring to freedom of use,
|
||||
not price. Our General Public Licenses are designed to make sure that
|
||||
you have the freedom to distribute copies of free software (and charge
|
||||
for this service if you wish); that you receive source code or can get
|
||||
it if you want it; that you can change the software and use pieces of
|
||||
it in new free programs; and that you are informed that you can do
|
||||
these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
distributors to deny you these rights or to ask you to surrender these
|
||||
rights. These restrictions translate to certain responsibilities for
|
||||
you if you distribute copies of the library or if you modify it.
|
||||
|
||||
For example, if you distribute copies of the library, whether gratis
|
||||
or for a fee, you must give the recipients all the rights that we gave
|
||||
you. You must make sure that they, too, receive or can get the source
|
||||
code. If you link other code with the library, you must provide
|
||||
complete object files to the recipients, so that they can relink them
|
||||
with the library after making changes to the library and recompiling
|
||||
it. And you must show them these terms so they know their rights.
|
||||
|
||||
We protect your rights with a two-step method: (1) we copyright the
|
||||
library, and (2) we offer you this license, which gives you legal
|
||||
permission to copy, distribute and/or modify the library.
|
||||
|
||||
To protect each distributor, we want to make it very clear that
|
||||
there is no warranty for the free library. Also, if the library is
|
||||
modified by someone else and passed on, the recipients should know
|
||||
that what they have is not the original version, so that the original
|
||||
author's reputation will not be affected by problems that might be
|
||||
introduced by others.
|
||||
|
||||
Finally, software patents pose a constant threat to the existence of
|
||||
any free program. We wish to make sure that a company cannot
|
||||
effectively restrict the users of a free program by obtaining a
|
||||
restrictive license from a patent holder. Therefore, we insist that
|
||||
any patent license obtained for a version of the library must be
|
||||
consistent with the full freedom of use specified in this license.
|
||||
|
||||
Most GNU software, including some libraries, is covered by the
|
||||
ordinary GNU General Public License. This license, the GNU Lesser
|
||||
General Public License, applies to certain designated libraries, and
|
||||
is quite different from the ordinary General Public License. We use
|
||||
this license for certain libraries in order to permit linking those
|
||||
libraries into non-free programs.
|
||||
|
||||
When a program is linked with a library, whether statically or using
|
||||
a shared library, the combination of the two is legally speaking a
|
||||
combined work, a derivative of the original library. The ordinary
|
||||
General Public License therefore permits such linking only if the
|
||||
entire combination fits its criteria of freedom. The Lesser General
|
||||
Public License permits more lax criteria for linking other code with
|
||||
the library.
|
||||
|
||||
We call this license the "Lesser" General Public License because it
|
||||
does Less to protect the user's freedom than the ordinary General
|
||||
Public License. It also provides other free software developers Less
|
||||
of an advantage over competing non-free programs. These disadvantages
|
||||
are the reason we use the ordinary General Public License for many
|
||||
libraries. However, the Lesser license provides advantages in certain
|
||||
special circumstances.
|
||||
|
||||
For example, on rare occasions, there may be a special need to
|
||||
encourage the widest possible use of a certain library, so that it becomes
|
||||
a de-facto standard. To achieve this, non-free programs must be
|
||||
allowed to use the library. A more frequent case is that a free
|
||||
library does the same job as widely used non-free libraries. In this
|
||||
case, there is little to gain by limiting the free library to free
|
||||
software only, so we use the Lesser General Public License.
|
||||
|
||||
In other cases, permission to use a particular library in non-free
|
||||
programs enables a greater number of people to use a large body of
|
||||
free software. For example, permission to use the GNU C Library in
|
||||
non-free programs enables many more people to use the whole GNU
|
||||
operating system, as well as its variant, the GNU/Linux operating
|
||||
system.
|
||||
|
||||
Although the Lesser General Public License is Less protective of the
|
||||
users' freedom, it does ensure that the user of a program that is
|
||||
linked with the Library has the freedom and the wherewithal to run
|
||||
that program using a modified version of the Library.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow. Pay close attention to the difference between a
|
||||
"work based on the library" and a "work that uses the library". The
|
||||
former contains code derived from the library, whereas the latter must
|
||||
be combined with the library in order to run.
|
||||
|
||||
GNU LESSER GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License Agreement applies to any software library or other
|
||||
program which contains a notice placed by the copyright holder or
|
||||
other authorized party saying it may be distributed under the terms of
|
||||
this Lesser General Public License (also called "this License").
|
||||
Each licensee is addressed as "you".
|
||||
|
||||
A "library" means a collection of software functions and/or data
|
||||
prepared so as to be conveniently linked with application programs
|
||||
(which use some of those functions and data) to form executables.
|
||||
|
||||
The "Library", below, refers to any such software library or work
|
||||
which has been distributed under these terms. A "work based on the
|
||||
Library" means either the Library or any derivative work under
|
||||
copyright law: that is to say, a work containing the Library or a
|
||||
portion of it, either verbatim or with modifications and/or translated
|
||||
straightforwardly into another language. (Hereinafter, translation is
|
||||
included without limitation in the term "modification".)
|
||||
|
||||
"Source code" for a work means the preferred form of the work for
|
||||
making modifications to it. For a library, complete source code means
|
||||
all the source code for all modules it contains, plus any associated
|
||||
interface definition files, plus the scripts used to control compilation
|
||||
and installation of the library.
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running a program using the Library is not restricted, and output from
|
||||
such a program is covered only if its contents constitute a work based
|
||||
on the Library (independent of the use of the Library in a tool for
|
||||
writing it). Whether that is true depends on what the Library does
|
||||
and what the program that uses the Library does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Library's
|
||||
complete source code as you receive it, in any medium, provided that
|
||||
you conspicuously and appropriately publish on each copy an
|
||||
appropriate copyright notice and disclaimer of warranty; keep intact
|
||||
all the notices that refer to this License and to the absence of any
|
||||
warranty; and distribute a copy of this License along with the
|
||||
Library.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy,
|
||||
and you may at your option offer warranty protection in exchange for a
|
||||
fee.
|
||||
|
||||
2. You may modify your copy or copies of the Library or any portion
|
||||
of it, thus forming a work based on the Library, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) The modified work must itself be a software library.
|
||||
|
||||
b) You must cause the files modified to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
c) You must cause the whole of the work to be licensed at no
|
||||
charge to all third parties under the terms of this License.
|
||||
|
||||
d) If a facility in the modified Library refers to a function or a
|
||||
table of data to be supplied by an application program that uses
|
||||
the facility, other than as an argument passed when the facility
|
||||
is invoked, then you must make a good faith effort to ensure that,
|
||||
in the event an application does not supply such function or
|
||||
table, the facility still operates, and performs whatever part of
|
||||
its purpose remains meaningful.
|
||||
|
||||
(For example, a function in a library to compute square roots has
|
||||
a purpose that is entirely well-defined independent of the
|
||||
application. Therefore, Subsection 2d requires that any
|
||||
application-supplied function or table used by this function must
|
||||
be optional: if the application does not supply it, the square
|
||||
root function must still compute square roots.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Library,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Library, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote
|
||||
it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Library.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Library
|
||||
with the Library (or with a work based on the Library) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may opt to apply the terms of the ordinary GNU General Public
|
||||
License instead of this License to a given copy of the Library. To do
|
||||
this, you must alter all the notices that refer to this License, so
|
||||
that they refer to the ordinary GNU General Public License, version 2,
|
||||
instead of to this License. (If a newer version than version 2 of the
|
||||
ordinary GNU General Public License has appeared, then you can specify
|
||||
that version instead if you wish.) Do not make any other change in
|
||||
these notices.
|
||||
|
||||
Once this change is made in a given copy, it is irreversible for
|
||||
that copy, so the ordinary GNU General Public License applies to all
|
||||
subsequent copies and derivative works made from that copy.
|
||||
|
||||
This option is useful when you wish to copy part of the code of
|
||||
the Library into a program that is not a library.
|
||||
|
||||
4. You may copy and distribute the Library (or a portion or
|
||||
derivative of it, under Section 2) in object code or executable form
|
||||
under the terms of Sections 1 and 2 above provided that you accompany
|
||||
it with the complete corresponding machine-readable source code, which
|
||||
must be distributed under the terms of Sections 1 and 2 above on a
|
||||
medium customarily used for software interchange.
|
||||
|
||||
If distribution of object code is made by offering access to copy
|
||||
from a designated place, then offering equivalent access to copy the
|
||||
source code from the same place satisfies the requirement to
|
||||
distribute the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
5. A program that contains no derivative of any portion of the
|
||||
Library, but is designed to work with the Library by being compiled or
|
||||
linked with it, is called a "work that uses the Library". Such a
|
||||
work, in isolation, is not a derivative work of the Library, and
|
||||
therefore falls outside the scope of this License.
|
||||
|
||||
However, linking a "work that uses the Library" with the Library
|
||||
creates an executable that is a derivative of the Library (because it
|
||||
contains portions of the Library), rather than a "work that uses the
|
||||
library". The executable is therefore covered by this License.
|
||||
Section 6 states terms for distribution of such executables.
|
||||
|
||||
When a "work that uses the Library" uses material from a header file
|
||||
that is part of the Library, the object code for the work may be a
|
||||
derivative work of the Library even though the source code is not.
|
||||
Whether this is true is especially significant if the work can be
|
||||
linked without the Library, or if the work is itself a library. The
|
||||
threshold for this to be true is not precisely defined by law.
|
||||
|
||||
If such an object file uses only numerical parameters, data
|
||||
structure layouts and accessors, and small macros and small inline
|
||||
functions (ten lines or less in length), then the use of the object
|
||||
file is unrestricted, regardless of whether it is legally a derivative
|
||||
work. (Executables containing this object code plus portions of the
|
||||
Library will still fall under Section 6.)
|
||||
|
||||
Otherwise, if the work is a derivative of the Library, you may
|
||||
distribute the object code for the work under the terms of Section 6.
|
||||
Any executables containing that work also fall under Section 6,
|
||||
whether or not they are linked directly with the Library itself.
|
||||
|
||||
6. As an exception to the Sections above, you may also combine or
|
||||
link a "work that uses the Library" with the Library to produce a
|
||||
work containing portions of the Library, and distribute that work
|
||||
under terms of your choice, provided that the terms permit
|
||||
modification of the work for the customer's own use and reverse
|
||||
engineering for debugging such modifications.
|
||||
|
||||
You must give prominent notice with each copy of the work that the
|
||||
Library is used in it and that the Library and its use are covered by
|
||||
this License. You must supply a copy of this License. If the work
|
||||
during execution displays copyright notices, you must include the
|
||||
copyright notice for the Library among them, as well as a reference
|
||||
directing the user to the copy of this License. Also, you must do one
|
||||
of these things:
|
||||
|
||||
a) Accompany the work with the complete corresponding
|
||||
machine-readable source code for the Library including whatever
|
||||
changes were used in the work (which must be distributed under
|
||||
Sections 1 and 2 above); and, if the work is an executable linked
|
||||
with the Library, with the complete machine-readable "work that
|
||||
uses the Library", as object code and/or source code, so that the
|
||||
user can modify the Library and then relink to produce a modified
|
||||
executable containing the modified Library. (It is understood
|
||||
that the user who changes the contents of definitions files in the
|
||||
Library will not necessarily be able to recompile the application
|
||||
to use the modified definitions.)
|
||||
|
||||
b) Use a suitable shared library mechanism for linking with the
|
||||
Library. A suitable mechanism is one that (1) uses at run time a
|
||||
copy of the library already present on the user's computer system,
|
||||
rather than copying library functions into the executable, and (2)
|
||||
will operate properly with a modified version of the library, if
|
||||
the user installs one, as long as the modified version is
|
||||
interface-compatible with the version that the work was made with.
|
||||
|
||||
c) Accompany the work with a written offer, valid for at
|
||||
least three years, to give the same user the materials
|
||||
specified in Subsection 6a, above, for a charge no more
|
||||
than the cost of performing this distribution.
|
||||
|
||||
d) If distribution of the work is made by offering access to copy
|
||||
from a designated place, offer equivalent access to copy the above
|
||||
specified materials from the same place.
|
||||
|
||||
e) Verify that the user has already received a copy of these
|
||||
materials or that you have already sent this user a copy.
|
||||
|
||||
For an executable, the required form of the "work that uses the
|
||||
Library" must include any data and utility programs needed for
|
||||
reproducing the executable from it. However, as a special exception,
|
||||
the materials to be distributed need not include anything that is
|
||||
normally distributed (in either source or binary form) with the major
|
||||
components (compiler, kernel, and so on) of the operating system on
|
||||
which the executable runs, unless that component itself accompanies
|
||||
the executable.
|
||||
|
||||
It may happen that this requirement contradicts the license
|
||||
restrictions of other proprietary libraries that do not normally
|
||||
accompany the operating system. Such a contradiction means you cannot
|
||||
use both them and the Library together in an executable that you
|
||||
distribute.
|
||||
|
||||
7. You may place library facilities that are a work based on the
|
||||
Library side-by-side in a single library together with other library
|
||||
facilities not covered by this License, and distribute such a combined
|
||||
library, provided that the separate distribution of the work based on
|
||||
the Library and of the other library facilities is otherwise
|
||||
permitted, and provided that you do these two things:
|
||||
|
||||
a) Accompany the combined library with a copy of the same work
|
||||
based on the Library, uncombined with any other library
|
||||
facilities. This must be distributed under the terms of the
|
||||
Sections above.
|
||||
|
||||
b) Give prominent notice with the combined library of the fact
|
||||
that part of it is a work based on the Library, and explaining
|
||||
where to find the accompanying uncombined form of the same work.
|
||||
|
||||
8. You may not copy, modify, sublicense, link with, or distribute
|
||||
the Library except as expressly provided under this License. Any
|
||||
attempt otherwise to copy, modify, sublicense, link with, or
|
||||
distribute the Library is void, and will automatically terminate your
|
||||
rights under this License. However, parties who have received copies,
|
||||
or rights, from you under this License will not have their licenses
|
||||
terminated so long as such parties remain in full compliance.
|
||||
|
||||
9. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Library or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Library (or any work based on the
|
||||
Library), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Library or works based on it.
|
||||
|
||||
10. Each time you redistribute the Library (or any work based on the
|
||||
Library), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute, link with or modify the Library
|
||||
subject to these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties with
|
||||
this License.
|
||||
|
||||
11. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Library at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Library by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Library.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under any
|
||||
particular circumstance, the balance of the section is intended to apply,
|
||||
and the section as a whole is intended to apply in other circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
12. If the distribution and/or use of the Library is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Library under this License may add
|
||||
an explicit geographical distribution limitation excluding those countries,
|
||||
so that distribution is permitted only in or among countries not thus
|
||||
excluded. In such case, this License incorporates the limitation as if
|
||||
written in the body of this License.
|
||||
|
||||
13. The Free Software Foundation may publish revised and/or new
|
||||
versions of the Lesser General Public License from time to time.
|
||||
Such new versions will be similar in spirit to the present version,
|
||||
but may differ in detail to address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Library
|
||||
specifies a version number of this License which applies to it and
|
||||
"any later version", you have the option of following the terms and
|
||||
conditions either of that version or of any later version published by
|
||||
the Free Software Foundation. If the Library does not specify a
|
||||
license version number, you may choose any version ever published by
|
||||
the Free Software Foundation.
|
||||
|
||||
14. If you wish to incorporate parts of the Library into other free
|
||||
programs whose distribution conditions are incompatible with these,
|
||||
write to the author to ask for permission. For software which is
|
||||
copyrighted by the Free Software Foundation, write to the Free
|
||||
Software Foundation; we sometimes make exceptions for this. Our
|
||||
decision will be guided by the two goals of preserving the free status
|
||||
of all derivatives of our free software and of promoting the sharing
|
||||
and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
|
||||
WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
|
||||
EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
|
||||
OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
|
||||
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
||||
LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
|
||||
THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
|
||||
WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
|
||||
AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
|
||||
FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
|
||||
CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
|
||||
LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
|
||||
RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
||||
FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
|
||||
SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
|
||||
DAMAGES.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
How to Apply These Terms to Your New Libraries
|
||||
|
||||
If you develop a new library, and you want it to be of the greatest
|
||||
possible use to the public, we recommend making it free software that
|
||||
everyone can redistribute and change. You can do so by permitting
|
||||
redistribution under these terms (or, alternatively, under the terms of the
|
||||
ordinary General Public License).
|
||||
|
||||
To apply these terms, attach the following notices to the library. It is
|
||||
safest to attach them to the start of each source file to most effectively
|
||||
convey the exclusion of warranty; and each file should have at least the
|
||||
"copyright" line and a pointer to where the full notice is found.
|
||||
|
||||
<one line to give the library's name and a brief idea of what it does.>
|
||||
Copyright (C) <year> <name of author>
|
||||
|
||||
This library is free software; you can redistribute it and/or
|
||||
modify it under the terms of the GNU Lesser General Public
|
||||
License as published by the Free Software Foundation; either
|
||||
version 2.1 of the License, or (at your option) any later version.
|
||||
|
||||
This library is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
||||
Lesser General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU Lesser General Public
|
||||
License along with this library; if not, write to the Free Software
|
||||
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or your
|
||||
school, if any, to sign a "copyright disclaimer" for the library, if
|
||||
necessary. Here is a sample; alter the names:
|
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the
|
||||
library `Frob' (a library for tweaking knobs) written by James Random Hacker.
|
||||
|
||||
<signature of Ty Coon>, 1 April 1990
|
||||
Ty Coon, President of Vice
|
||||
|
||||
That's all there is to it!
|
||||
|
||||
|
||||
5
tinymce/jscripts/tiny_mce/plugins/advhr/css/advhr.css
vendored
Normal file
5
tinymce/jscripts/tiny_mce/plugins/advhr/css/advhr.css
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
input.radio {border:1px none #000; background:transparent; vertical-align:middle;}
|
||||
.panel_wrapper div.current {height:80px;}
|
||||
#width {width:50px; vertical-align:middle;}
|
||||
#width2 {width:50px; vertical-align:middle;}
|
||||
#size {width:100px;}
|
||||
1
tinymce/jscripts/tiny_mce/plugins/advhr/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/advhr/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.AdvancedHRPlugin",{init:function(a,b){a.addCommand("mceAdvancedHr",function(){a.windowManager.open({file:b+"/rule.htm",width:250+parseInt(a.getLang("advhr.delta_width",0)),height:160+parseInt(a.getLang("advhr.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("advhr",{title:"advhr.advhr_desc",cmd:"mceAdvancedHr"});a.onNodeChange.add(function(d,c,e){c.setActive("advhr",e.nodeName=="HR")});a.onClick.add(function(c,d){d=d.target;if(d.nodeName==="HR"){c.selection.select(d)}})},getInfo:function(){return{longname:"Advanced HR",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advhr",tinymce.plugins.AdvancedHRPlugin)})();
|
||||
57
tinymce/jscripts/tiny_mce/plugins/advhr/editor_plugin_src.js
vendored
Normal file
57
tinymce/jscripts/tiny_mce/plugins/advhr/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.AdvancedHRPlugin', {
|
||||
init : function(ed, url) {
|
||||
// Register commands
|
||||
ed.addCommand('mceAdvancedHr', function() {
|
||||
ed.windowManager.open({
|
||||
file : url + '/rule.htm',
|
||||
width : 250 + parseInt(ed.getLang('advhr.delta_width', 0)),
|
||||
height : 160 + parseInt(ed.getLang('advhr.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url
|
||||
});
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('advhr', {
|
||||
title : 'advhr.advhr_desc',
|
||||
cmd : 'mceAdvancedHr'
|
||||
});
|
||||
|
||||
ed.onNodeChange.add(function(ed, cm, n) {
|
||||
cm.setActive('advhr', n.nodeName == 'HR');
|
||||
});
|
||||
|
||||
ed.onClick.add(function(ed, e) {
|
||||
e = e.target;
|
||||
|
||||
if (e.nodeName === 'HR')
|
||||
ed.selection.select(e);
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Advanced HR',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advhr',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advhr', tinymce.plugins.AdvancedHRPlugin);
|
||||
})();
|
||||
43
tinymce/jscripts/tiny_mce/plugins/advhr/js/rule.js
vendored
Normal file
43
tinymce/jscripts/tiny_mce/plugins/advhr/js/rule.js
vendored
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
var AdvHRDialog = {
|
||||
init : function(ed) {
|
||||
var dom = ed.dom, f = document.forms[0], n = ed.selection.getNode(), w;
|
||||
|
||||
w = dom.getAttrib(n, 'width');
|
||||
f.width.value = w ? parseInt(w) : (dom.getStyle('width') || '');
|
||||
f.size.value = dom.getAttrib(n, 'size') || parseInt(dom.getStyle('height')) || '';
|
||||
f.noshade.checked = !!dom.getAttrib(n, 'noshade') || !!dom.getStyle('border-width');
|
||||
selectByValue(f, 'width2', w.indexOf('%') != -1 ? '%' : 'px');
|
||||
},
|
||||
|
||||
update : function() {
|
||||
var ed = tinyMCEPopup.editor, h, f = document.forms[0], st = '';
|
||||
|
||||
h = '<hr';
|
||||
|
||||
if (f.size.value) {
|
||||
h += ' size="' + f.size.value + '"';
|
||||
st += ' height:' + f.size.value + 'px;';
|
||||
}
|
||||
|
||||
if (f.width.value) {
|
||||
h += ' width="' + f.width.value + (f.width2.value == '%' ? '%' : '') + '"';
|
||||
st += ' width:' + f.width.value + (f.width2.value == '%' ? '%' : 'px') + ';';
|
||||
}
|
||||
|
||||
if (f.noshade.checked) {
|
||||
h += ' noshade="noshade"';
|
||||
st += ' border-width: 1px; border-style: solid; border-color: #CCCCCC; color: #ffffff;';
|
||||
}
|
||||
|
||||
if (ed.settings.inline_styles)
|
||||
h += ' style="' + tinymce.trim(st) + '"';
|
||||
|
||||
h += ' />';
|
||||
|
||||
ed.execCommand("mceInsertContent", false, h);
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
};
|
||||
|
||||
tinyMCEPopup.requireLangPack();
|
||||
tinyMCEPopup.onInit.add(AdvHRDialog.init, AdvHRDialog);
|
||||
5
tinymce/jscripts/tiny_mce/plugins/advhr/langs/en_dlg.js
vendored
Normal file
5
tinymce/jscripts/tiny_mce/plugins/advhr/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
tinyMCE.addI18n('en.advhr_dlg',{
|
||||
width:"Width",
|
||||
size:"Height",
|
||||
noshade:"No shadow"
|
||||
});
|
||||
57
tinymce/jscripts/tiny_mce/plugins/advhr/rule.htm
vendored
Normal file
57
tinymce/jscripts/tiny_mce/plugins/advhr/rule.htm
vendored
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#advhr.advhr_desc}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="js/rule.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<link href="css/advhr.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<form onsubmit="AdvHRDialog.update();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advhr.advhr_desc}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td><label for="width">{#advhr_dlg.width}</label></td>
|
||||
<td class="nowrap">
|
||||
<input id="width" name="width" type="text" value="" class="mceFocus" />
|
||||
<select name="width2" id="width2">
|
||||
<option value="">px</option>
|
||||
<option value="%">%</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="size">{#advhr_dlg.size}</label></td>
|
||||
<td><select id="size" name="size">
|
||||
<option value="">Normal</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="noshade">{#advhr_dlg.noshade}</label></td>
|
||||
<td><input type="checkbox" name="noshade" id="noshade" class="radio" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<input type="submit" id="insert" name="insert" value="{#insert}" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
13
tinymce/jscripts/tiny_mce/plugins/advimage/css/advimage.css
vendored
Normal file
13
tinymce/jscripts/tiny_mce/plugins/advimage/css/advimage.css
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
#src_list, #over_list, #out_list {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;}
|
||||
.checkbox {border:0;}
|
||||
.panel_wrapper div.current {height:305px;}
|
||||
#prev {margin:0; border:1px solid #000; width:428px; height:150px; overflow:auto;}
|
||||
#align, #classlist {width:150px;}
|
||||
#width, #height {vertical-align:middle; width:50px; text-align:center;}
|
||||
#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
|
||||
#class_list {width:180px;}
|
||||
input {width: 280px;}
|
||||
#constrain, #onmousemovecheck {width:auto;}
|
||||
#id, #dir, #lang, #usemap, #longdesc {width:200px;}
|
||||
1
tinymce/jscripts/tiny_mce/plugins/advimage/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/advimage/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.AdvancedImagePlugin",{init:function(a,b){a.addCommand("mceAdvImage",function(){if(a.dom.getAttrib(a.selection.getNode(),"class").indexOf("mceItem")!=-1){return}a.windowManager.open({file:b+"/image.htm",width:480+parseInt(a.getLang("advimage.delta_width",0)),height:385+parseInt(a.getLang("advimage.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("image",{title:"advimage.image_desc",cmd:"mceAdvImage"})},getInfo:function(){return{longname:"Advanced image",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advimage",tinymce.plugins.AdvancedImagePlugin)})();
|
||||
50
tinymce/jscripts/tiny_mce/plugins/advimage/editor_plugin_src.js
vendored
Normal file
50
tinymce/jscripts/tiny_mce/plugins/advimage/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.AdvancedImagePlugin', {
|
||||
init : function(ed, url) {
|
||||
// Register commands
|
||||
ed.addCommand('mceAdvImage', function() {
|
||||
// Internal image object like a flash placeholder
|
||||
if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)
|
||||
return;
|
||||
|
||||
ed.windowManager.open({
|
||||
file : url + '/image.htm',
|
||||
width : 480 + parseInt(ed.getLang('advimage.delta_width', 0)),
|
||||
height : 385 + parseInt(ed.getLang('advimage.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url
|
||||
});
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('image', {
|
||||
title : 'advimage.image_desc',
|
||||
cmd : 'mceAdvImage'
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Advanced image',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advimage', tinymce.plugins.AdvancedImagePlugin);
|
||||
})();
|
||||
232
tinymce/jscripts/tiny_mce/plugins/advimage/image.htm
vendored
Normal file
232
tinymce/jscripts/tiny_mce/plugins/advimage/image.htm
vendored
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#advimage_dlg.dialog_title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="../../utils/validate.js"></script>
|
||||
<script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
||||
<script type="text/javascript" src="js/image.js"></script>
|
||||
<link href="css/advimage.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body id="advimage" style="display: none">
|
||||
<form onsubmit="ImageDialog.insert();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
|
||||
<li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{#advimage_dlg.general}</legend>
|
||||
|
||||
<table class="properties">
|
||||
<tr>
|
||||
<td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
|
||||
<td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" /></td>
|
||||
<td id="srcbrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="src_list">{#advimage_dlg.image_list}</label></td>
|
||||
<td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td>
|
||||
<td colspan="2"><input id="alt" name="alt" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td>
|
||||
<td colspan="2"><input id="title" name="title" type="text" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#advimage_dlg.preview}</legend>
|
||||
<div id="prev"></div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="appearance_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#advimage_dlg.tab_appearance}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td>
|
||||
<td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="baseline">{#advimage_dlg.align_baseline}</option>
|
||||
<option value="top">{#advimage_dlg.align_top}</option>
|
||||
<option value="middle">{#advimage_dlg.align_middle}</option>
|
||||
<option value="bottom">{#advimage_dlg.align_bottom}</option>
|
||||
<option value="text-top">{#advimage_dlg.align_texttop}</option>
|
||||
<option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
|
||||
<option value="left">{#advimage_dlg.align_left}</option>
|
||||
<option value="right">{#advimage_dlg.align_right}</option>
|
||||
</select>
|
||||
</td>
|
||||
<td rowspan="6" valign="top">
|
||||
<div class="alignPreview">
|
||||
<img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
|
||||
Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
|
||||
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
|
||||
edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
|
||||
erat volutpat.
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
|
||||
<td class="nowrap">
|
||||
<input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x
|
||||
<input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td><table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
|
||||
<td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td>
|
||||
<td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td>
|
||||
<td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td>
|
||||
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="class_list">{#class_name}</label></td>
|
||||
<td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td>
|
||||
<td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td>
|
||||
</tr>
|
||||
|
||||
<!-- <tr>
|
||||
<td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td>
|
||||
<td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
|
||||
</tr> -->
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#advimage_dlg.swap_image}</legend>
|
||||
|
||||
<input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" />
|
||||
<label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td>
|
||||
<td><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td>
|
||||
<td id="onmouseoversrccontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="over_list">{#advimage_dlg.image_list}</label></td>
|
||||
<td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td>
|
||||
<td class="column2"><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td>
|
||||
<td id="onmouseoutsrccontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="out_list">{#advimage_dlg.image_list}</label></td>
|
||||
<td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#advimage_dlg.misc}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" onchange="ImageDialog.changeAppearance();">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#advimage_dlg.ltr}</option>
|
||||
<option value="rtl">{#advimage_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td>
|
||||
<td>
|
||||
<input id="usemap" name="usemap" type="text" value="" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
|
||||
<td><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="longdesc" name="longdesc" type="text" value="" /></td>
|
||||
<td id="longdesccontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<input type="submit" id="insert" name="insert" value="{#insert}" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
BIN
tinymce/jscripts/tiny_mce/plugins/advimage/img/sample.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/advimage/img/sample.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
443
tinymce/jscripts/tiny_mce/plugins/advimage/js/image.js
vendored
Normal file
443
tinymce/jscripts/tiny_mce/plugins/advimage/js/image.js
vendored
Normal file
|
|
@ -0,0 +1,443 @@
|
|||
var ImageDialog = {
|
||||
preInit : function() {
|
||||
var url;
|
||||
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
if (url = tinyMCEPopup.getParam("external_image_list_url"))
|
||||
document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
|
||||
},
|
||||
|
||||
init : function(ed) {
|
||||
var f = document.forms[0], nl = f.elements, ed = tinyMCEPopup.editor, dom = ed.dom, n = ed.selection.getNode();
|
||||
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
this.fillClassList('class_list');
|
||||
this.fillFileList('src_list', 'tinyMCEImageList');
|
||||
this.fillFileList('over_list', 'tinyMCEImageList');
|
||||
this.fillFileList('out_list', 'tinyMCEImageList');
|
||||
TinyMCE_EditableSelects.init();
|
||||
|
||||
if (n.nodeName == 'IMG') {
|
||||
nl.src.value = dom.getAttrib(n, 'src');
|
||||
nl.width.value = dom.getAttrib(n, 'width');
|
||||
nl.height.value = dom.getAttrib(n, 'height');
|
||||
nl.alt.value = dom.getAttrib(n, 'alt');
|
||||
nl.title.value = dom.getAttrib(n, 'title');
|
||||
nl.vspace.value = this.getAttrib(n, 'vspace');
|
||||
nl.hspace.value = this.getAttrib(n, 'hspace');
|
||||
nl.border.value = this.getAttrib(n, 'border');
|
||||
selectByValue(f, 'align', this.getAttrib(n, 'align'));
|
||||
selectByValue(f, 'class_list', dom.getAttrib(n, 'class'), true, true);
|
||||
nl.style.value = dom.getAttrib(n, 'style');
|
||||
nl.id.value = dom.getAttrib(n, 'id');
|
||||
nl.dir.value = dom.getAttrib(n, 'dir');
|
||||
nl.lang.value = dom.getAttrib(n, 'lang');
|
||||
nl.usemap.value = dom.getAttrib(n, 'usemap');
|
||||
nl.longdesc.value = dom.getAttrib(n, 'longdesc');
|
||||
nl.insert.value = ed.getLang('update');
|
||||
|
||||
if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseover')))
|
||||
nl.onmouseoversrc.value = dom.getAttrib(n, 'onmouseover').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1');
|
||||
|
||||
if (/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/.test(dom.getAttrib(n, 'onmouseout')))
|
||||
nl.onmouseoutsrc.value = dom.getAttrib(n, 'onmouseout').replace(/^\s*this.src\s*=\s*\'([^\']+)\';?\s*$/, '$1');
|
||||
|
||||
if (ed.settings.inline_styles) {
|
||||
// Move attribs to styles
|
||||
if (dom.getAttrib(n, 'align'))
|
||||
this.updateStyle('align');
|
||||
|
||||
if (dom.getAttrib(n, 'hspace'))
|
||||
this.updateStyle('hspace');
|
||||
|
||||
if (dom.getAttrib(n, 'border'))
|
||||
this.updateStyle('border');
|
||||
|
||||
if (dom.getAttrib(n, 'vspace'))
|
||||
this.updateStyle('vspace');
|
||||
}
|
||||
}
|
||||
|
||||
// Setup browse button
|
||||
document.getElementById('srcbrowsercontainer').innerHTML = getBrowserHTML('srcbrowser','src','image','theme_advanced_image');
|
||||
if (isVisible('srcbrowser'))
|
||||
document.getElementById('src').style.width = '260px';
|
||||
|
||||
// Setup browse button
|
||||
document.getElementById('onmouseoversrccontainer').innerHTML = getBrowserHTML('overbrowser','onmouseoversrc','image','theme_advanced_image');
|
||||
if (isVisible('overbrowser'))
|
||||
document.getElementById('onmouseoversrc').style.width = '260px';
|
||||
|
||||
// Setup browse button
|
||||
document.getElementById('onmouseoutsrccontainer').innerHTML = getBrowserHTML('outbrowser','onmouseoutsrc','image','theme_advanced_image');
|
||||
if (isVisible('outbrowser'))
|
||||
document.getElementById('onmouseoutsrc').style.width = '260px';
|
||||
|
||||
// If option enabled default contrain proportions to checked
|
||||
if (ed.getParam("advimage_constrain_proportions", true))
|
||||
f.constrain.checked = true;
|
||||
|
||||
// Check swap image if valid data
|
||||
if (nl.onmouseoversrc.value || nl.onmouseoutsrc.value)
|
||||
this.setSwapImage(true);
|
||||
else
|
||||
this.setSwapImage(false);
|
||||
|
||||
this.changeAppearance();
|
||||
this.showPreviewImage(nl.src.value, 1);
|
||||
},
|
||||
|
||||
insert : function(file, title) {
|
||||
var ed = tinyMCEPopup.editor, t = this, f = document.forms[0];
|
||||
|
||||
if (f.src.value === '') {
|
||||
if (ed.selection.getNode().nodeName == 'IMG') {
|
||||
ed.dom.remove(ed.selection.getNode());
|
||||
ed.execCommand('mceRepaint');
|
||||
}
|
||||
|
||||
tinyMCEPopup.close();
|
||||
return;
|
||||
}
|
||||
|
||||
if (tinyMCEPopup.getParam("accessibility_warnings", 1)) {
|
||||
if (!f.alt.value) {
|
||||
tinyMCEPopup.confirm(tinyMCEPopup.getLang('advimage_dlg.missing_alt'), function(s) {
|
||||
if (s)
|
||||
t.insertAndClose();
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
t.insertAndClose();
|
||||
},
|
||||
|
||||
insertAndClose : function() {
|
||||
var ed = tinyMCEPopup.editor, f = document.forms[0], nl = f.elements, v, args = {}, el;
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
// Fixes crash in Safari
|
||||
if (tinymce.isWebKit)
|
||||
ed.getWin().focus();
|
||||
|
||||
if (!ed.settings.inline_styles) {
|
||||
args = {
|
||||
vspace : nl.vspace.value,
|
||||
hspace : nl.hspace.value,
|
||||
border : nl.border.value,
|
||||
align : getSelectValue(f, 'align')
|
||||
};
|
||||
} else {
|
||||
// Remove deprecated values
|
||||
args = {
|
||||
vspace : '',
|
||||
hspace : '',
|
||||
border : '',
|
||||
align : ''
|
||||
};
|
||||
}
|
||||
|
||||
tinymce.extend(args, {
|
||||
src : nl.src.value,
|
||||
width : nl.width.value,
|
||||
height : nl.height.value,
|
||||
alt : nl.alt.value,
|
||||
title : nl.title.value,
|
||||
'class' : getSelectValue(f, 'class_list'),
|
||||
style : nl.style.value,
|
||||
id : nl.id.value,
|
||||
dir : nl.dir.value,
|
||||
lang : nl.lang.value,
|
||||
usemap : nl.usemap.value,
|
||||
longdesc : nl.longdesc.value
|
||||
});
|
||||
|
||||
args.onmouseover = args.onmouseout = '';
|
||||
|
||||
if (f.onmousemovecheck.checked) {
|
||||
if (nl.onmouseoversrc.value)
|
||||
args.onmouseover = "this.src='" + nl.onmouseoversrc.value + "';";
|
||||
|
||||
if (nl.onmouseoutsrc.value)
|
||||
args.onmouseout = "this.src='" + nl.onmouseoutsrc.value + "';";
|
||||
}
|
||||
|
||||
el = ed.selection.getNode();
|
||||
|
||||
if (el && el.nodeName == 'IMG') {
|
||||
ed.dom.setAttribs(el, args);
|
||||
} else {
|
||||
ed.execCommand('mceInsertContent', false, '<img id="__mce_tmp" />', {skip_undo : 1});
|
||||
ed.dom.setAttribs('__mce_tmp', args);
|
||||
ed.dom.setAttrib('__mce_tmp', 'id', '');
|
||||
ed.undoManager.add();
|
||||
}
|
||||
|
||||
tinyMCEPopup.close();
|
||||
},
|
||||
|
||||
getAttrib : function(e, at) {
|
||||
var ed = tinyMCEPopup.editor, dom = ed.dom, v, v2;
|
||||
|
||||
if (ed.settings.inline_styles) {
|
||||
switch (at) {
|
||||
case 'align':
|
||||
if (v = dom.getStyle(e, 'float'))
|
||||
return v;
|
||||
|
||||
if (v = dom.getStyle(e, 'vertical-align'))
|
||||
return v;
|
||||
|
||||
break;
|
||||
|
||||
case 'hspace':
|
||||
v = dom.getStyle(e, 'margin-left')
|
||||
v2 = dom.getStyle(e, 'margin-right');
|
||||
|
||||
if (v && v == v2)
|
||||
return parseInt(v.replace(/[^0-9]/g, ''));
|
||||
|
||||
break;
|
||||
|
||||
case 'vspace':
|
||||
v = dom.getStyle(e, 'margin-top')
|
||||
v2 = dom.getStyle(e, 'margin-bottom');
|
||||
if (v && v == v2)
|
||||
return parseInt(v.replace(/[^0-9]/g, ''));
|
||||
|
||||
break;
|
||||
|
||||
case 'border':
|
||||
v = 0;
|
||||
|
||||
tinymce.each(['top', 'right', 'bottom', 'left'], function(sv) {
|
||||
sv = dom.getStyle(e, 'border-' + sv + '-width');
|
||||
|
||||
// False or not the same as prev
|
||||
if (!sv || (sv != v && v !== 0)) {
|
||||
v = 0;
|
||||
return false;
|
||||
}
|
||||
|
||||
if (sv)
|
||||
v = sv;
|
||||
});
|
||||
|
||||
if (v)
|
||||
return parseInt(v.replace(/[^0-9]/g, ''));
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (v = dom.getAttrib(e, at))
|
||||
return v;
|
||||
|
||||
return '';
|
||||
},
|
||||
|
||||
setSwapImage : function(st) {
|
||||
var f = document.forms[0];
|
||||
|
||||
f.onmousemovecheck.checked = st;
|
||||
setBrowserDisabled('overbrowser', !st);
|
||||
setBrowserDisabled('outbrowser', !st);
|
||||
|
||||
if (f.over_list)
|
||||
f.over_list.disabled = !st;
|
||||
|
||||
if (f.out_list)
|
||||
f.out_list.disabled = !st;
|
||||
|
||||
f.onmouseoversrc.disabled = !st;
|
||||
f.onmouseoutsrc.disabled = !st;
|
||||
},
|
||||
|
||||
fillClassList : function(id) {
|
||||
var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl;
|
||||
|
||||
if (v = tinyMCEPopup.getParam('theme_advanced_styles')) {
|
||||
cl = [];
|
||||
|
||||
tinymce.each(v.split(';'), function(v) {
|
||||
var p = v.split('=');
|
||||
|
||||
cl.push({'title' : p[0], 'class' : p[1]});
|
||||
});
|
||||
} else
|
||||
cl = tinyMCEPopup.editor.dom.getClasses();
|
||||
|
||||
if (cl.length > 0) {
|
||||
lst.options.length = 0;
|
||||
lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('not_set'), '');
|
||||
|
||||
tinymce.each(cl, function(o) {
|
||||
lst.options[lst.options.length] = new Option(o.title || o['class'], o['class']);
|
||||
});
|
||||
} else
|
||||
dom.remove(dom.getParent(id, 'tr'));
|
||||
},
|
||||
|
||||
fillFileList : function(id, l) {
|
||||
var dom = tinyMCEPopup.dom, lst = dom.get(id), v, cl;
|
||||
|
||||
l = window[l];
|
||||
lst.options.length = 0;
|
||||
|
||||
if (l && l.length > 0) {
|
||||
lst.options[lst.options.length] = new Option('', '');
|
||||
|
||||
tinymce.each(l, function(o) {
|
||||
lst.options[lst.options.length] = new Option(o[0], o[1]);
|
||||
});
|
||||
} else
|
||||
dom.remove(dom.getParent(id, 'tr'));
|
||||
},
|
||||
|
||||
resetImageData : function() {
|
||||
var f = document.forms[0];
|
||||
|
||||
f.elements.width.value = f.elements.height.value = '';
|
||||
},
|
||||
|
||||
updateImageData : function(img, st) {
|
||||
var f = document.forms[0];
|
||||
|
||||
if (!st) {
|
||||
f.elements.width.value = img.width;
|
||||
f.elements.height.value = img.height;
|
||||
}
|
||||
|
||||
this.preloadImg = img;
|
||||
},
|
||||
|
||||
changeAppearance : function() {
|
||||
var ed = tinyMCEPopup.editor, f = document.forms[0], img = document.getElementById('alignSampleImg');
|
||||
|
||||
if (img) {
|
||||
if (ed.getParam('inline_styles')) {
|
||||
ed.dom.setAttrib(img, 'style', f.style.value);
|
||||
} else {
|
||||
img.align = f.align.value;
|
||||
img.border = f.border.value;
|
||||
img.hspace = f.hspace.value;
|
||||
img.vspace = f.vspace.value;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
changeHeight : function() {
|
||||
var f = document.forms[0], tp, t = this;
|
||||
|
||||
if (!f.constrain.checked || !t.preloadImg) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (f.width.value == "" || f.height.value == "")
|
||||
return;
|
||||
|
||||
tp = (parseInt(f.width.value) / parseInt(t.preloadImg.width)) * t.preloadImg.height;
|
||||
f.height.value = tp.toFixed(0);
|
||||
},
|
||||
|
||||
changeWidth : function() {
|
||||
var f = document.forms[0], tp, t = this;
|
||||
|
||||
if (!f.constrain.checked || !t.preloadImg) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (f.width.value == "" || f.height.value == "")
|
||||
return;
|
||||
|
||||
tp = (parseInt(f.height.value) / parseInt(t.preloadImg.height)) * t.preloadImg.width;
|
||||
f.width.value = tp.toFixed(0);
|
||||
},
|
||||
|
||||
updateStyle : function(ty) {
|
||||
var dom = tinyMCEPopup.dom, st, v, f = document.forms[0], img = dom.create('img', {style : dom.get('style').value});
|
||||
|
||||
if (tinyMCEPopup.editor.settings.inline_styles) {
|
||||
// Handle align
|
||||
if (ty == 'align') {
|
||||
dom.setStyle(img, 'float', '');
|
||||
dom.setStyle(img, 'vertical-align', '');
|
||||
|
||||
v = getSelectValue(f, 'align');
|
||||
if (v) {
|
||||
if (v == 'left' || v == 'right')
|
||||
dom.setStyle(img, 'float', v);
|
||||
else
|
||||
img.style.verticalAlign = v;
|
||||
}
|
||||
}
|
||||
|
||||
// Handle border
|
||||
if (ty == 'border') {
|
||||
dom.setStyle(img, 'border', '');
|
||||
|
||||
v = f.border.value;
|
||||
if (v || v == '0') {
|
||||
if (v == '0')
|
||||
img.style.border = '0';
|
||||
else
|
||||
img.style.border = v + 'px solid black';
|
||||
}
|
||||
}
|
||||
|
||||
// Handle hspace
|
||||
if (ty == 'hspace') {
|
||||
dom.setStyle(img, 'marginLeft', '');
|
||||
dom.setStyle(img, 'marginRight', '');
|
||||
|
||||
v = f.hspace.value;
|
||||
if (v) {
|
||||
img.style.marginLeft = v + 'px';
|
||||
img.style.marginRight = v + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
// Handle vspace
|
||||
if (ty == 'vspace') {
|
||||
dom.setStyle(img, 'marginTop', '');
|
||||
dom.setStyle(img, 'marginBottom', '');
|
||||
|
||||
v = f.vspace.value;
|
||||
if (v) {
|
||||
img.style.marginTop = v + 'px';
|
||||
img.style.marginBottom = v + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
// Merge
|
||||
dom.get('style').value = dom.serializeStyle(dom.parseStyle(img.style.cssText), 'img');
|
||||
}
|
||||
},
|
||||
|
||||
changeMouseMove : function() {
|
||||
},
|
||||
|
||||
showPreviewImage : function(u, st) {
|
||||
if (!u) {
|
||||
tinyMCEPopup.dom.setHTML('prev', '');
|
||||
return;
|
||||
}
|
||||
|
||||
if (!st && tinyMCEPopup.getParam("advimage_update_dimensions_onchange", true))
|
||||
this.resetImageData();
|
||||
|
||||
u = tinyMCEPopup.editor.documentBaseURI.toAbsolute(u);
|
||||
|
||||
if (!st)
|
||||
tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this);" onerror="ImageDialog.resetImageData();" />');
|
||||
else
|
||||
tinyMCEPopup.dom.setHTML('prev', '<img id="previewImg" src="' + u + '" border="0" onload="ImageDialog.updateImageData(this, 1);" />');
|
||||
}
|
||||
};
|
||||
|
||||
ImageDialog.preInit();
|
||||
tinyMCEPopup.onInit.add(ImageDialog.init, ImageDialog);
|
||||
43
tinymce/jscripts/tiny_mce/plugins/advimage/langs/en_dlg.js
vendored
Normal file
43
tinymce/jscripts/tiny_mce/plugins/advimage/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
tinyMCE.addI18n('en.advimage_dlg',{
|
||||
tab_general:"General",
|
||||
tab_appearance:"Appearance",
|
||||
tab_advanced:"Advanced",
|
||||
general:"General",
|
||||
title:"Title",
|
||||
preview:"Preview",
|
||||
constrain_proportions:"Constrain proportions",
|
||||
langdir:"Language direction",
|
||||
langcode:"Language code",
|
||||
long_desc:"Long description link",
|
||||
style:"Style",
|
||||
classes:"Classes",
|
||||
ltr:"Left to right",
|
||||
rtl:"Right to left",
|
||||
id:"Id",
|
||||
map:"Image map",
|
||||
swap_image:"Swap image",
|
||||
alt_image:"Alternative image",
|
||||
mouseover:"for mouse over",
|
||||
mouseout:"for mouse out",
|
||||
misc:"Miscellaneous",
|
||||
example_img:"Appearance preview image",
|
||||
missing_alt:"Are you sure you want to continue without including an Image Description? Without it the image may not be accessible to some users with disabilities, or to those using a text browser, or browsing the Web with images turned off.",
|
||||
dialog_title:"Insert/edit image",
|
||||
src:"Image URL",
|
||||
alt:"Image description",
|
||||
list:"Image list",
|
||||
border:"Border",
|
||||
dimensions:"Dimensions",
|
||||
vspace:"Vertical space",
|
||||
hspace:"Horizontal space",
|
||||
align:"Alignment",
|
||||
align_baseline:"Baseline",
|
||||
align_top:"Top",
|
||||
align_middle:"Middle",
|
||||
align_bottom:"Bottom",
|
||||
align_texttop:"Text top",
|
||||
align_textbottom:"Text bottom",
|
||||
align_left:"Left",
|
||||
align_right:"Right",
|
||||
image_list:"Image list"
|
||||
});
|
||||
8
tinymce/jscripts/tiny_mce/plugins/advlink/css/advlink.css
vendored
Normal file
8
tinymce/jscripts/tiny_mce/plugins/advlink/css/advlink.css
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.mceLinkList, .mceAnchorList, #targetlist {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.panel_wrapper div.current {height:320px;}
|
||||
#classlist, #title, #href {width:280px;}
|
||||
#popupurl, #popupname {width:200px;}
|
||||
#popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;}
|
||||
#id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;}
|
||||
#events_panel input {width:200px;}
|
||||
1
tinymce/jscripts/tiny_mce/plugins/advlink/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/advlink/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.AdvancedLinkPlugin",{init:function(a,b){this.editor=a;a.addCommand("mceAdvLink",function(){var c=a.selection;if(c.isCollapsed()&&!a.dom.getParent(c.getNode(),"A")){return}a.windowManager.open({file:b+"/link.htm",width:480+parseInt(a.getLang("advlink.delta_width",0)),height:400+parseInt(a.getLang("advlink.delta_height",0)),inline:1},{plugin_url:b})});a.addButton("link",{title:"advlink.link_desc",cmd:"mceAdvLink"});a.addShortcut("ctrl+k","advlink.advlink_desc","mceAdvLink");a.onNodeChange.add(function(d,c,f,e){c.setDisabled("link",e&&f.nodeName!="A");c.setActive("link",f.nodeName=="A"&&!f.name)})},getInfo:function(){return{longname:"Advanced link",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlink",tinymce.plugins.AdvancedLinkPlugin)})();
|
||||
61
tinymce/jscripts/tiny_mce/plugins/advlink/editor_plugin_src.js
vendored
Normal file
61
tinymce/jscripts/tiny_mce/plugins/advlink/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.AdvancedLinkPlugin', {
|
||||
init : function(ed, url) {
|
||||
this.editor = ed;
|
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceAdvLink', function() {
|
||||
var se = ed.selection;
|
||||
|
||||
// No selection and not in link
|
||||
if (se.isCollapsed() && !ed.dom.getParent(se.getNode(), 'A'))
|
||||
return;
|
||||
|
||||
ed.windowManager.open({
|
||||
file : url + '/link.htm',
|
||||
width : 480 + parseInt(ed.getLang('advlink.delta_width', 0)),
|
||||
height : 400 + parseInt(ed.getLang('advlink.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url
|
||||
});
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('link', {
|
||||
title : 'advlink.link_desc',
|
||||
cmd : 'mceAdvLink'
|
||||
});
|
||||
|
||||
ed.addShortcut('ctrl+k', 'advlink.advlink_desc', 'mceAdvLink');
|
||||
|
||||
ed.onNodeChange.add(function(ed, cm, n, co) {
|
||||
cm.setDisabled('link', co && n.nodeName != 'A');
|
||||
cm.setActive('link', n.nodeName == 'A' && !n.name);
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Advanced link',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlink',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advlink', tinymce.plugins.AdvancedLinkPlugin);
|
||||
})();
|
||||
528
tinymce/jscripts/tiny_mce/plugins/advlink/js/advlink.js
vendored
Normal file
528
tinymce/jscripts/tiny_mce/plugins/advlink/js/advlink.js
vendored
Normal file
|
|
@ -0,0 +1,528 @@
|
|||
/* Functions for the advlink plugin popup */
|
||||
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var templates = {
|
||||
"window.open" : "window.open('${url}','${target}','${options}')"
|
||||
};
|
||||
|
||||
function preinit() {
|
||||
var url;
|
||||
|
||||
if (url = tinyMCEPopup.getParam("external_link_list_url"))
|
||||
document.write('<script language="javascript" type="text/javascript" src="' + tinyMCEPopup.editor.documentBaseURI.toAbsolute(url) + '"></script>');
|
||||
}
|
||||
|
||||
function changeClass() {
|
||||
var f = document.forms[0];
|
||||
|
||||
f.classes.value = getSelectValue(f, 'classlist');
|
||||
}
|
||||
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
var formObj = document.forms[0];
|
||||
var inst = tinyMCEPopup.editor;
|
||||
var elm = inst.selection.getNode();
|
||||
var action = "insert";
|
||||
var html;
|
||||
|
||||
document.getElementById('hrefbrowsercontainer').innerHTML = getBrowserHTML('hrefbrowser','href','file','advlink');
|
||||
document.getElementById('popupurlbrowsercontainer').innerHTML = getBrowserHTML('popupurlbrowser','popupurl','file','advlink');
|
||||
document.getElementById('linklisthrefcontainer').innerHTML = getLinkListHTML('linklisthref','href');
|
||||
document.getElementById('anchorlistcontainer').innerHTML = getAnchorListHTML('anchorlist','href');
|
||||
document.getElementById('targetlistcontainer').innerHTML = getTargetListHTML('targetlist','target');
|
||||
|
||||
// Link list
|
||||
html = getLinkListHTML('linklisthref','href');
|
||||
if (html == "")
|
||||
document.getElementById("linklisthrefrow").style.display = 'none';
|
||||
else
|
||||
document.getElementById("linklisthrefcontainer").innerHTML = html;
|
||||
|
||||
// Resize some elements
|
||||
if (isVisible('hrefbrowser'))
|
||||
document.getElementById('href').style.width = '260px';
|
||||
|
||||
if (isVisible('popupurlbrowser'))
|
||||
document.getElementById('popupurl').style.width = '180px';
|
||||
|
||||
elm = inst.dom.getParent(elm, "A");
|
||||
if (elm != null && elm.nodeName == "A")
|
||||
action = "update";
|
||||
|
||||
formObj.insert.value = tinyMCEPopup.getLang(action, 'Insert', true);
|
||||
|
||||
setPopupControlsDisabled(true);
|
||||
|
||||
if (action == "update") {
|
||||
var href = inst.dom.getAttrib(elm, 'href');
|
||||
var onclick = inst.dom.getAttrib(elm, 'onclick');
|
||||
|
||||
// Setup form data
|
||||
setFormValue('href', href);
|
||||
setFormValue('title', inst.dom.getAttrib(elm, 'title'));
|
||||
setFormValue('id', inst.dom.getAttrib(elm, 'id'));
|
||||
setFormValue('style', inst.dom.getAttrib(elm, "style"));
|
||||
setFormValue('rel', inst.dom.getAttrib(elm, 'rel'));
|
||||
setFormValue('rev', inst.dom.getAttrib(elm, 'rev'));
|
||||
setFormValue('charset', inst.dom.getAttrib(elm, 'charset'));
|
||||
setFormValue('hreflang', inst.dom.getAttrib(elm, 'hreflang'));
|
||||
setFormValue('dir', inst.dom.getAttrib(elm, 'dir'));
|
||||
setFormValue('lang', inst.dom.getAttrib(elm, 'lang'));
|
||||
setFormValue('tabindex', inst.dom.getAttrib(elm, 'tabindex', typeof(elm.tabindex) != "undefined" ? elm.tabindex : ""));
|
||||
setFormValue('accesskey', inst.dom.getAttrib(elm, 'accesskey', typeof(elm.accesskey) != "undefined" ? elm.accesskey : ""));
|
||||
setFormValue('type', inst.dom.getAttrib(elm, 'type'));
|
||||
setFormValue('onfocus', inst.dom.getAttrib(elm, 'onfocus'));
|
||||
setFormValue('onblur', inst.dom.getAttrib(elm, 'onblur'));
|
||||
setFormValue('onclick', onclick);
|
||||
setFormValue('ondblclick', inst.dom.getAttrib(elm, 'ondblclick'));
|
||||
setFormValue('onmousedown', inst.dom.getAttrib(elm, 'onmousedown'));
|
||||
setFormValue('onmouseup', inst.dom.getAttrib(elm, 'onmouseup'));
|
||||
setFormValue('onmouseover', inst.dom.getAttrib(elm, 'onmouseover'));
|
||||
setFormValue('onmousemove', inst.dom.getAttrib(elm, 'onmousemove'));
|
||||
setFormValue('onmouseout', inst.dom.getAttrib(elm, 'onmouseout'));
|
||||
setFormValue('onkeypress', inst.dom.getAttrib(elm, 'onkeypress'));
|
||||
setFormValue('onkeydown', inst.dom.getAttrib(elm, 'onkeydown'));
|
||||
setFormValue('onkeyup', inst.dom.getAttrib(elm, 'onkeyup'));
|
||||
setFormValue('target', inst.dom.getAttrib(elm, 'target'));
|
||||
setFormValue('classes', inst.dom.getAttrib(elm, 'class'));
|
||||
|
||||
// Parse onclick data
|
||||
if (onclick != null && onclick.indexOf('window.open') != -1)
|
||||
parseWindowOpen(onclick);
|
||||
else
|
||||
parseFunction(onclick);
|
||||
|
||||
// Select by the values
|
||||
selectByValue(formObj, 'dir', inst.dom.getAttrib(elm, 'dir'));
|
||||
selectByValue(formObj, 'rel', inst.dom.getAttrib(elm, 'rel'));
|
||||
selectByValue(formObj, 'rev', inst.dom.getAttrib(elm, 'rev'));
|
||||
selectByValue(formObj, 'linklisthref', href);
|
||||
|
||||
if (href.charAt(0) == '#')
|
||||
selectByValue(formObj, 'anchorlist', href);
|
||||
|
||||
addClassesToList('classlist', 'advlink_styles');
|
||||
|
||||
selectByValue(formObj, 'classlist', inst.dom.getAttrib(elm, 'class'), true);
|
||||
selectByValue(formObj, 'targetlist', inst.dom.getAttrib(elm, 'target'), true);
|
||||
} else
|
||||
addClassesToList('classlist', 'advlink_styles');
|
||||
}
|
||||
|
||||
function checkPrefix(n) {
|
||||
if (n.value && Validator.isEmail(n) && !/^\s*mailto:/i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_email')))
|
||||
n.value = 'mailto:' + n.value;
|
||||
|
||||
if (/^\s*www\./i.test(n.value) && confirm(tinyMCEPopup.getLang('advlink_dlg.is_external')))
|
||||
n.value = 'http://' + n.value;
|
||||
}
|
||||
|
||||
function setFormValue(name, value) {
|
||||
document.forms[0].elements[name].value = value;
|
||||
}
|
||||
|
||||
function parseWindowOpen(onclick) {
|
||||
var formObj = document.forms[0];
|
||||
|
||||
// Preprocess center code
|
||||
if (onclick.indexOf('return false;') != -1) {
|
||||
formObj.popupreturn.checked = true;
|
||||
onclick = onclick.replace('return false;', '');
|
||||
} else
|
||||
formObj.popupreturn.checked = false;
|
||||
|
||||
var onClickData = parseLink(onclick);
|
||||
|
||||
if (onClickData != null) {
|
||||
formObj.ispopup.checked = true;
|
||||
setPopupControlsDisabled(false);
|
||||
|
||||
var onClickWindowOptions = parseOptions(onClickData['options']);
|
||||
var url = onClickData['url'];
|
||||
|
||||
formObj.popupname.value = onClickData['target'];
|
||||
formObj.popupurl.value = url;
|
||||
formObj.popupwidth.value = getOption(onClickWindowOptions, 'width');
|
||||
formObj.popupheight.value = getOption(onClickWindowOptions, 'height');
|
||||
|
||||
formObj.popupleft.value = getOption(onClickWindowOptions, 'left');
|
||||
formObj.popuptop.value = getOption(onClickWindowOptions, 'top');
|
||||
|
||||
if (formObj.popupleft.value.indexOf('screen') != -1)
|
||||
formObj.popupleft.value = "c";
|
||||
|
||||
if (formObj.popuptop.value.indexOf('screen') != -1)
|
||||
formObj.popuptop.value = "c";
|
||||
|
||||
formObj.popuplocation.checked = getOption(onClickWindowOptions, 'location') == "yes";
|
||||
formObj.popupscrollbars.checked = getOption(onClickWindowOptions, 'scrollbars') == "yes";
|
||||
formObj.popupmenubar.checked = getOption(onClickWindowOptions, 'menubar') == "yes";
|
||||
formObj.popupresizable.checked = getOption(onClickWindowOptions, 'resizable') == "yes";
|
||||
formObj.popuptoolbar.checked = getOption(onClickWindowOptions, 'toolbar') == "yes";
|
||||
formObj.popupstatus.checked = getOption(onClickWindowOptions, 'status') == "yes";
|
||||
formObj.popupdependent.checked = getOption(onClickWindowOptions, 'dependent') == "yes";
|
||||
|
||||
buildOnClick();
|
||||
}
|
||||
}
|
||||
|
||||
function parseFunction(onclick) {
|
||||
var formObj = document.forms[0];
|
||||
var onClickData = parseLink(onclick);
|
||||
|
||||
// TODO: Add stuff here
|
||||
}
|
||||
|
||||
function getOption(opts, name) {
|
||||
return typeof(opts[name]) == "undefined" ? "" : opts[name];
|
||||
}
|
||||
|
||||
function setPopupControlsDisabled(state) {
|
||||
var formObj = document.forms[0];
|
||||
|
||||
formObj.popupname.disabled = state;
|
||||
formObj.popupurl.disabled = state;
|
||||
formObj.popupwidth.disabled = state;
|
||||
formObj.popupheight.disabled = state;
|
||||
formObj.popupleft.disabled = state;
|
||||
formObj.popuptop.disabled = state;
|
||||
formObj.popuplocation.disabled = state;
|
||||
formObj.popupscrollbars.disabled = state;
|
||||
formObj.popupmenubar.disabled = state;
|
||||
formObj.popupresizable.disabled = state;
|
||||
formObj.popuptoolbar.disabled = state;
|
||||
formObj.popupstatus.disabled = state;
|
||||
formObj.popupreturn.disabled = state;
|
||||
formObj.popupdependent.disabled = state;
|
||||
|
||||
setBrowserDisabled('popupurlbrowser', state);
|
||||
}
|
||||
|
||||
function parseLink(link) {
|
||||
link = link.replace(new RegExp(''', 'g'), "'");
|
||||
|
||||
var fnName = link.replace(new RegExp("\\s*([A-Za-z0-9\.]*)\\s*\\(.*", "gi"), "$1");
|
||||
|
||||
// Is function name a template function
|
||||
var template = templates[fnName];
|
||||
if (template) {
|
||||
// Build regexp
|
||||
var variableNames = template.match(new RegExp("'?\\$\\{[A-Za-z0-9\.]*\\}'?", "gi"));
|
||||
var regExp = "\\s*[A-Za-z0-9\.]*\\s*\\(";
|
||||
var replaceStr = "";
|
||||
for (var i=0; i<variableNames.length; i++) {
|
||||
// Is string value
|
||||
if (variableNames[i].indexOf("'${") != -1)
|
||||
regExp += "'(.*)'";
|
||||
else // Number value
|
||||
regExp += "([0-9]*)";
|
||||
|
||||
replaceStr += "$" + (i+1);
|
||||
|
||||
// Cleanup variable name
|
||||
variableNames[i] = variableNames[i].replace(new RegExp("[^A-Za-z0-9]", "gi"), "");
|
||||
|
||||
if (i != variableNames.length-1) {
|
||||
regExp += "\\s*,\\s*";
|
||||
replaceStr += "<delim>";
|
||||
} else
|
||||
regExp += ".*";
|
||||
}
|
||||
|
||||
regExp += "\\);?";
|
||||
|
||||
// Build variable array
|
||||
var variables = [];
|
||||
variables["_function"] = fnName;
|
||||
var variableValues = link.replace(new RegExp(regExp, "gi"), replaceStr).split('<delim>');
|
||||
for (var i=0; i<variableNames.length; i++)
|
||||
variables[variableNames[i]] = variableValues[i];
|
||||
|
||||
return variables;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function parseOptions(opts) {
|
||||
if (opts == null || opts == "")
|
||||
return [];
|
||||
|
||||
// Cleanup the options
|
||||
opts = opts.toLowerCase();
|
||||
opts = opts.replace(/;/g, ",");
|
||||
opts = opts.replace(/[^0-9a-z=,]/g, "");
|
||||
|
||||
var optionChunks = opts.split(',');
|
||||
var options = [];
|
||||
|
||||
for (var i=0; i<optionChunks.length; i++) {
|
||||
var parts = optionChunks[i].split('=');
|
||||
|
||||
if (parts.length == 2)
|
||||
options[parts[0]] = parts[1];
|
||||
}
|
||||
|
||||
return options;
|
||||
}
|
||||
|
||||
function buildOnClick() {
|
||||
var formObj = document.forms[0];
|
||||
|
||||
if (!formObj.ispopup.checked) {
|
||||
formObj.onclick.value = "";
|
||||
return;
|
||||
}
|
||||
|
||||
var onclick = "window.open('";
|
||||
var url = formObj.popupurl.value;
|
||||
|
||||
onclick += url + "','";
|
||||
onclick += formObj.popupname.value + "','";
|
||||
|
||||
if (formObj.popuplocation.checked)
|
||||
onclick += "location=yes,";
|
||||
|
||||
if (formObj.popupscrollbars.checked)
|
||||
onclick += "scrollbars=yes,";
|
||||
|
||||
if (formObj.popupmenubar.checked)
|
||||
onclick += "menubar=yes,";
|
||||
|
||||
if (formObj.popupresizable.checked)
|
||||
onclick += "resizable=yes,";
|
||||
|
||||
if (formObj.popuptoolbar.checked)
|
||||
onclick += "toolbar=yes,";
|
||||
|
||||
if (formObj.popupstatus.checked)
|
||||
onclick += "status=yes,";
|
||||
|
||||
if (formObj.popupdependent.checked)
|
||||
onclick += "dependent=yes,";
|
||||
|
||||
if (formObj.popupwidth.value != "")
|
||||
onclick += "width=" + formObj.popupwidth.value + ",";
|
||||
|
||||
if (formObj.popupheight.value != "")
|
||||
onclick += "height=" + formObj.popupheight.value + ",";
|
||||
|
||||
if (formObj.popupleft.value != "") {
|
||||
if (formObj.popupleft.value != "c")
|
||||
onclick += "left=" + formObj.popupleft.value + ",";
|
||||
else
|
||||
onclick += "left='+(screen.availWidth/2-" + (formObj.popupwidth.value/2) + ")+',";
|
||||
}
|
||||
|
||||
if (formObj.popuptop.value != "") {
|
||||
if (formObj.popuptop.value != "c")
|
||||
onclick += "top=" + formObj.popuptop.value + ",";
|
||||
else
|
||||
onclick += "top='+(screen.availHeight/2-" + (formObj.popupheight.value/2) + ")+',";
|
||||
}
|
||||
|
||||
if (onclick.charAt(onclick.length-1) == ',')
|
||||
onclick = onclick.substring(0, onclick.length-1);
|
||||
|
||||
onclick += "');";
|
||||
|
||||
if (formObj.popupreturn.checked)
|
||||
onclick += "return false;";
|
||||
|
||||
// tinyMCE.debug(onclick);
|
||||
|
||||
formObj.onclick.value = onclick;
|
||||
|
||||
if (formObj.href.value == "")
|
||||
formObj.href.value = url;
|
||||
}
|
||||
|
||||
function setAttrib(elm, attrib, value) {
|
||||
var formObj = document.forms[0];
|
||||
var valueElm = formObj.elements[attrib.toLowerCase()];
|
||||
var dom = tinyMCEPopup.editor.dom;
|
||||
|
||||
if (typeof(value) == "undefined" || value == null) {
|
||||
value = "";
|
||||
|
||||
if (valueElm)
|
||||
value = valueElm.value;
|
||||
}
|
||||
|
||||
// Clean up the style
|
||||
if (attrib == 'style')
|
||||
value = dom.serializeStyle(dom.parseStyle(value), 'a');
|
||||
|
||||
dom.setAttrib(elm, attrib, value);
|
||||
}
|
||||
|
||||
function getAnchorListHTML(id, target) {
|
||||
var inst = tinyMCEPopup.editor;
|
||||
var nodes = inst.dom.select('a.mceItemAnchor,img.mceItemAnchor'), name, i;
|
||||
var html = "";
|
||||
|
||||
html += '<select id="' + id + '" name="' + id + '" class="mceAnchorList" o2nfocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target + '.value=';
|
||||
html += 'this.options[this.selectedIndex].value;">';
|
||||
html += '<option value="">---</option>';
|
||||
|
||||
for (i=0; i<nodes.length; i++) {
|
||||
if ((name = inst.dom.getAttrib(nodes[i], "name")) != "")
|
||||
html += '<option value="#' + name + '">' + name + '</option>';
|
||||
}
|
||||
|
||||
html += '</select>';
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
function insertAction() {
|
||||
var inst = tinyMCEPopup.editor;
|
||||
var elm, elementArray, i;
|
||||
|
||||
elm = inst.selection.getNode();
|
||||
checkPrefix(document.forms[0].href);
|
||||
|
||||
elm = inst.dom.getParent(elm, "A");
|
||||
|
||||
// Remove element if there is no href
|
||||
if (!document.forms[0].href.value) {
|
||||
tinyMCEPopup.execCommand("mceBeginUndoLevel");
|
||||
i = inst.selection.getBookmark();
|
||||
inst.dom.remove(elm, 1);
|
||||
inst.selection.moveToBookmark(i);
|
||||
tinyMCEPopup.execCommand("mceEndUndoLevel");
|
||||
tinyMCEPopup.close();
|
||||
return;
|
||||
}
|
||||
|
||||
tinyMCEPopup.execCommand("mceBeginUndoLevel");
|
||||
|
||||
// Create new anchor elements
|
||||
if (elm == null) {
|
||||
inst.getDoc().execCommand("unlink", false, null);
|
||||
tinyMCEPopup.execCommand("CreateLink", false, "#mce_temp_url#", {skip_undo : 1});
|
||||
|
||||
elementArray = tinymce.grep(inst.dom.select("a"), function(n) {return inst.dom.getAttrib(n, 'href') == '#mce_temp_url#';});
|
||||
for (i=0; i<elementArray.length; i++)
|
||||
setAllAttribs(elm = elementArray[i]);
|
||||
} else
|
||||
setAllAttribs(elm);
|
||||
|
||||
// Don't move caret if selection was image
|
||||
if (elm.childNodes.length != 1 || elm.firstChild.nodeName != 'IMG') {
|
||||
inst.focus();
|
||||
inst.selection.select(elm);
|
||||
inst.selection.collapse(0);
|
||||
tinyMCEPopup.storeSelection();
|
||||
}
|
||||
|
||||
tinyMCEPopup.execCommand("mceEndUndoLevel");
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function setAllAttribs(elm) {
|
||||
var formObj = document.forms[0];
|
||||
var href = formObj.href.value;
|
||||
var target = getSelectValue(formObj, 'targetlist');
|
||||
|
||||
setAttrib(elm, 'href', href);
|
||||
setAttrib(elm, 'title');
|
||||
setAttrib(elm, 'target', target == '_self' ? '' : target);
|
||||
setAttrib(elm, 'id');
|
||||
setAttrib(elm, 'style');
|
||||
setAttrib(elm, 'class', getSelectValue(formObj, 'classlist'));
|
||||
setAttrib(elm, 'rel');
|
||||
setAttrib(elm, 'rev');
|
||||
setAttrib(elm, 'charset');
|
||||
setAttrib(elm, 'hreflang');
|
||||
setAttrib(elm, 'dir');
|
||||
setAttrib(elm, 'lang');
|
||||
setAttrib(elm, 'tabindex');
|
||||
setAttrib(elm, 'accesskey');
|
||||
setAttrib(elm, 'type');
|
||||
setAttrib(elm, 'onfocus');
|
||||
setAttrib(elm, 'onblur');
|
||||
setAttrib(elm, 'onclick');
|
||||
setAttrib(elm, 'ondblclick');
|
||||
setAttrib(elm, 'onmousedown');
|
||||
setAttrib(elm, 'onmouseup');
|
||||
setAttrib(elm, 'onmouseover');
|
||||
setAttrib(elm, 'onmousemove');
|
||||
setAttrib(elm, 'onmouseout');
|
||||
setAttrib(elm, 'onkeypress');
|
||||
setAttrib(elm, 'onkeydown');
|
||||
setAttrib(elm, 'onkeyup');
|
||||
|
||||
// Refresh in old MSIE
|
||||
if (tinyMCE.isMSIE5)
|
||||
elm.outerHTML = elm.outerHTML;
|
||||
}
|
||||
|
||||
function getSelectValue(form_obj, field_name) {
|
||||
var elm = form_obj.elements[field_name];
|
||||
|
||||
if (!elm || elm.options == null || elm.selectedIndex == -1)
|
||||
return "";
|
||||
|
||||
return elm.options[elm.selectedIndex].value;
|
||||
}
|
||||
|
||||
function getLinkListHTML(elm_id, target_form_element, onchange_func) {
|
||||
if (typeof(tinyMCELinkList) == "undefined" || tinyMCELinkList.length == 0)
|
||||
return "";
|
||||
|
||||
var html = "";
|
||||
|
||||
html += '<select id="' + elm_id + '" name="' + elm_id + '"';
|
||||
html += ' class="mceLinkList" onfoc2us="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
|
||||
html += 'this.options[this.selectedIndex].value;';
|
||||
|
||||
if (typeof(onchange_func) != "undefined")
|
||||
html += onchange_func + '(\'' + target_form_element + '\',this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);';
|
||||
|
||||
html += '"><option value="">---</option>';
|
||||
|
||||
for (var i=0; i<tinyMCELinkList.length; i++)
|
||||
html += '<option value="' + tinyMCELinkList[i][1] + '">' + tinyMCELinkList[i][0] + '</option>';
|
||||
|
||||
html += '</select>';
|
||||
|
||||
return html;
|
||||
|
||||
// tinyMCE.debug('-- image list start --', html, '-- image list end --');
|
||||
}
|
||||
|
||||
function getTargetListHTML(elm_id, target_form_element) {
|
||||
var targets = tinyMCEPopup.getParam('theme_advanced_link_targets', '').split(';');
|
||||
var html = '';
|
||||
|
||||
html += '<select id="' + elm_id + '" name="' + elm_id + '" onf2ocus="tinyMCE.addSelectAccessibility(event, this, window);" onchange="this.form.' + target_form_element + '.value=';
|
||||
html += 'this.options[this.selectedIndex].value;">';
|
||||
html += '<option value="_self">' + tinyMCEPopup.getLang('advlink_dlg.target_same') + '</option>';
|
||||
html += '<option value="_blank">' + tinyMCEPopup.getLang('advlink_dlg.target_blank') + ' (_blank)</option>';
|
||||
html += '<option value="_parent">' + tinyMCEPopup.getLang('advlink_dlg.target_parent') + ' (_parent)</option>';
|
||||
html += '<option value="_top">' + tinyMCEPopup.getLang('advlink_dlg.target_top') + ' (_top)</option>';
|
||||
|
||||
for (var i=0; i<targets.length; i++) {
|
||||
var key, value;
|
||||
|
||||
if (targets[i] == "")
|
||||
continue;
|
||||
|
||||
key = targets[i].split('=')[0];
|
||||
value = targets[i].split('=')[1];
|
||||
|
||||
html += '<option value="' + key + '">' + value + ' (' + key + ')</option>';
|
||||
}
|
||||
|
||||
html += '</select>';
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
// While loading
|
||||
preinit();
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
52
tinymce/jscripts/tiny_mce/plugins/advlink/langs/en_dlg.js
vendored
Normal file
52
tinymce/jscripts/tiny_mce/plugins/advlink/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
tinyMCE.addI18n('en.advlink_dlg',{
|
||||
title:"Insert/edit link",
|
||||
url:"Link URL",
|
||||
target:"Target",
|
||||
titlefield:"Title",
|
||||
is_email:"The URL you entered seems to be an email address, do you want to add the required mailto: prefix?",
|
||||
is_external:"The URL you entered seems to external link, do you want to add the required http:// prefix?",
|
||||
list:"Link list",
|
||||
general_tab:"General",
|
||||
popup_tab:"Popup",
|
||||
events_tab:"Events",
|
||||
advanced_tab:"Advanced",
|
||||
general_props:"General properties",
|
||||
popup_props:"Popup properties",
|
||||
event_props:"Events",
|
||||
advanced_props:"Advanced properties",
|
||||
popup_opts:"Options",
|
||||
anchor_names:"Anchors",
|
||||
target_same:"Open in this window / frame",
|
||||
target_parent:"Open in parent window / frame",
|
||||
target_top:"Open in top frame (replaces all frames)",
|
||||
target_blank:"Open in new window",
|
||||
popup:"Javascript popup",
|
||||
popup_url:"Popup URL",
|
||||
popup_name:"Window name",
|
||||
popup_return:"Insert 'return false'",
|
||||
popup_scrollbars:"Show scrollbars",
|
||||
popup_statusbar:"Show status bar",
|
||||
popup_toolbar:"Show toolbars",
|
||||
popup_menubar:"Show menu bar",
|
||||
popup_location:"Show location bar",
|
||||
popup_resizable:"Make window resizable",
|
||||
popup_dependent:"Dependent (Mozilla/Firefox only)",
|
||||
popup_size:"Size",
|
||||
popup_position:"Position (X/Y)",
|
||||
id:"Id",
|
||||
style:"Style",
|
||||
classes:"Classes",
|
||||
target_name:"Target name",
|
||||
langdir:"Language direction",
|
||||
target_langcode:"Target language",
|
||||
langcode:"Language code",
|
||||
encoding:"Target character encoding",
|
||||
mime:"Target MIME type",
|
||||
rel:"Relationship page to target",
|
||||
rev:"Relationship target to page",
|
||||
tabindex:"Tabindex",
|
||||
accesskey:"Accesskey",
|
||||
ltr:"Left to right",
|
||||
rtl:"Right to left",
|
||||
link_list:"Link list"
|
||||
});
|
||||
333
tinymce/jscripts/tiny_mce/plugins/advlink/link.htm
vendored
Normal file
333
tinymce/jscripts/tiny_mce/plugins/advlink/link.htm
vendored
Normal file
|
|
@ -0,0 +1,333 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#advlink_dlg.title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="../../utils/validate.js"></script>
|
||||
<script type="text/javascript" src="js/advlink.js"></script>
|
||||
<link href="css/advlink.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body id="advlink" style="display: none">
|
||||
<form onsubmit="insertAction();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advlink_dlg.general_tab}</a></span></li>
|
||||
<li id="popup_tab"><span><a href="javascript:mcTabs.displayTab('popup_tab','popup_panel');" onmousedown="return false;">{#advlink_dlg.popup_tab}</a></span></li>
|
||||
<li id="events_tab"><span><a href="javascript:mcTabs.displayTab('events_tab','events_panel');" onmousedown="return false;">{#advlink_dlg.events_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advlink_dlg.advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{#advlink_dlg.general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="nowrap"><label id="hreflabel" for="href">{#advlink_dlg.url}</label></td>
|
||||
<td><table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input id="href" name="href" type="text" class="mceFocus" value="" onchange="selectByValue(this.form,'linklisthref',this.value);" /></td>
|
||||
<td id="hrefbrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr id="linklisthrefrow">
|
||||
<td class="column1"><label for="linklisthref">{#advlink_dlg.list}</label></td>
|
||||
<td colspan="2" id="linklisthrefcontainer"><select id="linklisthref"><option value=""></option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="anchorlist">{#advlink_dlg.anchor_names}</label></td>
|
||||
<td colspan="2" id="anchorlistcontainer"><select id="anchorlist"><option value=""></option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="targetlistlabel" for="targetlist">{#advlink_dlg.target}</label></td>
|
||||
<td id="targetlistcontainer"><select id="targetlist"><option value=""></option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label id="titlelabel" for="title">{#advlink_dlg.titlefield}</label></td>
|
||||
<td><input id="title" name="title" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="classlabel" for="classlist">{#class_name}</label></td>
|
||||
<td>
|
||||
<select id="classlist" name="classlist" onchange="changeClass();">
|
||||
<option value="" selected="selected">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="popup_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#advlink_dlg.popup_props}</legend>
|
||||
|
||||
<input type="checkbox" id="ispopup" name="ispopup" class="radio" onclick="setPopupControlsDisabled(!this.checked);buildOnClick();" />
|
||||
<label id="ispopuplabel" for="ispopup">{#advlink_dlg.popup}</label>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="nowrap"><label for="popupurl">{#advlink_dlg.popup_url}</label> </td>
|
||||
<td>
|
||||
<table border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td><input type="text" name="popupurl" id="popupurl" value="" onchange="buildOnClick();" /></td>
|
||||
<td id="popupurlbrowsercontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="popupname">{#advlink_dlg.popup_name}</label> </td>
|
||||
<td><input type="text" name="popupname" id="popupname" value="" onchange="buildOnClick();" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label>{#advlink_dlg.popup_size}</label> </td>
|
||||
<td class="nowrap">
|
||||
<input type="text" id="popupwidth" name="popupwidth" value="" onchange="buildOnClick();" /> x
|
||||
<input type="text" id="popupheight" name="popupheight" value="" onchange="buildOnClick();" /> px
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap" id="labelleft"><label>{#advlink_dlg.popup_position}</label> </td>
|
||||
<td class="nowrap">
|
||||
<input type="text" id="popupleft" name="popupleft" value="" onchange="buildOnClick();" /> /
|
||||
<input type="text" id="popuptop" name="popuptop" value="" onchange="buildOnClick();" /> (c /c = center)
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#advlink_dlg.popup_opts}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td><input type="checkbox" id="popuplocation" name="popuplocation" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popuplocationlabel" for="popuplocation">{#advlink_dlg.popup_location}</label></td>
|
||||
<td><input type="checkbox" id="popupscrollbars" name="popupscrollbars" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popupscrollbarslabel" for="popupscrollbars">{#advlink_dlg.popup_scrollbars}</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" id="popupmenubar" name="popupmenubar" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popupmenubarlabel" for="popupmenubar">{#advlink_dlg.popup_menubar}</label></td>
|
||||
<td><input type="checkbox" id="popupresizable" name="popupresizable" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popupresizablelabel" for="popupresizable">{#advlink_dlg.popup_resizable}</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" id="popuptoolbar" name="popuptoolbar" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popuptoolbarlabel" for="popuptoolbar">{#advlink_dlg.popup_toolbar}</label></td>
|
||||
<td><input type="checkbox" id="popupdependent" name="popupdependent" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popupdependentlabel" for="popupdependent">{#advlink_dlg.popup_dependent}</label></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" id="popupstatus" name="popupstatus" class="checkbox" onchange="buildOnClick();" /></td>
|
||||
<td class="nowrap"><label id="popupstatuslabel" for="popupstatus">{#advlink_dlg.popup_statusbar}</label></td>
|
||||
<td><input type="checkbox" id="popupreturn" name="popupreturn" class="checkbox" onchange="buildOnClick();" checked="checked" /></td>
|
||||
<td class="nowrap"><label id="popupreturnlabel" for="popupreturn">{#advlink_dlg.popup_return}</label></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#advlink_dlg.advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label id="idlabel" for="id">{#advlink_dlg.id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="stylelabel" for="style">{#advlink_dlg.style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="classeslabel" for="classes">{#advlink_dlg.classes}</label></td>
|
||||
<td><input type="text" id="classes" name="classes" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="targetlabel" for="target">{#advlink_dlg.target_name}</label></td>
|
||||
<td><input type="text" id="target" name="target" value="" onchange="selectByValue(this.form,'targetlist',this.value,true);" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="dirlabel" for="dir">{#advlink_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#advlink_dlg.ltr}</option>
|
||||
<option value="rtl">{#advlink_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="hreflanglabel" for="hreflang">{#advlink_dlg.target_langcode}</label></td>
|
||||
<td><input type="text" id="hreflang" name="hreflang" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="langlabel" for="lang">{#advlink_dlg.langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="charsetlabel" for="charset">{#advlink_dlg.encoding}</label></td>
|
||||
<td><input type="text" id="charset" name="charset" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="typelabel" for="type">{#advlink_dlg.mime}</label></td>
|
||||
<td><input type="text" id="type" name="type" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="rellabel" for="rel">{#advlink_dlg.rel}</label></td>
|
||||
<td><select id="rel" name="rel">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="lightbox">Lightbox</option>
|
||||
<option value="alternate">Alternate</option>
|
||||
<option value="designates">Designates</option>
|
||||
<option value="stylesheet">Stylesheet</option>
|
||||
<option value="start">Start</option>
|
||||
<option value="next">Next</option>
|
||||
<option value="prev">Prev</option>
|
||||
<option value="contents">Contents</option>
|
||||
<option value="index">Index</option>
|
||||
<option value="glossary">Glossary</option>
|
||||
<option value="copyright">Copyright</option>
|
||||
<option value="chapter">Chapter</option>
|
||||
<option value="subsection">Subsection</option>
|
||||
<option value="appendix">Appendix</option>
|
||||
<option value="help">Help</option>
|
||||
<option value="bookmark">Bookmark</option>
|
||||
<option value="nofollow">No Follow</option>
|
||||
<option value="tag">Tag</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="revlabel" for="rev">{#advlink_dlg.rev}</label></td>
|
||||
<td><select id="rev" name="rev">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="alternate">Alternate</option>
|
||||
<option value="designates">Designates</option>
|
||||
<option value="stylesheet">Stylesheet</option>
|
||||
<option value="start">Start</option>
|
||||
<option value="next">Next</option>
|
||||
<option value="prev">Prev</option>
|
||||
<option value="contents">Contents</option>
|
||||
<option value="index">Index</option>
|
||||
<option value="glossary">Glossary</option>
|
||||
<option value="copyright">Copyright</option>
|
||||
<option value="chapter">Chapter</option>
|
||||
<option value="subsection">Subsection</option>
|
||||
<option value="appendix">Appendix</option>
|
||||
<option value="help">Help</option>
|
||||
<option value="bookmark">Bookmark</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="tabindexlabel" for="tabindex">{#advlink_dlg.tabindex}</label></td>
|
||||
<td><input type="text" id="tabindex" name="tabindex" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label id="accesskeylabel" for="accesskey">{#advlink_dlg.accesskey}</label></td>
|
||||
<td><input type="text" id="accesskey" name="accesskey" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="events_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#advlink_dlg.event_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="onfocus">onfocus</label></td>
|
||||
<td><input id="onfocus" name="onfocus" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onblur">onblur</label></td>
|
||||
<td><input id="onblur" name="onblur" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onclick">onclick</label></td>
|
||||
<td><input id="onclick" name="onclick" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="ondblclick">ondblclick</label></td>
|
||||
<td><input id="ondblclick" name="ondblclick" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onmousedown">onmousedown</label></td>
|
||||
<td><input id="onmousedown" name="onmousedown" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onmouseup">onmouseup</label></td>
|
||||
<td><input id="onmouseup" name="onmouseup" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onmouseover">onmouseover</label></td>
|
||||
<td><input id="onmouseover" name="onmouseover" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onmousemove">onmousemove</label></td>
|
||||
<td><input id="onmousemove" name="onmousemove" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onmouseout">onmouseout</label></td>
|
||||
<td><input id="onmouseout" name="onmouseout" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onkeypress">onkeypress</label></td>
|
||||
<td><input id="onkeypress" name="onkeypress" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onkeydown">onkeydown</label></td>
|
||||
<td><input id="onkeydown" name="onkeydown" type="text" value="" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="onkeyup">onkeyup</label></td>
|
||||
<td><input id="onkeyup" name="onkeyup" type="text" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<input type="submit" id="insert" name="insert" value="{#insert}" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
1
tinymce/jscripts/tiny_mce/plugins/advlist/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/advlist/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){var a=tinymce.each;tinymce.create("tinymce.plugins.AdvListPlugin",{init:function(b,c){var d=this;d.editor=b;function e(g){var f=[];a(g.split(/,/),function(h){f.push({title:"advlist."+(h=="default"?"def":h.replace(/-/g,"_")),styles:{listStyleType:h=="default"?"":h}})});return f}d.numlist=b.getParam("advlist_number_styles")||e("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman");d.bullist=b.getParam("advlist_bullet_styles")||e("default,circle,disc,square")},createControl:function(d,b){var f=this,e,h;if(d=="numlist"||d=="bullist"){if(f[d][0].title=="advlist.def"){h=f[d][0]}function c(i,k){var j=true;a(k.styles,function(m,l){if(f.editor.dom.getStyle(i,l)!=m){j=false;return false}});return j}function g(){var k,i=f.editor,l=i.dom,j=i.selection;k=l.getParent(j.getNode(),"ol,ul");if(!k||k.nodeName==(d=="bullist"?"OL":"UL")||c(k,h)){i.execCommand(d=="bullist"?"InsertUnorderedList":"InsertOrderedList")}if(h){k=l.getParent(j.getNode(),"ol,ul");if(k){l.setStyles(k,h.styles);k.removeAttribute("_mce_style")}}}e=b.createSplitButton(d,{title:"advanced."+d+"_desc","class":"mce_"+d,onclick:function(){g()}});e.onRenderMenu.add(function(i,j){j.onShowMenu.add(function(){var m=f.editor.dom,l=m.getParent(f.editor.selection.getNode(),"ol,ul"),k;if(l||h){k=f[d];a(j.items,function(n){var o=true;n.setSelected(0);if(l&&!n.isDisabled()){a(k,function(p){if(p.id==n.id){if(!c(l,p)){o=false;return false}}});if(o){n.setSelected(1)}}});if(!l){j.items[h.id].setSelected(1)}}});j.add({id:f.editor.dom.uniqueId(),title:"advlist.types","class":"mceMenuItemTitle"}).setDisabled(1);a(f[d],function(k){k.id=f.editor.dom.uniqueId();j.add({id:k.id,title:k.title,onclick:function(){h=k;g()}})})});return e}},getInfo:function(){return{longname:"Advanced lists",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("advlist",tinymce.plugins.AdvListPlugin)})();
|
||||
154
tinymce/jscripts/tiny_mce/plugins/advlist/editor_plugin_src.js
vendored
Normal file
154
tinymce/jscripts/tiny_mce/plugins/advlist/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,154 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
var each = tinymce.each;
|
||||
|
||||
tinymce.create('tinymce.plugins.AdvListPlugin', {
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
function buildFormats(str) {
|
||||
var formats = [];
|
||||
|
||||
each(str.split(/,/), function(type) {
|
||||
formats.push({
|
||||
title : 'advlist.' + (type == 'default' ? 'def' : type.replace(/-/g, '_')),
|
||||
styles : {
|
||||
listStyleType : type == 'default' ? '' : type
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
return formats;
|
||||
};
|
||||
|
||||
// Setup number formats from config or default
|
||||
t.numlist = ed.getParam("advlist_number_styles") || buildFormats("default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman");
|
||||
t.bullist = ed.getParam("advlist_bullet_styles") || buildFormats("default,circle,disc,square");
|
||||
},
|
||||
|
||||
createControl: function(name, cm) {
|
||||
var t = this, btn, format;
|
||||
|
||||
if (name == 'numlist' || name == 'bullist') {
|
||||
// Default to first item if it's a default item
|
||||
if (t[name][0].title == 'advlist.def')
|
||||
format = t[name][0];
|
||||
|
||||
function hasFormat(node, format) {
|
||||
var state = true;
|
||||
|
||||
each(format.styles, function(value, name) {
|
||||
// Format doesn't match
|
||||
if (t.editor.dom.getStyle(node, name) != value) {
|
||||
state = false;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
return state;
|
||||
};
|
||||
|
||||
function applyListFormat() {
|
||||
var list, ed = t.editor, dom = ed.dom, sel = ed.selection;
|
||||
|
||||
// Check for existing list element
|
||||
list = dom.getParent(sel.getNode(), 'ol,ul');
|
||||
|
||||
// Switch/add list type if needed
|
||||
if (!list || list.nodeName == (name == 'bullist' ? 'OL' : 'UL') || hasFormat(list, format))
|
||||
ed.execCommand(name == 'bullist' ? 'InsertUnorderedList' : 'InsertOrderedList');
|
||||
|
||||
// Append styles to new list element
|
||||
if (format) {
|
||||
list = dom.getParent(sel.getNode(), 'ol,ul');
|
||||
|
||||
if (list) {
|
||||
dom.setStyles(list, format.styles);
|
||||
list.removeAttribute('_mce_style');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
btn = cm.createSplitButton(name, {
|
||||
title : 'advanced.' + name + '_desc',
|
||||
'class' : 'mce_' + name,
|
||||
onclick : function() {
|
||||
applyListFormat();
|
||||
}
|
||||
});
|
||||
|
||||
btn.onRenderMenu.add(function(btn, menu) {
|
||||
menu.onShowMenu.add(function() {
|
||||
var dom = t.editor.dom, list = dom.getParent(t.editor.selection.getNode(), 'ol,ul'), fmtList;
|
||||
|
||||
if (list || format) {
|
||||
fmtList = t[name];
|
||||
|
||||
// Unselect existing items
|
||||
each(menu.items, function(item) {
|
||||
var state = true;
|
||||
|
||||
item.setSelected(0);
|
||||
|
||||
if (list && !item.isDisabled()) {
|
||||
each(fmtList, function(fmt) {
|
||||
if (fmt.id == item.id) {
|
||||
if (!hasFormat(list, fmt)) {
|
||||
state = false;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (state)
|
||||
item.setSelected(1);
|
||||
}
|
||||
});
|
||||
|
||||
// Select the current format
|
||||
if (!list)
|
||||
menu.items[format.id].setSelected(1);
|
||||
}
|
||||
});
|
||||
|
||||
menu.add({id : t.editor.dom.uniqueId(), title : 'advlist.types', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
|
||||
|
||||
each(t[name], function(item) {
|
||||
item.id = t.editor.dom.uniqueId();
|
||||
|
||||
menu.add({id : item.id, title : item.title, onclick : function() {
|
||||
format = item;
|
||||
applyListFormat();
|
||||
}});
|
||||
});
|
||||
});
|
||||
|
||||
return btn;
|
||||
}
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Advanced lists',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advlist',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('advlist', tinymce.plugins.AdvListPlugin);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/autoresize/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/autoresize/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.AutoResizePlugin",{init:function(a,c){var d=this;if(a.getParam("fullscreen_is_enabled")){return}function b(){var h=a.getDoc(),e=h.body,j=h.documentElement,g=tinymce.DOM,i=d.autoresize_min_height,f;f=tinymce.isIE?e.scrollHeight:j.offsetHeight;if(f>d.autoresize_min_height){i=f}g.setStyle(g.get(a.id+"_ifr"),"height",i+"px");if(d.throbbing){a.setProgressState(false);a.setProgressState(true)}}d.editor=a;d.autoresize_min_height=a.getElement().offsetHeight;a.onChange.add(b);a.onSetContent.add(b);a.onPaste.add(b);a.onKeyUp.add(b);a.onPostRender.add(b);if(a.getParam("autoresize_on_init",true)){a.onInit.add(function(f,e){f.setProgressState(true);d.throbbing=true;f.getBody().style.overflowY="hidden"});a.onLoadContent.add(function(f,e){b();setTimeout(function(){b();f.setProgressState(false);d.throbbing=false},1250)})}a.addCommand("mceAutoResize",b)},getInfo:function(){return{longname:"Auto Resize",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("autoresize",tinymce.plugins.AutoResizePlugin)})();
|
||||
119
tinymce/jscripts/tiny_mce/plugins/autoresize/editor_plugin_src.js
vendored
Normal file
119
tinymce/jscripts/tiny_mce/plugins/autoresize/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
/**
|
||||
* Auto Resize
|
||||
*
|
||||
* This plugin automatically resizes the content area to fit its content height.
|
||||
* It will retain a minimum height, which is the height of the content area when
|
||||
* it's initialized.
|
||||
*/
|
||||
tinymce.create('tinymce.plugins.AutoResizePlugin', {
|
||||
/**
|
||||
* Initializes the plugin, this will be executed after the plugin has been created.
|
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event
|
||||
* of the editor instance to intercept that event.
|
||||
*
|
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
||||
* @param {string} url Absolute URL to where the plugin is located.
|
||||
*/
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
if (ed.getParam('fullscreen_is_enabled'))
|
||||
return;
|
||||
|
||||
/**
|
||||
* This method gets executed each time the editor needs to resize.
|
||||
*/
|
||||
function resize() {
|
||||
var d = ed.getDoc(), b = d.body, de = d.documentElement, DOM = tinymce.DOM, resizeHeight = t.autoresize_min_height, myHeight;
|
||||
|
||||
// Get height differently depending on the browser used
|
||||
myHeight = tinymce.isIE ? b.scrollHeight : de.offsetHeight;
|
||||
|
||||
// Don't make it smaller than the minimum height
|
||||
if (myHeight > t.autoresize_min_height)
|
||||
resizeHeight = myHeight;
|
||||
|
||||
// Resize content element
|
||||
DOM.setStyle(DOM.get(ed.id + '_ifr'), 'height', resizeHeight + 'px');
|
||||
|
||||
// if we're throbbing, we'll re-throb to match the new size
|
||||
if (t.throbbing) {
|
||||
ed.setProgressState(false);
|
||||
ed.setProgressState(true);
|
||||
}
|
||||
};
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
// Define minimum height
|
||||
t.autoresize_min_height = ed.getElement().offsetHeight;
|
||||
|
||||
// Add appropriate listeners for resizing content area
|
||||
ed.onChange.add(resize);
|
||||
ed.onSetContent.add(resize);
|
||||
ed.onPaste.add(resize);
|
||||
ed.onKeyUp.add(resize);
|
||||
ed.onPostRender.add(resize);
|
||||
|
||||
if (ed.getParam('autoresize_on_init', true)) {
|
||||
// Things to do when the editor is ready
|
||||
ed.onInit.add(function(ed, l) {
|
||||
// Show throbber until content area is resized properly
|
||||
ed.setProgressState(true);
|
||||
t.throbbing = true;
|
||||
|
||||
// Hide scrollbars
|
||||
ed.getBody().style.overflowY = "hidden";
|
||||
});
|
||||
|
||||
ed.onLoadContent.add(function(ed, l) {
|
||||
resize();
|
||||
|
||||
// Because the content area resizes when its content CSS loads,
|
||||
// and we can't easily add a listener to its onload event,
|
||||
// we'll just trigger a resize after a short loading period
|
||||
setTimeout(function() {
|
||||
resize();
|
||||
|
||||
// Disable throbber
|
||||
ed.setProgressState(false);
|
||||
t.throbbing = false;
|
||||
}, 1250);
|
||||
});
|
||||
}
|
||||
|
||||
// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
|
||||
ed.addCommand('mceAutoResize', resize);
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns information about the plugin as a name/value array.
|
||||
* The current keys are longname, author, authorurl, infourl and version.
|
||||
*
|
||||
* @return {Object} Name/value array containing information about the plugin.
|
||||
*/
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Auto Resize',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autoresize',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('autoresize', tinymce.plugins.AutoResizePlugin);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/autosave/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/autosave/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(e){var c="autosave",g="restoredraft",b=true,f,d,a=e.util.Dispatcher;e.create("tinymce.plugins.AutoSave",{init:function(i,j){var h=this,l=i.settings;h.editor=i;function k(n){var m={s:1000,m:60000};n=/^(\d+)([ms]?)$/.exec(""+n);return(n[2]?m[n[2]]:1)*parseInt(n)}e.each({ask_before_unload:b,interval:"30s",retention:"20m",minlength:50},function(n,m){m=c+"_"+m;if(l[m]===f){l[m]=n}});l.autosave_interval=k(l.autosave_interval);l.autosave_retention=k(l.autosave_retention);i.addButton(g,{title:c+".restore_content",onclick:function(){if(i.getContent().replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi,"").length>0){i.windowManager.confirm(c+".warning_message",function(m){if(m){h.restoreDraft()}})}else{h.restoreDraft()}}});i.onNodeChange.add(function(){var m=i.controlManager;if(m.get(g)){m.setDisabled(g,!h.hasDraft())}});i.onInit.add(function(){if(i.controlManager.get(g)){h.setupStorage(i);setInterval(function(){h.storeDraft();i.nodeChanged()},l.autosave_interval)}});h.onStoreDraft=new a(h);h.onRestoreDraft=new a(h);h.onRemoveDraft=new a(h);if(!d){window.onbeforeunload=e.plugins.AutoSave._beforeUnloadHandler;d=b}},getInfo:function(){return{longname:"Auto save",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave",version:e.majorVersion+"."+e.minorVersion}},getExpDate:function(){return new Date(new Date().getTime()+this.editor.settings.autosave_retention).toUTCString()},setupStorage:function(i){var h=this,k=c+"_test",j="OK";h.key=c+i.id;e.each([function(){if(localStorage){localStorage.setItem(k,j);if(localStorage.getItem(k)===j){localStorage.removeItem(k);return localStorage}}},function(){if(sessionStorage){sessionStorage.setItem(k,j);if(sessionStorage.getItem(k)===j){sessionStorage.removeItem(k);return sessionStorage}}},function(){if(e.isIE){i.getElement().style.behavior="url('#default#userData')";return{autoExpires:b,setItem:function(l,n){var m=i.getElement();m.setAttribute(l,n);m.expires=h.getExpDate();m.save("TinyMCE")},getItem:function(l){var m=i.getElement();m.load("TinyMCE");return m.getAttribute(l)},removeItem:function(l){i.getElement().removeAttribute(l)}}}},],function(l){try{h.storage=l();if(h.storage){return false}}catch(m){}})},storeDraft:function(){var i=this,l=i.storage,j=i.editor,h,k;if(l){if(!l.getItem(i.key)&&!j.isDirty()){return}k=j.getContent();if(k.length>j.settings.autosave_minlength){h=i.getExpDate();if(!i.storage.autoExpires){i.storage.setItem(i.key+"_expires",h)}i.storage.setItem(i.key,k);i.onStoreDraft.dispatch(i,{expires:h,content:k})}}},restoreDraft:function(){var h=this,i=h.storage;if(i){content=i.getItem(h.key);if(content){h.editor.setContent(content);h.onRestoreDraft.dispatch(h,{content:content})}}},hasDraft:function(){var h=this,k=h.storage,i,j;if(k){j=!!k.getItem(h.key);if(j){if(!h.storage.autoExpires){i=new Date(k.getItem(h.key+"_expires"));if(new Date().getTime()<i.getTime()){return b}h.removeDraft()}else{return b}}}return false},removeDraft:function(){var h=this,k=h.storage,i=h.key,j;if(k){j=k.getItem(i);k.removeItem(i);k.removeItem(i+"_expires");if(j){h.onRemoveDraft.dispatch(h,{content:j})}}},"static":{_beforeUnloadHandler:function(h){var i;e.each(tinyMCE.editors,function(j){if(j.plugins.autosave){j.plugins.autosave.storeDraft()}if(j.getParam("fullscreen_is_enabled")){return}if(!i&&j.isDirty()&&j.getParam("autosave_ask_before_unload")){i=j.getLang("autosave.unload_msg")}});return i}}});e.PluginManager.add("autosave",e.plugins.AutoSave)})(tinymce);
|
||||
422
tinymce/jscripts/tiny_mce/plugins/autosave/editor_plugin_src.js
vendored
Normal file
422
tinymce/jscripts/tiny_mce/plugins/autosave/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,422 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*
|
||||
* Adds auto-save capability to the TinyMCE text editor to rescue content
|
||||
* inadvertently lost. This plugin was originally developed by Speednet
|
||||
* and that project can be found here: http://code.google.com/p/tinyautosave/
|
||||
*
|
||||
* TECHNOLOGY DISCUSSION:
|
||||
*
|
||||
* The plugin attempts to use the most advanced features available in the current browser to save
|
||||
* as much content as possible. There are a total of four different methods used to autosave the
|
||||
* content. In order of preference, they are:
|
||||
*
|
||||
* 1. localStorage - A new feature of HTML 5, localStorage can store megabytes of data per domain
|
||||
* on the client computer. Data stored in the localStorage area has no expiration date, so we must
|
||||
* manage expiring the data ourselves. localStorage is fully supported by IE8, and it is supposed
|
||||
* to be working in Firefox 3 and Safari 3.2, but in reality is is flaky in those browsers. As
|
||||
* HTML 5 gets wider support, the AutoSave plugin will use it automatically. In Windows Vista/7,
|
||||
* localStorage is stored in the following folder:
|
||||
* C:\Users\[username]\AppData\Local\Microsoft\Internet Explorer\DOMStore\[tempFolder]
|
||||
*
|
||||
* 2. sessionStorage - A new feature of HTML 5, sessionStorage works similarly to localStorage,
|
||||
* except it is designed to expire after a certain amount of time. Because the specification
|
||||
* around expiration date/time is very loosely-described, it is preferrable to use locaStorage and
|
||||
* manage the expiration ourselves. sessionStorage has similar storage characteristics to
|
||||
* localStorage, although it seems to have better support by Firefox 3 at the moment. (That will
|
||||
* certainly change as Firefox continues getting better at HTML 5 adoption.)
|
||||
*
|
||||
* 3. UserData - A very under-exploited feature of Microsoft Internet Explorer, UserData is a
|
||||
* way to store up to 128K of data per "document", or up to 1MB of data per domain, on the client
|
||||
* computer. The feature is available for IE 5+, which makes it available for every version of IE
|
||||
* supported by TinyMCE. The content is persistent across browser restarts and expires on the
|
||||
* date/time specified, just like a cookie. However, the data is not cleared when the user clears
|
||||
* cookies on the browser, which makes it well-suited for rescuing autosaved content. UserData,
|
||||
* like other Microsoft IE browser technologies, is implemented as a behavior attached to a
|
||||
* specific DOM object, so in this case we attach the behavior to the same DOM element that the
|
||||
* TinyMCE editor instance is attached to.
|
||||
*/
|
||||
|
||||
(function(tinymce) {
|
||||
// Setup constants to help the compressor to reduce script size
|
||||
var PLUGIN_NAME = 'autosave',
|
||||
RESTORE_DRAFT = 'restoredraft',
|
||||
TRUE = true,
|
||||
undefined,
|
||||
unloadHandlerAdded,
|
||||
Dispatcher = tinymce.util.Dispatcher;
|
||||
|
||||
/**
|
||||
* This plugin adds auto-save capability to the TinyMCE text editor to rescue content
|
||||
* inadvertently lost. By using localStorage.
|
||||
*
|
||||
* @class tinymce.plugins.AutoSave
|
||||
*/
|
||||
tinymce.create('tinymce.plugins.AutoSave', {
|
||||
/**
|
||||
* Initializes the plugin, this will be executed after the plugin has been created.
|
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event
|
||||
* of the editor instance to intercept that event.
|
||||
*
|
||||
* @method init
|
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
||||
* @param {string} url Absolute URL to where the plugin is located.
|
||||
*/
|
||||
init : function(ed, url) {
|
||||
var self = this, settings = ed.settings;
|
||||
|
||||
self.editor = ed;
|
||||
|
||||
// Parses the specified time string into a milisecond number 10m, 10s etc.
|
||||
function parseTime(time) {
|
||||
var multipels = {
|
||||
s : 1000,
|
||||
m : 60000
|
||||
};
|
||||
|
||||
time = /^(\d+)([ms]?)$/.exec('' + time);
|
||||
|
||||
return (time[2] ? multipels[time[2]] : 1) * parseInt(time);
|
||||
};
|
||||
|
||||
// Default config
|
||||
tinymce.each({
|
||||
ask_before_unload : TRUE,
|
||||
interval : '30s',
|
||||
retention : '20m',
|
||||
minlength : 50
|
||||
}, function(value, key) {
|
||||
key = PLUGIN_NAME + '_' + key;
|
||||
|
||||
if (settings[key] === undefined)
|
||||
settings[key] = value;
|
||||
});
|
||||
|
||||
// Parse times
|
||||
settings.autosave_interval = parseTime(settings.autosave_interval);
|
||||
settings.autosave_retention = parseTime(settings.autosave_retention);
|
||||
|
||||
// Register restore button
|
||||
ed.addButton(RESTORE_DRAFT, {
|
||||
title : PLUGIN_NAME + ".restore_content",
|
||||
onclick : function() {
|
||||
if (ed.getContent().replace(/\s| |<\/?p[^>]*>|<br[^>]*>/gi, "").length > 0) {
|
||||
// Show confirm dialog if the editor isn't empty
|
||||
ed.windowManager.confirm(
|
||||
PLUGIN_NAME + ".warning_message",
|
||||
function(ok) {
|
||||
if (ok)
|
||||
self.restoreDraft();
|
||||
}
|
||||
);
|
||||
} else
|
||||
self.restoreDraft();
|
||||
}
|
||||
});
|
||||
|
||||
// Enable/disable restoredraft button depending on if there is a draft stored or not
|
||||
ed.onNodeChange.add(function() {
|
||||
var controlManager = ed.controlManager;
|
||||
|
||||
if (controlManager.get(RESTORE_DRAFT))
|
||||
controlManager.setDisabled(RESTORE_DRAFT, !self.hasDraft());
|
||||
});
|
||||
|
||||
ed.onInit.add(function() {
|
||||
// Check if the user added the restore button, then setup auto storage logic
|
||||
if (ed.controlManager.get(RESTORE_DRAFT)) {
|
||||
// Setup storage engine
|
||||
self.setupStorage(ed);
|
||||
|
||||
// Auto save contents each interval time
|
||||
setInterval(function() {
|
||||
self.storeDraft();
|
||||
ed.nodeChanged();
|
||||
}, settings.autosave_interval);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* This event gets fired when a draft is stored to local storage.
|
||||
*
|
||||
* @event onStoreDraft
|
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
||||
* @param {Object} draft Draft object containing the HTML contents of the editor.
|
||||
*/
|
||||
self.onStoreDraft = new Dispatcher(self);
|
||||
|
||||
/**
|
||||
* This event gets fired when a draft is restored from local storage.
|
||||
*
|
||||
* @event onStoreDraft
|
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
||||
* @param {Object} draft Draft object containing the HTML contents of the editor.
|
||||
*/
|
||||
self.onRestoreDraft = new Dispatcher(self);
|
||||
|
||||
/**
|
||||
* This event gets fired when a draft removed/expired.
|
||||
*
|
||||
* @event onRemoveDraft
|
||||
* @param {tinymce.plugins.AutoSave} sender Plugin instance sending the event.
|
||||
* @param {Object} draft Draft object containing the HTML contents of the editor.
|
||||
*/
|
||||
self.onRemoveDraft = new Dispatcher(self);
|
||||
|
||||
// Add ask before unload dialog only add one unload handler
|
||||
if (!unloadHandlerAdded) {
|
||||
window.onbeforeunload = tinymce.plugins.AutoSave._beforeUnloadHandler;
|
||||
unloadHandlerAdded = TRUE;
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns information about the plugin as a name/value array.
|
||||
* The current keys are longname, author, authorurl, infourl and version.
|
||||
*
|
||||
* @method getInfo
|
||||
* @return {Object} Name/value array containing information about the plugin.
|
||||
*/
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Auto save',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/autosave',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns an expiration date UTC string.
|
||||
*
|
||||
* @method getExpDate
|
||||
* @return {String} Expiration date UTC string.
|
||||
*/
|
||||
getExpDate : function() {
|
||||
return new Date(
|
||||
new Date().getTime() + this.editor.settings.autosave_retention
|
||||
).toUTCString();
|
||||
},
|
||||
|
||||
/**
|
||||
* This method will setup the storage engine. If the browser has support for it.
|
||||
*
|
||||
* @method setupStorage
|
||||
*/
|
||||
setupStorage : function(ed) {
|
||||
var self = this, testKey = PLUGIN_NAME + '_test', testVal = "OK";
|
||||
|
||||
self.key = PLUGIN_NAME + ed.id;
|
||||
|
||||
// Loop though each storage engine type until we find one that works
|
||||
tinymce.each([
|
||||
function() {
|
||||
// Try HTML5 Local Storage
|
||||
if (localStorage) {
|
||||
localStorage.setItem(testKey, testVal);
|
||||
|
||||
if (localStorage.getItem(testKey) === testVal) {
|
||||
localStorage.removeItem(testKey);
|
||||
|
||||
return localStorage;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
function() {
|
||||
// Try HTML5 Session Storage
|
||||
if (sessionStorage) {
|
||||
sessionStorage.setItem(testKey, testVal);
|
||||
|
||||
if (sessionStorage.getItem(testKey) === testVal) {
|
||||
sessionStorage.removeItem(testKey);
|
||||
|
||||
return sessionStorage;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
function() {
|
||||
// Try IE userData
|
||||
if (tinymce.isIE) {
|
||||
ed.getElement().style.behavior = "url('#default#userData')";
|
||||
|
||||
// Fake localStorage on old IE
|
||||
return {
|
||||
autoExpires : TRUE,
|
||||
|
||||
setItem : function(key, value) {
|
||||
var userDataElement = ed.getElement();
|
||||
|
||||
userDataElement.setAttribute(key, value);
|
||||
userDataElement.expires = self.getExpDate();
|
||||
userDataElement.save("TinyMCE");
|
||||
},
|
||||
|
||||
getItem : function(key) {
|
||||
var userDataElement = ed.getElement();
|
||||
|
||||
userDataElement.load("TinyMCE");
|
||||
|
||||
return userDataElement.getAttribute(key);
|
||||
},
|
||||
|
||||
removeItem : function(key) {
|
||||
ed.getElement().removeAttribute(key);
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
], function(setup) {
|
||||
// Try executing each function to find a suitable storage engine
|
||||
try {
|
||||
self.storage = setup();
|
||||
|
||||
if (self.storage)
|
||||
return false;
|
||||
} catch (e) {
|
||||
// Ignore
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* This method will store the current contents in the the storage engine.
|
||||
*
|
||||
* @method storeDraft
|
||||
*/
|
||||
storeDraft : function() {
|
||||
var self = this, storage = self.storage, editor = self.editor, expires, content;
|
||||
|
||||
// Is the contents dirty
|
||||
if (storage) {
|
||||
// If there is no existing key and the contents hasn't been changed since
|
||||
// it's original value then there is no point in saving a draft
|
||||
if (!storage.getItem(self.key) && !editor.isDirty())
|
||||
return;
|
||||
|
||||
// Store contents if the contents if longer than the minlength of characters
|
||||
content = editor.getContent();
|
||||
if (content.length > editor.settings.autosave_minlength) {
|
||||
expires = self.getExpDate();
|
||||
|
||||
// Store expiration date if needed IE userData has auto expire built in
|
||||
if (!self.storage.autoExpires)
|
||||
self.storage.setItem(self.key + "_expires", expires);
|
||||
|
||||
self.storage.setItem(self.key, content);
|
||||
self.onStoreDraft.dispatch(self, {
|
||||
expires : expires,
|
||||
content : content
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* This method will restore the contents from the storage engine back to the editor.
|
||||
*
|
||||
* @method restoreDraft
|
||||
*/
|
||||
restoreDraft : function() {
|
||||
var self = this, storage = self.storage;
|
||||
|
||||
if (storage) {
|
||||
content = storage.getItem(self.key);
|
||||
|
||||
if (content) {
|
||||
self.editor.setContent(content);
|
||||
self.onRestoreDraft.dispatch(self, {
|
||||
content : content
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* This method will return true/false if there is a local storage draft available.
|
||||
*
|
||||
* @method hasDraft
|
||||
* @return {boolean} true/false state if there is a local draft.
|
||||
*/
|
||||
hasDraft : function() {
|
||||
var self = this, storage = self.storage, expDate, exists;
|
||||
|
||||
if (storage) {
|
||||
// Does the item exist at all
|
||||
exists = !!storage.getItem(self.key);
|
||||
if (exists) {
|
||||
// Storage needs autoexpire
|
||||
if (!self.storage.autoExpires) {
|
||||
expDate = new Date(storage.getItem(self.key + "_expires"));
|
||||
|
||||
// Contents hasn't expired
|
||||
if (new Date().getTime() < expDate.getTime())
|
||||
return TRUE;
|
||||
|
||||
// Remove it if it has
|
||||
self.removeDraft();
|
||||
} else
|
||||
return TRUE;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes the currently stored draft.
|
||||
*
|
||||
* @method removeDraft
|
||||
*/
|
||||
removeDraft : function() {
|
||||
var self = this, storage = self.storage, key = self.key, content;
|
||||
|
||||
if (storage) {
|
||||
// Get current contents and remove the existing draft
|
||||
content = storage.getItem(key);
|
||||
storage.removeItem(key);
|
||||
storage.removeItem(key + "_expires");
|
||||
|
||||
// Dispatch remove event if we had any contents
|
||||
if (content) {
|
||||
self.onRemoveDraft.dispatch(self, {
|
||||
content : content
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
"static" : {
|
||||
// Internal unload handler will be called before the page is unloaded
|
||||
_beforeUnloadHandler : function(e) {
|
||||
var msg;
|
||||
|
||||
tinymce.each(tinyMCE.editors, function(ed) {
|
||||
// Store a draft for each editor instance
|
||||
if (ed.plugins.autosave)
|
||||
ed.plugins.autosave.storeDraft();
|
||||
|
||||
// Never ask in fullscreen mode
|
||||
if (ed.getParam("fullscreen_is_enabled"))
|
||||
return;
|
||||
|
||||
// Setup a return message if the editor is dirty
|
||||
if (!msg && ed.isDirty() && ed.getParam("autosave_ask_before_unload"))
|
||||
msg = ed.getLang("autosave.unload_msg");
|
||||
});
|
||||
|
||||
return msg;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
tinymce.PluginManager.add('autosave', tinymce.plugins.AutoSave);
|
||||
})(tinymce);
|
||||
4
tinymce/jscripts/tiny_mce/plugins/autosave/langs/en.js
vendored
Normal file
4
tinymce/jscripts/tiny_mce/plugins/autosave/langs/en.js
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
tinyMCE.addI18n('en.autosave',{
|
||||
restore_content: "Restore auto-saved content",
|
||||
warning_message: "If you restore the saved content, you will lose all the content that is currently in the editor.\n\nAre you sure you want to restore the saved content?"
|
||||
});
|
||||
1
tinymce/jscripts/tiny_mce/plugins/bbcode/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/bbcode/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.BBCodePlugin",{init:function(a,b){var d=this,c=a.getParam("bbcode_dialect","punbb").toLowerCase();a.onBeforeSetContent.add(function(e,f){f.content=d["_"+c+"_bbcode2html"](f.content)});a.onPostProcess.add(function(e,f){if(f.set){f.content=d["_"+c+"_bbcode2html"](f.content)}if(f.get){f.content=d["_"+c+"_html2bbcode"](f.content)}})},getInfo:function(){return{longname:"BBCode Plugin",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_punbb_html2bbcode:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");b(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");b(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");b(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");b(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");b(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");b(/<font>(.*?)<\/font>/gi,"$1");b(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");b(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");b(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");b(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");b(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");b(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");b(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");b(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");b(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");b(/<\/(strong|b)>/gi,"[/b]");b(/<(strong|b)>/gi,"[b]");b(/<\/(em|i)>/gi,"[/i]");b(/<(em|i)>/gi,"[i]");b(/<\/u>/gi,"[/u]");b(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");b(/<u>/gi,"[u]");b(/<blockquote[^>]*>/gi,"[quote]");b(/<\/blockquote>/gi,"[/quote]");b(/<br \/>/gi,"\n");b(/<br\/>/gi,"\n");b(/<br>/gi,"\n");b(/<p>/gi,"");b(/<\/p>/gi,"\n");b(/ /gi," ");b(/"/gi,'"');b(/</gi,"<");b(/>/gi,">");b(/&/gi,"&");return a},_punbb_bbcode2html:function(a){a=tinymce.trim(a);function b(c,d){a=a.replace(c,d)}b(/\n/gi,"<br />");b(/\[b\]/gi,"<strong>");b(/\[\/b\]/gi,"</strong>");b(/\[i\]/gi,"<em>");b(/\[\/i\]/gi,"</em>");b(/\[u\]/gi,"<u>");b(/\[\/u\]/gi,"</u>");b(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>');b(/\[url\](.*?)\[\/url\]/gi,'<a href="$1">$1</a>');b(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />');b(/\[color=(.*?)\](.*?)\[\/color\]/gi,'<font color="$1">$2</font>');b(/\[code\](.*?)\[\/code\]/gi,'<span class="codeStyle">$1</span> ');b(/\[quote.*?\](.*?)\[\/quote\]/gi,'<span class="quoteStyle">$1</span> ');return a}});tinymce.PluginManager.add("bbcode",tinymce.plugins.BBCodePlugin)})();
|
||||
120
tinymce/jscripts/tiny_mce/plugins/bbcode/editor_plugin_src.js
vendored
Normal file
120
tinymce/jscripts/tiny_mce/plugins/bbcode/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.BBCodePlugin', {
|
||||
init : function(ed, url) {
|
||||
var t = this, dialect = ed.getParam('bbcode_dialect', 'punbb').toLowerCase();
|
||||
|
||||
ed.onBeforeSetContent.add(function(ed, o) {
|
||||
o.content = t['_' + dialect + '_bbcode2html'](o.content);
|
||||
});
|
||||
|
||||
ed.onPostProcess.add(function(ed, o) {
|
||||
if (o.set)
|
||||
o.content = t['_' + dialect + '_bbcode2html'](o.content);
|
||||
|
||||
if (o.get)
|
||||
o.content = t['_' + dialect + '_html2bbcode'](o.content);
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'BBCode Plugin',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
// Private methods
|
||||
|
||||
// HTML -> BBCode in PunBB dialect
|
||||
_punbb_html2bbcode : function(s) {
|
||||
s = tinymce.trim(s);
|
||||
|
||||
function rep(re, str) {
|
||||
s = s.replace(re, str);
|
||||
};
|
||||
|
||||
// example: <strong> to [b]
|
||||
rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");
|
||||
rep(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");
|
||||
rep(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");
|
||||
rep(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");
|
||||
rep(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");
|
||||
rep(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");
|
||||
rep(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");
|
||||
rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");
|
||||
rep(/<font>(.*?)<\/font>/gi,"$1");
|
||||
rep(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");
|
||||
rep(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");
|
||||
rep(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");
|
||||
rep(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");
|
||||
rep(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");
|
||||
rep(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");
|
||||
rep(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");
|
||||
rep(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");
|
||||
rep(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");
|
||||
rep(/<\/(strong|b)>/gi,"[/b]");
|
||||
rep(/<(strong|b)>/gi,"[b]");
|
||||
rep(/<\/(em|i)>/gi,"[/i]");
|
||||
rep(/<(em|i)>/gi,"[i]");
|
||||
rep(/<\/u>/gi,"[/u]");
|
||||
rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");
|
||||
rep(/<u>/gi,"[u]");
|
||||
rep(/<blockquote[^>]*>/gi,"[quote]");
|
||||
rep(/<\/blockquote>/gi,"[/quote]");
|
||||
rep(/<br \/>/gi,"\n");
|
||||
rep(/<br\/>/gi,"\n");
|
||||
rep(/<br>/gi,"\n");
|
||||
rep(/<p>/gi,"");
|
||||
rep(/<\/p>/gi,"\n");
|
||||
rep(/ /gi," ");
|
||||
rep(/"/gi,"\"");
|
||||
rep(/</gi,"<");
|
||||
rep(/>/gi,">");
|
||||
rep(/&/gi,"&");
|
||||
|
||||
return s;
|
||||
},
|
||||
|
||||
// BBCode -> HTML from PunBB dialect
|
||||
_punbb_bbcode2html : function(s) {
|
||||
s = tinymce.trim(s);
|
||||
|
||||
function rep(re, str) {
|
||||
s = s.replace(re, str);
|
||||
};
|
||||
|
||||
// example: [b] to <strong>
|
||||
rep(/\n/gi,"<br />");
|
||||
rep(/\[b\]/gi,"<strong>");
|
||||
rep(/\[\/b\]/gi,"</strong>");
|
||||
rep(/\[i\]/gi,"<em>");
|
||||
rep(/\[\/i\]/gi,"</em>");
|
||||
rep(/\[u\]/gi,"<u>");
|
||||
rep(/\[\/u\]/gi,"</u>");
|
||||
rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,"<a href=\"$1\">$2</a>");
|
||||
rep(/\[url\](.*?)\[\/url\]/gi,"<a href=\"$1\">$1</a>");
|
||||
rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />");
|
||||
rep(/\[color=(.*?)\](.*?)\[\/color\]/gi,"<font color=\"$1\">$2</font>");
|
||||
rep(/\[code\](.*?)\[\/code\]/gi,"<span class=\"codeStyle\">$1</span> ");
|
||||
rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<span class=\"quoteStyle\">$1</span> ");
|
||||
|
||||
return s;
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('bbcode', tinymce.plugins.BBCodePlugin);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/contextmenu/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/contextmenu/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){var a=tinymce.dom.Event,c=tinymce.each,b=tinymce.DOM;tinymce.create("tinymce.plugins.ContextMenu",{init:function(d){var f=this,g;f.editor=d;f.onContextMenu=new tinymce.util.Dispatcher(this);d.onContextMenu.add(function(h,i){if(!i.ctrlKey){if(g){h.selection.setRng(g)}f._getMenu(h).showMenu(i.clientX,i.clientY);a.add(h.getDoc(),"click",function(j){e(h,j)});a.cancel(i)}});d.onRemove.add(function(){if(f._menu){f._menu.removeAll()}});function e(h,i){g=null;if(i&&i.button==2){g=h.selection.getRng();return}if(f._menu){f._menu.removeAll();f._menu.destroy();a.remove(h.getDoc(),"click",e)}}d.onMouseDown.add(e);d.onKeyDown.add(e)},getInfo:function(){return{longname:"Contextmenu",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getMenu:function(h){var l=this,f=l._menu,i=h.selection,e=i.isCollapsed(),d=i.getNode()||h.getBody(),g,k,j;if(f){f.removeAll();f.destroy()}k=b.getPos(h.getContentAreaContainer());j=b.getPos(h.getContainer());f=h.controlManager.createDropMenu("contextmenu",{offset_x:k.x+h.getParam("contextmenu_offset_x",0),offset_y:k.y+h.getParam("contextmenu_offset_y",0),constrain:1});l._menu=f;f.add({title:"advanced.cut_desc",icon:"cut",cmd:"Cut"}).setDisabled(e);f.add({title:"advanced.copy_desc",icon:"copy",cmd:"Copy"}).setDisabled(e);f.add({title:"advanced.paste_desc",icon:"paste",cmd:"Paste"});if((d.nodeName=="A"&&!h.dom.getAttrib(d,"name"))||!e){f.addSeparator();f.add({title:"advanced.link_desc",icon:"link",cmd:h.plugins.advlink?"mceAdvLink":"mceLink",ui:true});f.add({title:"advanced.unlink_desc",icon:"unlink",cmd:"UnLink"})}f.addSeparator();f.add({title:"advanced.image_desc",icon:"image",cmd:h.plugins.advimage?"mceAdvImage":"mceImage",ui:true});f.addSeparator();g=f.addMenu({title:"contextmenu.align"});g.add({title:"contextmenu.left",icon:"justifyleft",cmd:"JustifyLeft"});g.add({title:"contextmenu.center",icon:"justifycenter",cmd:"JustifyCenter"});g.add({title:"contextmenu.right",icon:"justifyright",cmd:"JustifyRight"});g.add({title:"contextmenu.full",icon:"justifyfull",cmd:"JustifyFull"});l.onContextMenu.dispatch(l,f,d,e);return f}});tinymce.PluginManager.add("contextmenu",tinymce.plugins.ContextMenu)})();
|
||||
147
tinymce/jscripts/tiny_mce/plugins/contextmenu/editor_plugin_src.js
vendored
Normal file
147
tinymce/jscripts/tiny_mce/plugins/contextmenu/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
var Event = tinymce.dom.Event, each = tinymce.each, DOM = tinymce.DOM;
|
||||
|
||||
/**
|
||||
* This plugin a context menu to TinyMCE editor instances.
|
||||
*
|
||||
* @class tinymce.plugins.ContextMenu
|
||||
*/
|
||||
tinymce.create('tinymce.plugins.ContextMenu', {
|
||||
/**
|
||||
* Initializes the plugin, this will be executed after the plugin has been created.
|
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event
|
||||
* of the editor instance to intercept that event.
|
||||
*
|
||||
* @method init
|
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
||||
* @param {string} url Absolute URL to where the plugin is located.
|
||||
*/
|
||||
init : function(ed) {
|
||||
var t = this, lastRng;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
/**
|
||||
* This event gets fired when the context menu is shown.
|
||||
*
|
||||
* @event onContextMenu
|
||||
* @param {tinymce.plugins.ContextMenu} sender Plugin instance sending the event.
|
||||
* @param {tinymce.ui.DropMenu} menu Drop down menu to fill with more items if needed.
|
||||
*/
|
||||
t.onContextMenu = new tinymce.util.Dispatcher(this);
|
||||
|
||||
ed.onContextMenu.add(function(ed, e) {
|
||||
if (!e.ctrlKey) {
|
||||
// Restore the last selection since it was removed
|
||||
if (lastRng)
|
||||
ed.selection.setRng(lastRng);
|
||||
|
||||
t._getMenu(ed).showMenu(e.clientX, e.clientY);
|
||||
Event.add(ed.getDoc(), 'click', function(e) {
|
||||
hide(ed, e);
|
||||
});
|
||||
Event.cancel(e);
|
||||
}
|
||||
});
|
||||
|
||||
ed.onRemove.add(function() {
|
||||
if (t._menu)
|
||||
t._menu.removeAll();
|
||||
});
|
||||
|
||||
function hide(ed, e) {
|
||||
lastRng = null;
|
||||
|
||||
// Since the contextmenu event moves
|
||||
// the selection we need to store it away
|
||||
if (e && e.button == 2) {
|
||||
lastRng = ed.selection.getRng();
|
||||
return;
|
||||
}
|
||||
|
||||
if (t._menu) {
|
||||
t._menu.removeAll();
|
||||
t._menu.destroy();
|
||||
Event.remove(ed.getDoc(), 'click', hide);
|
||||
}
|
||||
};
|
||||
|
||||
ed.onMouseDown.add(hide);
|
||||
ed.onKeyDown.add(hide);
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns information about the plugin as a name/value array.
|
||||
* The current keys are longname, author, authorurl, infourl and version.
|
||||
*
|
||||
* @method getInfo
|
||||
* @return {Object} Name/value array containing information about the plugin.
|
||||
*/
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Contextmenu',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/contextmenu',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
_getMenu : function(ed) {
|
||||
var t = this, m = t._menu, se = ed.selection, col = se.isCollapsed(), el = se.getNode() || ed.getBody(), am, p1, p2;
|
||||
|
||||
if (m) {
|
||||
m.removeAll();
|
||||
m.destroy();
|
||||
}
|
||||
|
||||
p1 = DOM.getPos(ed.getContentAreaContainer());
|
||||
p2 = DOM.getPos(ed.getContainer());
|
||||
|
||||
m = ed.controlManager.createDropMenu('contextmenu', {
|
||||
offset_x : p1.x + ed.getParam('contextmenu_offset_x', 0),
|
||||
offset_y : p1.y + ed.getParam('contextmenu_offset_y', 0),
|
||||
constrain : 1
|
||||
});
|
||||
|
||||
t._menu = m;
|
||||
|
||||
m.add({title : 'advanced.cut_desc', icon : 'cut', cmd : 'Cut'}).setDisabled(col);
|
||||
m.add({title : 'advanced.copy_desc', icon : 'copy', cmd : 'Copy'}).setDisabled(col);
|
||||
m.add({title : 'advanced.paste_desc', icon : 'paste', cmd : 'Paste'});
|
||||
|
||||
if ((el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) || !col) {
|
||||
m.addSeparator();
|
||||
m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true});
|
||||
m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'});
|
||||
}
|
||||
|
||||
m.addSeparator();
|
||||
m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true});
|
||||
|
||||
m.addSeparator();
|
||||
am = m.addMenu({title : 'contextmenu.align'});
|
||||
am.add({title : 'contextmenu.left', icon : 'justifyleft', cmd : 'JustifyLeft'});
|
||||
am.add({title : 'contextmenu.center', icon : 'justifycenter', cmd : 'JustifyCenter'});
|
||||
am.add({title : 'contextmenu.right', icon : 'justifyright', cmd : 'JustifyRight'});
|
||||
am.add({title : 'contextmenu.full', icon : 'justifyfull', cmd : 'JustifyFull'});
|
||||
|
||||
t.onContextMenu.dispatch(t, m, el, col);
|
||||
|
||||
return m;
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('contextmenu', tinymce.plugins.ContextMenu);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/directionality/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/directionality/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.Directionality",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceDirectionLTR",function(){var d=a.dom.getParent(a.selection.getNode(),a.dom.isBlock);if(d){if(a.dom.getAttrib(d,"dir")!="ltr"){a.dom.setAttrib(d,"dir","ltr")}else{a.dom.setAttrib(d,"dir","")}}a.nodeChanged()});a.addCommand("mceDirectionRTL",function(){var d=a.dom.getParent(a.selection.getNode(),a.dom.isBlock);if(d){if(a.dom.getAttrib(d,"dir")!="rtl"){a.dom.setAttrib(d,"dir","rtl")}else{a.dom.setAttrib(d,"dir","")}}a.nodeChanged()});a.addButton("ltr",{title:"directionality.ltr_desc",cmd:"mceDirectionLTR"});a.addButton("rtl",{title:"directionality.rtl_desc",cmd:"mceDirectionRTL"});a.onNodeChange.add(c._nodeChange,c)},getInfo:function(){return{longname:"Directionality",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(b,a,e){var d=b.dom,c;e=d.getParent(e,d.isBlock);if(!e){a.setDisabled("ltr",1);a.setDisabled("rtl",1);return}c=d.getAttrib(e,"dir");a.setActive("ltr",c=="ltr");a.setDisabled("ltr",0);a.setActive("rtl",c=="rtl");a.setDisabled("rtl",0)}});tinymce.PluginManager.add("directionality",tinymce.plugins.Directionality)})();
|
||||
82
tinymce/jscripts/tiny_mce/plugins/directionality/editor_plugin_src.js
vendored
Normal file
82
tinymce/jscripts/tiny_mce/plugins/directionality/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.Directionality', {
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
ed.addCommand('mceDirectionLTR', function() {
|
||||
var e = ed.dom.getParent(ed.selection.getNode(), ed.dom.isBlock);
|
||||
|
||||
if (e) {
|
||||
if (ed.dom.getAttrib(e, "dir") != "ltr")
|
||||
ed.dom.setAttrib(e, "dir", "ltr");
|
||||
else
|
||||
ed.dom.setAttrib(e, "dir", "");
|
||||
}
|
||||
|
||||
ed.nodeChanged();
|
||||
});
|
||||
|
||||
ed.addCommand('mceDirectionRTL', function() {
|
||||
var e = ed.dom.getParent(ed.selection.getNode(), ed.dom.isBlock);
|
||||
|
||||
if (e) {
|
||||
if (ed.dom.getAttrib(e, "dir") != "rtl")
|
||||
ed.dom.setAttrib(e, "dir", "rtl");
|
||||
else
|
||||
ed.dom.setAttrib(e, "dir", "");
|
||||
}
|
||||
|
||||
ed.nodeChanged();
|
||||
});
|
||||
|
||||
ed.addButton('ltr', {title : 'directionality.ltr_desc', cmd : 'mceDirectionLTR'});
|
||||
ed.addButton('rtl', {title : 'directionality.rtl_desc', cmd : 'mceDirectionRTL'});
|
||||
|
||||
ed.onNodeChange.add(t._nodeChange, t);
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Directionality',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/directionality',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
// Private methods
|
||||
|
||||
_nodeChange : function(ed, cm, n) {
|
||||
var dom = ed.dom, dir;
|
||||
|
||||
n = dom.getParent(n, dom.isBlock);
|
||||
if (!n) {
|
||||
cm.setDisabled('ltr', 1);
|
||||
cm.setDisabled('rtl', 1);
|
||||
return;
|
||||
}
|
||||
|
||||
dir = dom.getAttrib(n, 'dir');
|
||||
cm.setActive('ltr', dir == "ltr");
|
||||
cm.setDisabled('ltr', 0);
|
||||
cm.setActive('rtl', dir == "rtl");
|
||||
cm.setDisabled('rtl', 0);
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('directionality', tinymce.plugins.Directionality);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/emotions/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/emotions/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(a){a.create("tinymce.plugins.EmotionsPlugin",{init:function(b,c){b.addCommand("mceEmotion",function(){b.windowManager.open({file:c+"/emotions.htm",width:250+parseInt(b.getLang("emotions.delta_width",0)),height:160+parseInt(b.getLang("emotions.delta_height",0)),inline:1},{plugin_url:c})});b.addButton("emotions",{title:"emotions.emotions_desc",cmd:"mceEmotion"})},getInfo:function(){return{longname:"Emotions",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("emotions",a.plugins.EmotionsPlugin)})(tinymce);
|
||||
43
tinymce/jscripts/tiny_mce/plugins/emotions/editor_plugin_src.js
vendored
Normal file
43
tinymce/jscripts/tiny_mce/plugins/emotions/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function(tinymce) {
|
||||
tinymce.create('tinymce.plugins.EmotionsPlugin', {
|
||||
init : function(ed, url) {
|
||||
// Register commands
|
||||
ed.addCommand('mceEmotion', function() {
|
||||
ed.windowManager.open({
|
||||
file : url + '/emotions.htm',
|
||||
width : 250 + parseInt(ed.getLang('emotions.delta_width', 0)),
|
||||
height : 160 + parseInt(ed.getLang('emotions.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url
|
||||
});
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('emotions', {title : 'emotions.emotions_desc', cmd : 'mceEmotion'});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Emotions',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/emotions',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('emotions', tinymce.plugins.EmotionsPlugin);
|
||||
})(tinymce);
|
||||
40
tinymce/jscripts/tiny_mce/plugins/emotions/emotions.htm
vendored
Normal file
40
tinymce/jscripts/tiny_mce/plugins/emotions/emotions.htm
vendored
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#emotions_dlg.title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="js/emotions.js"></script>
|
||||
</head>
|
||||
<body style="display: none">
|
||||
<div align="center">
|
||||
<div class="title">{#emotions_dlg.title}:<br /><br /></div>
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="4">
|
||||
<tr>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-cool.gif','emotions_dlg.cool');"><img src="img/smiley-cool.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cool}" title="{#emotions_dlg.cool}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-cry.gif','emotions_dlg.cry');"><img src="img/smiley-cry.gif" width="18" height="18" border="0" alt="{#emotions_dlg.cry}" title="{#emotions_dlg.cry}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-embarassed.gif','emotions_dlg.embarassed');"><img src="img/smiley-embarassed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.embarassed}" title="{#emotions_dlg.embarassed}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-foot-in-mouth.gif','emotions_dlg.foot_in_mouth');"><img src="img/smiley-foot-in-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.foot_in_mouth}" title="{#emotions_dlg.foot_in_mouth}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-frown.gif','emotions_dlg.frown');"><img src="img/smiley-frown.gif" width="18" height="18" border="0" alt="{#emotions_dlg.frown}" title="{#emotions_dlg.frown}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-innocent.gif','emotions_dlg.innocent');"><img src="img/smiley-innocent.gif" width="18" height="18" border="0" alt="{#emotions_dlg.innocent}" title="{#emotions_dlg.innocent}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-kiss.gif','emotions_dlg.kiss');"><img src="img/smiley-kiss.gif" width="18" height="18" border="0" alt="{#emotions_dlg.kiss}" title="{#emotions_dlg.kiss}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-laughing.gif','emotions_dlg.laughing');"><img src="img/smiley-laughing.gif" width="18" height="18" border="0" alt="{#emotions_dlg.laughing}" title="{#emotions_dlg.laughing}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-money-mouth.gif','emotions_dlg.money_mouth');"><img src="img/smiley-money-mouth.gif" width="18" height="18" border="0" alt="{#emotions_dlg.money_mouth}" title="{#emotions_dlg.money_mouth}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-sealed.gif','emotions_dlg.sealed');"><img src="img/smiley-sealed.gif" width="18" height="18" border="0" alt="{#emotions_dlg.sealed}" title="{#emotions_dlg.sealed}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-smile.gif','emotions_dlg.smile');"><img src="img/smiley-smile.gif" width="18" height="18" border="0" alt="{#emotions_dlg.smile}" title="{#emotions_dlg.smile}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-surprised.gif','emotions_dlg.surprised');"><img src="img/smiley-surprised.gif" width="18" height="18" border="0" alt="{#emotions_dlg.surprised}" title="{#emotions_dlg.surprised}" /></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-tongue-out.gif','emotions_dlg.tongue_out');"><img src="img/smiley-tongue-out.gif" width="18" height="18" border="0" alt="{#emotions_dlg.tongue-out}" title="{#emotions_dlg.tongue_out}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-undecided.gif','emotions_dlg.undecided');"><img src="img/smiley-undecided.gif" width="18" height="18" border="0" alt="{#emotions_dlg.undecided}" title="{#emotions_dlg.undecided}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-wink.gif','emotions_dlg.wink');"><img src="img/smiley-wink.gif" width="18" height="18" border="0" alt="{#emotions_dlg.wink}" title="{#emotions_dlg.wink}" /></a></td>
|
||||
<td><a href="javascript:EmotionsDialog.insert('smiley-yell.gif','emotions_dlg.yell');"><img src="img/smiley-yell.gif" width="18" height="18" border="0" alt="{#emotions_dlg.yell}" title="{#emotions_dlg.yell}" /></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-cool.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-cool.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 354 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-cry.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-cry.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 329 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-embarassed.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-embarassed.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 331 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-foot-in-mouth.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-foot-in-mouth.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-frown.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-frown.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 340 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-innocent.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-innocent.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 336 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-kiss.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-kiss.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-laughing.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-laughing.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-money-mouth.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-money-mouth.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 321 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-sealed.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-sealed.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 325 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-smile.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-smile.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-surprised.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-surprised.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 342 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-undecided.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-undecided.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 337 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-wink.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-wink.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 B |
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-yell.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-yell.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 336 B |
22
tinymce/jscripts/tiny_mce/plugins/emotions/js/emotions.js
vendored
Normal file
22
tinymce/jscripts/tiny_mce/plugins/emotions/js/emotions.js
vendored
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var EmotionsDialog = {
|
||||
init : function(ed) {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
},
|
||||
|
||||
insert : function(file, title) {
|
||||
var ed = tinyMCEPopup.editor, dom = ed.dom;
|
||||
|
||||
tinyMCEPopup.execCommand('mceInsertContent', false, dom.createHTML('img', {
|
||||
src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file,
|
||||
alt : ed.getLang(title),
|
||||
title : ed.getLang(title),
|
||||
border : 0
|
||||
}));
|
||||
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
};
|
||||
|
||||
tinyMCEPopup.onInit.add(EmotionsDialog.init, EmotionsDialog);
|
||||
20
tinymce/jscripts/tiny_mce/plugins/emotions/langs/en_dlg.js
vendored
Normal file
20
tinymce/jscripts/tiny_mce/plugins/emotions/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
tinyMCE.addI18n('en.emotions_dlg',{
|
||||
title:"Insert emotion",
|
||||
desc:"Emotions",
|
||||
cool:"Cool",
|
||||
cry:"Cry",
|
||||
embarassed:"Embarassed",
|
||||
foot_in_mouth:"Foot in mouth",
|
||||
frown:"Frown",
|
||||
innocent:"Innocent",
|
||||
kiss:"Kiss",
|
||||
laughing:"Laughing",
|
||||
money_mouth:"Money mouth",
|
||||
sealed:"Sealed",
|
||||
smile:"Smile",
|
||||
surprised:"Surprised",
|
||||
tongue_out:"Tongue out",
|
||||
undecided:"Undecided",
|
||||
wink:"Wink",
|
||||
yell:"Yell"
|
||||
});
|
||||
22
tinymce/jscripts/tiny_mce/plugins/example/dialog.htm
vendored
Normal file
22
tinymce/jscripts/tiny_mce/plugins/example/dialog.htm
vendored
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#example_dlg.title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="js/dialog.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form onsubmit="ExampleDialog.insert();return false;" action="#">
|
||||
<p>Here is a example dialog.</p>
|
||||
<p>Selected text: <input id="someval" name="someval" type="text" class="text" /></p>
|
||||
<p>Custom arg: <input id="somearg" name="somearg" type="text" class="text" /></p>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<input type="button" id="insert" name="insert" value="{#insert}" onclick="ExampleDialog.insert();" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
tinymce/jscripts/tiny_mce/plugins/example/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/example/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.PluginManager.requireLangPack("example");tinymce.create("tinymce.plugins.ExamplePlugin",{init:function(a,b){a.addCommand("mceExample",function(){a.windowManager.open({file:b+"/dialog.htm",width:320+parseInt(a.getLang("example.delta_width",0)),height:120+parseInt(a.getLang("example.delta_height",0)),inline:1},{plugin_url:b,some_custom_arg:"custom arg"})});a.addButton("example",{title:"example.desc",cmd:"mceExample",image:b+"/img/example.gif"});a.onNodeChange.add(function(d,c,e){c.setActive("example",e.nodeName=="IMG")})},createControl:function(b,a){return null},getInfo:function(){return{longname:"Example plugin",author:"Some author",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example",version:"1.0"}}});tinymce.PluginManager.add("example",tinymce.plugins.ExamplePlugin)})();
|
||||
84
tinymce/jscripts/tiny_mce/plugins/example/editor_plugin_src.js
vendored
Normal file
84
tinymce/jscripts/tiny_mce/plugins/example/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
// Load plugin specific language pack
|
||||
tinymce.PluginManager.requireLangPack('example');
|
||||
|
||||
tinymce.create('tinymce.plugins.ExamplePlugin', {
|
||||
/**
|
||||
* Initializes the plugin, this will be executed after the plugin has been created.
|
||||
* This call is done before the editor instance has finished it's initialization so use the onInit event
|
||||
* of the editor instance to intercept that event.
|
||||
*
|
||||
* @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
|
||||
* @param {string} url Absolute URL to where the plugin is located.
|
||||
*/
|
||||
init : function(ed, url) {
|
||||
// Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
|
||||
ed.addCommand('mceExample', function() {
|
||||
ed.windowManager.open({
|
||||
file : url + '/dialog.htm',
|
||||
width : 320 + parseInt(ed.getLang('example.delta_width', 0)),
|
||||
height : 120 + parseInt(ed.getLang('example.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url, // Plugin absolute URL
|
||||
some_custom_arg : 'custom arg' // Custom argument
|
||||
});
|
||||
});
|
||||
|
||||
// Register example button
|
||||
ed.addButton('example', {
|
||||
title : 'example.desc',
|
||||
cmd : 'mceExample',
|
||||
image : url + '/img/example.gif'
|
||||
});
|
||||
|
||||
// Add a node change handler, selects the button in the UI when a image is selected
|
||||
ed.onNodeChange.add(function(ed, cm, n) {
|
||||
cm.setActive('example', n.nodeName == 'IMG');
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Creates control instances based in the incomming name. This method is normally not
|
||||
* needed since the addButton method of the tinymce.Editor class is a more easy way of adding buttons
|
||||
* but you sometimes need to create more complex controls like listboxes, split buttons etc then this
|
||||
* method can be used to create those.
|
||||
*
|
||||
* @param {String} n Name of the control to create.
|
||||
* @param {tinymce.ControlManager} cm Control manager to use inorder to create new control.
|
||||
* @return {tinymce.ui.Control} New control instance or null if no control was created.
|
||||
*/
|
||||
createControl : function(n, cm) {
|
||||
return null;
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns information about the plugin as a name/value array.
|
||||
* The current keys are longname, author, authorurl, infourl and version.
|
||||
*
|
||||
* @return {Object} Name/value array containing information about the plugin.
|
||||
*/
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Example plugin',
|
||||
author : 'Some author',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/example',
|
||||
version : "1.0"
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('example', tinymce.plugins.ExamplePlugin);
|
||||
})();
|
||||
BIN
tinymce/jscripts/tiny_mce/plugins/example/img/example.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/example/img/example.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
19
tinymce/jscripts/tiny_mce/plugins/example/js/dialog.js
vendored
Normal file
19
tinymce/jscripts/tiny_mce/plugins/example/js/dialog.js
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var ExampleDialog = {
|
||||
init : function() {
|
||||
var f = document.forms[0];
|
||||
|
||||
// Get the selected contents as text and place it in the input
|
||||
f.someval.value = tinyMCEPopup.editor.selection.getContent({format : 'text'});
|
||||
f.somearg.value = tinyMCEPopup.getWindowArg('some_custom_arg');
|
||||
},
|
||||
|
||||
insert : function() {
|
||||
// Insert the contents from the input into the document
|
||||
tinyMCEPopup.editor.execCommand('mceInsertContent', false, document.forms[0].someval.value);
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
};
|
||||
|
||||
tinyMCEPopup.onInit.add(ExampleDialog.init, ExampleDialog);
|
||||
3
tinymce/jscripts/tiny_mce/plugins/example/langs/en.js
vendored
Normal file
3
tinymce/jscripts/tiny_mce/plugins/example/langs/en.js
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
tinyMCE.addI18n('en.example',{
|
||||
desc : 'This is just a template button'
|
||||
});
|
||||
3
tinymce/jscripts/tiny_mce/plugins/example/langs/en_dlg.js
vendored
Normal file
3
tinymce/jscripts/tiny_mce/plugins/example/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
tinyMCE.addI18n('en.example_dlg',{
|
||||
title : 'This is just a example title'
|
||||
});
|
||||
182
tinymce/jscripts/tiny_mce/plugins/fullpage/css/fullpage.css
vendored
Normal file
182
tinymce/jscripts/tiny_mce/plugins/fullpage/css/fullpage.css
vendored
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
/* Hide the advanced tab */
|
||||
#advanced_tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
#doctype, #docencoding {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#langcode {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
#bgimage {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#fontface {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#leftmargin, #rightmargin, #topmargin, #bottommargin {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#stylesheet, #style {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
/* Head list classes */
|
||||
|
||||
.headlistwrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.addbutton, .removebutton, .moveupbutton, .movedownbutton {
|
||||
border-top: 1px solid;
|
||||
border-left: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
border-right: 1px solid;
|
||||
border-color: #F0F0EE;
|
||||
cursor: default;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#doctypes {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.addbutton:hover, .removebutton:hover, .moveupbutton:hover, .movedownbutton:hover {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.addbutton {
|
||||
background-image: url('../images/add.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.removebutton {
|
||||
background-image: url('../images/remove.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.moveupbutton {
|
||||
background-image: url('../images/move_up.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.movedownbutton {
|
||||
background-image: url('../images/move_down.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.selected {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#headlist {
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#addmenu {
|
||||
position: absolute;
|
||||
border: 1px solid gray;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a:hover {
|
||||
background-color: #B6BDD2;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#addmenu span {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#updateElementPanel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#script_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#style_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#link_element .panel_wrapper div.current {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
#element_script_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_comment_value {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#element_style_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.updateElementButton {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* MSIE specific styles */
|
||||
|
||||
* html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {height:420px;}
|
||||
1
tinymce/jscripts/tiny_mce/plugins/fullpage/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/fullpage/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.FullPagePlugin",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceFullPageProperties",function(){a.windowManager.open({file:b+"/fullpage.htm",width:430+parseInt(a.getLang("fullpage.delta_width",0)),height:495+parseInt(a.getLang("fullpage.delta_height",0)),inline:1},{plugin_url:b,head_html:c.head})});a.addButton("fullpage",{title:"fullpage.desc",cmd:"mceFullPageProperties"});a.onBeforeSetContent.add(c._setContent,c);a.onSetContent.add(c._setBodyAttribs,c);a.onGetContent.add(c._getContent,c)},getInfo:function(){return{longname:"Fullpage",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_setBodyAttribs:function(d,a){var l,c,e,g,b,h,j,f=this.head.match(/body(.*?)>/i);if(f&&f[1]){l=f[1].match(/\s*(\w+\s*=\s*".*?"|\w+\s*=\s*'.*?'|\w+\s*=\s*\w+|\w+)\s*/g);if(l){for(c=0,e=l.length;c<e;c++){g=l[c].split("=");b=g[0].replace(/\s/,"");h=g[1];if(h){h=h.replace(/^\s+/,"").replace(/\s+$/,"");j=h.match(/^["'](.*)["']$/);if(j){h=j[1]}}else{h=b}d.dom.setAttrib(d.getBody(),"style",h)}}}},_createSerializer:function(){return new tinymce.dom.Serializer({dom:this.editor.dom,apply_source_formatting:true})},_setContent:function(d,b){var h=this,a,j,f=b.content,g,i="";if(b.format=="raw"&&h.head){return}if(b.source_view&&d.getParam("fullpage_hide_in_source_view")){return}f=f.replace(/<(\/?)BODY/gi,"<$1body");a=f.indexOf("<body");if(a!=-1){a=f.indexOf(">",a);h.head=f.substring(0,a+1);j=f.indexOf("</body",a);if(j==-1){j=f.indexOf("</body",j)}b.content=f.substring(a+1,j);h.foot=f.substring(j);function e(c){return c.replace(/<\/?[A-Z]+/g,function(k){return k.toLowerCase()})}h.head=e(h.head);h.foot=e(h.foot)}else{h.head="";if(d.getParam("fullpage_default_xml_pi")){h.head+='<?xml version="1.0" encoding="'+d.getParam("fullpage_default_encoding","ISO-8859-1")+'" ?>\n'}h.head+=d.getParam("fullpage_default_doctype",'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');h.head+="\n<html>\n<head>\n<title>"+d.getParam("fullpage_default_title","Untitled document")+"</title>\n";if(g=d.getParam("fullpage_default_encoding")){h.head+='<meta http-equiv="Content-Type" content="'+g+'" />\n'}if(g=d.getParam("fullpage_default_font_family")){i+="font-family: "+g+";"}if(g=d.getParam("fullpage_default_font_size")){i+="font-size: "+g+";"}if(g=d.getParam("fullpage_default_text_color")){i+="color: "+g+";"}h.head+="</head>\n<body"+(i?' style="'+i+'"':"")+">\n";h.foot="\n</body>\n</html>"}},_getContent:function(a,c){var b=this;if(!c.source_view||!a.getParam("fullpage_hide_in_source_view")){c.content=tinymce.trim(b.head)+"\n"+tinymce.trim(c.content)+"\n"+tinymce.trim(b.foot)}}});tinymce.PluginManager.add("fullpage",tinymce.plugins.FullPagePlugin)})();
|
||||
153
tinymce/jscripts/tiny_mce/plugins/fullpage/editor_plugin_src.js
vendored
Normal file
153
tinymce/jscripts/tiny_mce/plugins/fullpage/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.FullPagePlugin', {
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceFullPageProperties', function() {
|
||||
ed.windowManager.open({
|
||||
file : url + '/fullpage.htm',
|
||||
width : 430 + parseInt(ed.getLang('fullpage.delta_width', 0)),
|
||||
height : 495 + parseInt(ed.getLang('fullpage.delta_height', 0)),
|
||||
inline : 1
|
||||
}, {
|
||||
plugin_url : url,
|
||||
head_html : t.head
|
||||
});
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('fullpage', {title : 'fullpage.desc', cmd : 'mceFullPageProperties'});
|
||||
|
||||
ed.onBeforeSetContent.add(t._setContent, t);
|
||||
ed.onSetContent.add(t._setBodyAttribs, t);
|
||||
ed.onGetContent.add(t._getContent, t);
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Fullpage',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullpage',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
// Private plugin internal methods
|
||||
|
||||
_setBodyAttribs : function(ed, o) {
|
||||
var bdattr, i, len, kv, k, v, t, attr = this.head.match(/body(.*?)>/i);
|
||||
|
||||
if (attr && attr[1]) {
|
||||
bdattr = attr[1].match(/\s*(\w+\s*=\s*".*?"|\w+\s*=\s*'.*?'|\w+\s*=\s*\w+|\w+)\s*/g);
|
||||
|
||||
if (bdattr) {
|
||||
for(i = 0, len = bdattr.length; i < len; i++) {
|
||||
kv = bdattr[i].split('=');
|
||||
k = kv[0].replace(/\s/,'');
|
||||
v = kv[1];
|
||||
|
||||
if (v) {
|
||||
v = v.replace(/^\s+/,'').replace(/\s+$/,'');
|
||||
t = v.match(/^["'](.*)["']$/);
|
||||
|
||||
if (t)
|
||||
v = t[1];
|
||||
} else
|
||||
v = k;
|
||||
|
||||
ed.dom.setAttrib(ed.getBody(), 'style', v);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_createSerializer : function() {
|
||||
return new tinymce.dom.Serializer({
|
||||
dom : this.editor.dom,
|
||||
apply_source_formatting : true
|
||||
});
|
||||
},
|
||||
|
||||
_setContent : function(ed, o) {
|
||||
var t = this, sp, ep, c = o.content, v, st = '';
|
||||
|
||||
// Ignore raw updated if we already have a head, this will fix issues with undo/redo keeping the head/foot separate
|
||||
if (o.format == 'raw' && t.head)
|
||||
return;
|
||||
|
||||
if (o.source_view && ed.getParam('fullpage_hide_in_source_view'))
|
||||
return;
|
||||
|
||||
// Parse out head, body and footer
|
||||
c = c.replace(/<(\/?)BODY/gi, '<$1body');
|
||||
sp = c.indexOf('<body');
|
||||
|
||||
if (sp != -1) {
|
||||
sp = c.indexOf('>', sp);
|
||||
t.head = c.substring(0, sp + 1);
|
||||
|
||||
ep = c.indexOf('</body', sp);
|
||||
if (ep == -1)
|
||||
ep = c.indexOf('</body', ep);
|
||||
|
||||
o.content = c.substring(sp + 1, ep);
|
||||
t.foot = c.substring(ep);
|
||||
|
||||
function low(s) {
|
||||
return s.replace(/<\/?[A-Z]+/g, function(a) {
|
||||
return a.toLowerCase();
|
||||
})
|
||||
};
|
||||
|
||||
t.head = low(t.head);
|
||||
t.foot = low(t.foot);
|
||||
} else {
|
||||
t.head = '';
|
||||
if (ed.getParam('fullpage_default_xml_pi'))
|
||||
t.head += '<?xml version="1.0" encoding="' + ed.getParam('fullpage_default_encoding', 'ISO-8859-1') + '" ?>\n';
|
||||
|
||||
t.head += ed.getParam('fullpage_default_doctype', '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');
|
||||
t.head += '\n<html>\n<head>\n<title>' + ed.getParam('fullpage_default_title', 'Untitled document') + '</title>\n';
|
||||
|
||||
if (v = ed.getParam('fullpage_default_encoding'))
|
||||
t.head += '<meta http-equiv="Content-Type" content="' + v + '" />\n';
|
||||
|
||||
if (v = ed.getParam('fullpage_default_font_family'))
|
||||
st += 'font-family: ' + v + ';';
|
||||
|
||||
if (v = ed.getParam('fullpage_default_font_size'))
|
||||
st += 'font-size: ' + v + ';';
|
||||
|
||||
if (v = ed.getParam('fullpage_default_text_color'))
|
||||
st += 'color: ' + v + ';';
|
||||
|
||||
t.head += '</head>\n<body' + (st ? ' style="' + st + '"' : '') + '>\n';
|
||||
t.foot = '\n</body>\n</html>';
|
||||
}
|
||||
},
|
||||
|
||||
_getContent : function(ed, o) {
|
||||
var t = this;
|
||||
|
||||
if (!o.source_view || !ed.getParam('fullpage_hide_in_source_view'))
|
||||
o.content = tinymce.trim(t.head) + '\n' + tinymce.trim(o.content) + '\n' + tinymce.trim(t.foot);
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('fullpage', tinymce.plugins.FullPagePlugin);
|
||||
})();
|
||||
571
tinymce/jscripts/tiny_mce/plugins/fullpage/fullpage.htm
vendored
Normal file
571
tinymce/jscripts/tiny_mce/plugins/fullpage/fullpage.htm
vendored
Normal file
|
|
@ -0,0 +1,571 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{#fullpage_dlg.title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="js/fullpage.js"></script>
|
||||
<link href="css/fullpage.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body id="advlink" style="display: none">
|
||||
<form onsubmit="updateAction();return false;" name="fullpage" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="meta_tab" class="current"><span><a href="javascript:mcTabs.displayTab('meta_tab','meta_panel');" onmousedown="return false;">{#fullpage_dlg.meta_tab}</a></span></li>
|
||||
<li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#fullpage_dlg.appearance_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#fullpage_dlg.advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="meta_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.meta_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metatitle">{#fullpage_dlg.meta_title}</label> </td>
|
||||
<td><input type="text" id="metatitle" name="metatitle" value="" class="mceFocus" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metakeywords">{#fullpage_dlg.meta_keywords}</label> </td>
|
||||
<td><textarea id="metakeywords" name="metakeywords" rows="4"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metadescription">{#fullpage_dlg.meta_description}</label> </td>
|
||||
<td><textarea id="metadescription" name="metadescription" rows="4"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metaauthor">{#fullpage_dlg.author}</label> </td>
|
||||
<td><input type="text" id="metaauthor" name="metaauthor" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metacopyright">{#fullpage_dlg.copyright}</label> </td>
|
||||
<td><input type="text" id="metacopyright" name="metacopyright" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="metarobots">{#fullpage_dlg.meta_robots}</label> </td>
|
||||
<td>
|
||||
<select id="metarobots" name="metarobots">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="index,follow">{#fullpage_dlg.meta_index_follow}</option>
|
||||
<option value="index,nofollow">{#fullpage_dlg.meta_index_nofollow}</option>
|
||||
<option value="noindex,follow">{#fullpage_dlg.meta_noindex_follow}</option>
|
||||
<option value="noindex,nofollow">{#fullpage_dlg.meta_noindex_nofollow}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.langprops}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="docencoding">{#fullpage_dlg.encoding}</label></td>
|
||||
<td>
|
||||
<select id="docencoding" name="docencoding">
|
||||
<option value="">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="doctypes">{#fullpage_dlg.doctypes}</label> </td>
|
||||
<td>
|
||||
<select id="doctypes" name="doctypes">
|
||||
<option value="">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="langcode">{#fullpage_dlg.langcode}</label> </td>
|
||||
<td><input type="text" id="langcode" name="langcode" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="langdir">{#fullpage_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="langdir" name="langdir">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#fullpage_dlg.ltr}</option>
|
||||
<option value="rtl">{#fullpage_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="nowrap"><label for="xml_pi">{#fullpage_dlg.xml_pi}</label> </td>
|
||||
<td><input type="checkbox" id="xml_pi" name="xml_pi" class="checkbox" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="appearance_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.appearance_textprops}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="fontface">{#fullpage_dlg.fontface}</label></td>
|
||||
<td>
|
||||
<select id="fontface" name="fontface" onchange="changedStyleField(this);">
|
||||
<option value="">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="fontsize">{#fullpage_dlg.fontsize}</label></td>
|
||||
<td>
|
||||
<select id="fontsize" name="fontsize" onchange="changedStyleField(this);">
|
||||
<option value="">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="textcolor">{#fullpage_dlg.textcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="textcolor" name="textcolor" type="text" value="" size="9" onchange="updateColor('textcolor_pick','textcolor');changedStyleField(this);" /></td>
|
||||
<td id="textcolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.appearance_bgprops}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="bgimage">{#fullpage_dlg.bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bgimage" name="bgimage" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
<td id="bgimage_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{#fullpage_dlg.bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="bgcolor" name="bgcolor" type="text" value="" size="9" onchange="updateColor('bgcolor_pick','bgcolor');changedStyleField(this);" /></td>
|
||||
<td id="bgcolor_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.appearance_marginprops}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="leftmargin">{#fullpage_dlg.left_margin}</label></td>
|
||||
<td><input id="leftmargin" name="leftmargin" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
<td class="column1"><label for="rightmargin">{#fullpage_dlg.right_margin}</label></td>
|
||||
<td><input id="rightmargin" name="rightmargin" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="topmargin">{#fullpage_dlg.top_margin}</label></td>
|
||||
<td><input id="topmargin" name="topmargin" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
<td class="column1"><label for="bottommargin">{#fullpage_dlg.bottom_margin}</label></td>
|
||||
<td><input id="bottommargin" name="bottommargin" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.appearance_linkprops}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="link_color">{#fullpage_dlg.link_color}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="link_color" name="link_color" type="text" value="" size="9" onchange="updateColor('link_color_pick','link_color');changedStyleField(this);" /></td>
|
||||
<td id="link_color_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<td class="column1"><label for="visited_color">{#fullpage_dlg.visited_color}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="visited_color" name="visited_color" type="text" value="" size="9" onchange="updateColor('visited_color_pick','visited_color');changedStyleField(this);" /></td>
|
||||
<td id="visited_color_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="active_color">{#fullpage_dlg.active_color}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="active_color" name="active_color" type="text" value="" size="9" onchange="updateColor('active_color_pick','active_color');changedStyleField(this);" /></td>
|
||||
<td id="active_color_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
|
||||
<!-- <td class="column1"><label for="hover_color">{#fullpage_dlg.hover_color}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="hover_color" name="hover_color" type="text" value="" size="9" onchange="changedStyleField(this);" /></td>
|
||||
<td id="hover_color_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td> -->
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.appearance_style}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="stylesheet">{#fullpage_dlg.stylesheet}</label></td>
|
||||
<td><table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="stylesheet" name="stylesheet" type="text" value="" /></td>
|
||||
<td id="stylesheet_browsercontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="style">{#fullpage_dlg.style}</label></td>
|
||||
<td><input id="style" name="style" type="text" value="" onchange="changedStyleField(this);" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<div id="addmenu">
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td><a href="javascript:addHeadElm('title');" onmousedown="return false;"><span>{#fullpage_dlg.add_title}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('meta');" onmousedown="return false;"><span>{#fullpage_dlg.add_meta}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('script');" onmousedown="return false;"><span>{#fullpage_dlg.add_script}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('style');" onmousedown="return false;"><span>{#fullpage_dlg.add_style}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('link');" onmousedown="return false;"><span>{#fullpage_dlg.add_link}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('base');" onmousedown="return false;"><span>{#fullpage_dlg.add_base}</span></a></td></tr>
|
||||
<tr><td><a href="javascript:addHeadElm('comment');" onmousedown="return false;"><span>{#fullpage_dlg.add_comment}</span></a></td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend>{#fullpage_dlg.head_elements}</legend>
|
||||
|
||||
<div class="headlistwrapper">
|
||||
<div class="toolbar">
|
||||
<div style="float: left">
|
||||
<a id="addbutton" href="javascript:showAddMenu();" onmousedown="return false;" class="addbutton" title="{#fullpage_dlg.add}"></a>
|
||||
<a href="#" onmousedown="return false;" class="removebutton" title="{#fullpage_dlg.remove}"></a>
|
||||
</div>
|
||||
<div style="float: right">
|
||||
<a href="#" onmousedown="return false;" class="moveupbutton" title="{#fullpage_dlg.moveup}"></a>
|
||||
<a href="#" onmousedown="return false;" class="movedownbutton" title="{#fullpage_dlg.movedown}"></a>
|
||||
</div>
|
||||
<br style="clear: both" />
|
||||
</div>
|
||||
<select id="headlist" size="26" onchange="updateHeadElm(this.options[this.selectedIndex].value);">
|
||||
<option value="title_0"><title>Some title bla bla bla</title></option>
|
||||
<option value="meta_1"><meta name="keywords">Some bla bla bla</meta></option>
|
||||
<option value="meta_2"><meta name="description">Some bla bla bla bla bla bla bla bla bla</meta></option>
|
||||
<option value="script_3"><script language="javascript">...</script></option>
|
||||
<option value="style_4"><style>...</style></option>
|
||||
<option value="base_5"><base href="." /></option>
|
||||
<option value="comment_6"><!-- ... --></option>
|
||||
<option value="link_7"><link href="." /></option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="meta_element">
|
||||
<legend>{#fullpage_dlg.meta_element}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_meta_type">{#fullpage_dlg.type}</label></td>
|
||||
<td><select id="element_meta_type">
|
||||
<option value="name">name</option>
|
||||
<option value="http-equiv">http-equiv</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_meta_name">{#fullpage_dlg.name}</label></td>
|
||||
<td><input id="element_meta_name" name="element_meta_name" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_meta_content">{#fullpage_dlg.content}</label></td>
|
||||
<td><input id="element_meta_content" name="element_meta_content" type="text" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="button" id="meta_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="title_element">
|
||||
<legend>{#fullpage_dlg.title_element}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_title">{#fullpage_dlg.meta_title}</label></td>
|
||||
<td><input id="element_title" name="element_title" type="text" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="button" id="title_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="script_element">
|
||||
<legend>{#fullpage_dlg.script_element}</legend>
|
||||
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="script_props_tab" class="current"><span><a href="javascript:mcTabs.displayTab('script_props_tab','script_props_panel');" onmousedown="return false;">{#fullpage_dlg.properties}</a></span></li>
|
||||
<li id="script_value_tab"><span><a href="javascript:mcTabs.displayTab('script_value_tab','script_value_panel');" onmousedown="return false;">{#fullpage_dlg.value}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<br style="clear: both" />
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="script_props_panel" class="panel current">
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_script_type">{#fullpage_dlg.type}</label></td>
|
||||
<td><select id="element_script_type">
|
||||
<option value="text/javascript">text/javascript</option>
|
||||
<option value="text/jscript">text/jscript</option>
|
||||
<option value="text/vbscript">text/vbscript</option>
|
||||
<option value="text/vbs">text/vbs</option>
|
||||
<option value="text/ecmascript">text/ecmascript</option>
|
||||
<option value="text/xml">text/xml</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_script_src">{#fullpage_dlg.src}</label></td>
|
||||
<td><table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="element_script_src" name="element_script_src" type="text" value="" /></td>
|
||||
<td id="script_src_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_script_charset">{#fullpage_dlg.charset}</label></td>
|
||||
<td><select id="element_script_charset"><option value="">{#not_set}</option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_script_defer">{#fullpage_dlg.defer}</label></td>
|
||||
<td><input type="checkbox" id="element_script_defer" name="element_script_defer" class="checkbox" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="script_value_panel" class="panel">
|
||||
<textarea id="element_script_value"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="button" id="script_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="style_element">
|
||||
<legend>{#fullpage_dlg.style_element}</legend>
|
||||
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="style_props_tab" class="current"><span><a href="javascript:mcTabs.displayTab('style_props_tab','style_props_panel');" onmousedown="return false;">{#fullpage_dlg.properties}</a></span></li>
|
||||
<li id="style_value_tab"><span><a href="javascript:mcTabs.displayTab('style_value_tab','style_value_panel');" onmousedown="return false;">{#fullpage_dlg.value}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<br style="clear: both" />
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="style_props_panel" class="panel current">
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_style_type">{#fullpage_dlg.type}</label></td>
|
||||
<td><select id="element_style_type">
|
||||
<option value="text/css">text/css</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_style_media">{#fullpage_dlg.media}</label></td>
|
||||
<td><select id="element_style_media"></select></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="style_value_panel" class="panel">
|
||||
<textarea id="element_style_value"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="button" id="style_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="base_element">
|
||||
<legend>{#fullpage_dlg.base_element}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_base_href">{#fullpage_dlg.href}</label></td>
|
||||
<td><input id="element_base_href" name="element_base_href" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_base_target">{#fullpage_dlg.target}</label></td>
|
||||
<td><input id="element_base_target" name="element_base_target" type="text" value="" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<input type="button" id="base_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="link_element">
|
||||
<legend>{#fullpage_dlg.link_element}</legend>
|
||||
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="link_general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('link_general_tab','link_general_panel');" onmousedown="return false;">{#fullpage_dlg.general_props}</a></span></li>
|
||||
<li id="link_advanced_tab"><span><a href="javascript:mcTabs.displayTab('link_advanced_tab','link_advanced_panel');" onmousedown="return false;">{#fullpage_dlg.advanced_props}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<br style="clear: both" />
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="link_general_panel" class="panel current">
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_href">{#fullpage_dlg.href}</label></td>
|
||||
<td><table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><input id="element_link_href" name="element_link_href" type="text" value="" /></td>
|
||||
<td id="link_href_pickcontainer"> </td>
|
||||
</tr>
|
||||
</table></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_title">{#fullpage_dlg.meta_title}</label></td>
|
||||
<td><input id="element_link_title" name="element_link_title" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_type">{#fullpage_dlg.type}</label></td>
|
||||
<td><select id="element_link_type" name="element_link_type">
|
||||
<option value="text/css">text/css</option>
|
||||
<option value="text/javascript">text/javascript</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_media">{#fullpage_dlg.media}</label></td>
|
||||
<td><select id="element_link_media" name="element_link_media"></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="element_style_rel">{#fullpage_dlg.rel}</label></td>
|
||||
<td><select id="element_style_rel" name="element_style_rel">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="stylesheet">Stylesheet</option>
|
||||
<option value="alternate">Alternate</option>
|
||||
<option value="designates">Designates</option>
|
||||
<option value="start">Start</option>
|
||||
<option value="next">Next</option>
|
||||
<option value="prev">Prev</option>
|
||||
<option value="contents">Contents</option>
|
||||
<option value="index">Index</option>
|
||||
<option value="glossary">Glossary</option>
|
||||
<option value="copyright">Copyright</option>
|
||||
<option value="chapter">Chapter</option>
|
||||
<option value="subsection">Subsection</option>
|
||||
<option value="appendix">Appendix</option>
|
||||
<option value="help">Help</option>
|
||||
<option value="bookmark">Bookmark</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="link_advanced_panel" class="panel">
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_charset">{#fullpage_dlg.charset}</label></td>
|
||||
<td><select id="element_link_charset"><option value="">{#not_set}</option></select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_hreflang">{#fullpage_dlg.hreflang}</label></td>
|
||||
<td><input id="element_link_hreflang" name="element_link_hreflang" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="element_link_target">{#fullpage_dlg.target}</label></td>
|
||||
<td><input id="element_link_target" name="element_link_target" type="text" value="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="element_style_rev">{#fullpage_dlg.rev}</label></td>
|
||||
<td><select id="element_style_rev" name="element_style_rev">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="alternate">Alternate</option>
|
||||
<option value="designates">Designates</option>
|
||||
<option value="stylesheet">Stylesheet</option>
|
||||
<option value="start">Start</option>
|
||||
<option value="next">Next</option>
|
||||
<option value="prev">Prev</option>
|
||||
<option value="contents">Contents</option>
|
||||
<option value="index">Index</option>
|
||||
<option value="glossary">Glossary</option>
|
||||
<option value="copyright">Copyright</option>
|
||||
<option value="chapter">Chapter</option>
|
||||
<option value="subsection">Subsection</option>
|
||||
<option value="appendix">Appendix</option>
|
||||
<option value="help">Help</option>
|
||||
<option value="bookmark">Bookmark</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="button" id="link_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="comment_element">
|
||||
<legend>{#fullpage_dlg.comment_element}</legend>
|
||||
|
||||
<textarea id="element_comment_value"></textarea>
|
||||
|
||||
<input type="button" id="comment_updateelement" class="updateElementButton" name="update" value="{#update}" onclick="updateElement();" />
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<input type="submit" id="insert" name="update" value="{#update}" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
471
tinymce/jscripts/tiny_mce/plugins/fullpage/js/fullpage.js
vendored
Normal file
471
tinymce/jscripts/tiny_mce/plugins/fullpage/js/fullpage.js
vendored
Normal file
|
|
@ -0,0 +1,471 @@
|
|||
/**
|
||||
* fullpage.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var doc;
|
||||
|
||||
var defaultDocTypes =
|
||||
'XHTML 1.0 Transitional=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,' +
|
||||
'XHTML 1.0 Frameset=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,' +
|
||||
'XHTML 1.0 Strict=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,' +
|
||||
'XHTML 1.1=<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">,' +
|
||||
'HTML 4.01 Transitional=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">,' +
|
||||
'HTML 4.01 Strict=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">,' +
|
||||
'HTML 4.01 Frameset=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">';
|
||||
|
||||
var defaultEncodings =
|
||||
'Western european (iso-8859-1)=iso-8859-1,' +
|
||||
'Central European (iso-8859-2)=iso-8859-2,' +
|
||||
'Unicode (UTF-8)=utf-8,' +
|
||||
'Chinese traditional (Big5)=big5,' +
|
||||
'Cyrillic (iso-8859-5)=iso-8859-5,' +
|
||||
'Japanese (iso-2022-jp)=iso-2022-jp,' +
|
||||
'Greek (iso-8859-7)=iso-8859-7,' +
|
||||
'Korean (iso-2022-kr)=iso-2022-kr,' +
|
||||
'ASCII (us-ascii)=us-ascii';
|
||||
|
||||
var defaultMediaTypes =
|
||||
'all=all,' +
|
||||
'screen=screen,' +
|
||||
'print=print,' +
|
||||
'tty=tty,' +
|
||||
'tv=tv,' +
|
||||
'projection=projection,' +
|
||||
'handheld=handheld,' +
|
||||
'braille=braille,' +
|
||||
'aural=aural';
|
||||
|
||||
var defaultFontNames = 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif;Impact=impact;WingDings=wingdings';
|
||||
var defaultFontSizes = '10px,11px,12px,13px,14px,15px,16px';
|
||||
|
||||
function init() {
|
||||
var f = document.forms['fullpage'], el = f.elements, e, i, p, doctypes, encodings, mediaTypes, fonts, ed = tinyMCEPopup.editor, dom = tinyMCEPopup.dom, style;
|
||||
|
||||
// Setup doctype select box
|
||||
doctypes = ed.getParam("fullpage_doctypes", defaultDocTypes).split(',');
|
||||
for (i=0; i<doctypes.length; i++) {
|
||||
p = doctypes[i].split('=');
|
||||
|
||||
if (p.length > 1)
|
||||
addSelectValue(f, 'doctypes', p[0], p[1]);
|
||||
}
|
||||
|
||||
// Setup fonts select box
|
||||
fonts = ed.getParam("fullpage_fonts", defaultFontNames).split(';');
|
||||
for (i=0; i<fonts.length; i++) {
|
||||
p = fonts[i].split('=');
|
||||
|
||||
if (p.length > 1)
|
||||
addSelectValue(f, 'fontface', p[0], p[1]);
|
||||
}
|
||||
|
||||
// Setup fontsize select box
|
||||
fonts = ed.getParam("fullpage_fontsizes", defaultFontSizes).split(',');
|
||||
for (i=0; i<fonts.length; i++)
|
||||
addSelectValue(f, 'fontsize', fonts[i], fonts[i]);
|
||||
|
||||
// Setup mediatype select boxs
|
||||
mediaTypes = ed.getParam("fullpage_media_types", defaultMediaTypes).split(',');
|
||||
for (i=0; i<mediaTypes.length; i++) {
|
||||
p = mediaTypes[i].split('=');
|
||||
|
||||
if (p.length > 1) {
|
||||
addSelectValue(f, 'element_style_media', p[0], p[1]);
|
||||
addSelectValue(f, 'element_link_media', p[0], p[1]);
|
||||
}
|
||||
}
|
||||
|
||||
// Setup encodings select box
|
||||
encodings = ed.getParam("fullpage_encodings", defaultEncodings).split(',');
|
||||
for (i=0; i<encodings.length; i++) {
|
||||
p = encodings[i].split('=');
|
||||
|
||||
if (p.length > 1) {
|
||||
addSelectValue(f, 'docencoding', p[0], p[1]);
|
||||
addSelectValue(f, 'element_script_charset', p[0], p[1]);
|
||||
addSelectValue(f, 'element_link_charset', p[0], p[1]);
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
||||
document.getElementById('link_color_pickcontainer').innerHTML = getColorPickerHTML('link_color_pick','link_color');
|
||||
//document.getElementById('hover_color_pickcontainer').innerHTML = getColorPickerHTML('hover_color_pick','hover_color');
|
||||
document.getElementById('visited_color_pickcontainer').innerHTML = getColorPickerHTML('visited_color_pick','visited_color');
|
||||
document.getElementById('active_color_pickcontainer').innerHTML = getColorPickerHTML('active_color_pick','active_color');
|
||||
document.getElementById('textcolor_pickcontainer').innerHTML = getColorPickerHTML('textcolor_pick','textcolor');
|
||||
document.getElementById('stylesheet_browsercontainer').innerHTML = getBrowserHTML('stylesheetbrowser','stylesheet','file','fullpage');
|
||||
document.getElementById('link_href_pickcontainer').innerHTML = getBrowserHTML('link_href_browser','element_link_href','file','fullpage');
|
||||
document.getElementById('script_src_pickcontainer').innerHTML = getBrowserHTML('script_src_browser','element_script_src','file','fullpage');
|
||||
document.getElementById('bgimage_pickcontainer').innerHTML = getBrowserHTML('bgimage_browser','bgimage','image','fullpage');
|
||||
|
||||
// Resize some elements
|
||||
if (isVisible('stylesheetbrowser'))
|
||||
document.getElementById('stylesheet').style.width = '220px';
|
||||
|
||||
if (isVisible('link_href_browser'))
|
||||
document.getElementById('element_link_href').style.width = '230px';
|
||||
|
||||
if (isVisible('bgimage_browser'))
|
||||
document.getElementById('bgimage').style.width = '210px';
|
||||
|
||||
// Add iframe
|
||||
dom.add(document.body, 'iframe', {id : 'documentIframe', src : 'javascript:""', style : {display : 'none'}});
|
||||
doc = dom.get('documentIframe').contentWindow.document;
|
||||
h = tinyMCEPopup.getWindowArg('head_html');
|
||||
|
||||
// Preprocess the HTML disable scripts and urls
|
||||
h = h.replace(/<script>/gi, '<script type="text/javascript">');
|
||||
h = h.replace(/type=([\"\'])?/gi, 'type=$1-mce-');
|
||||
h = h.replace(/(src=|href=)/g, '_mce_$1');
|
||||
|
||||
// Write in the content in the iframe
|
||||
doc.write(h + '</body></html>');
|
||||
doc.close();
|
||||
|
||||
// Parse xml and doctype
|
||||
xmlVer = getReItem(/<\?\s*?xml.*?version\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
|
||||
xmlEnc = getReItem(/<\?\s*?xml.*?encoding\s*?=\s*?"(.*?)".*?\?>/gi, h, 1);
|
||||
docType = getReItem(/<\!DOCTYPE.*?>/gi, h.replace(/\n/g, ''), 0).replace(/ +/g, ' ');
|
||||
f.langcode.value = getReItem(/lang="(.*?)"/gi, h, 1);
|
||||
|
||||
// Parse title
|
||||
if (e = doc.getElementsByTagName('title')[0])
|
||||
el.metatitle.value = e.textContent || e.text;
|
||||
|
||||
// Parse meta
|
||||
tinymce.each(doc.getElementsByTagName('meta'), function(n) {
|
||||
var na = (n.getAttribute('name', 2) || '').toLowerCase(), va = n.getAttribute('content', 2), eq = n.getAttribute('httpEquiv', 2) || '';
|
||||
|
||||
e = el['meta' + na];
|
||||
|
||||
if (na == 'robots') {
|
||||
selectByValue(f, 'metarobots', tinymce.trim(va), true, true);
|
||||
return;
|
||||
}
|
||||
|
||||
switch (eq.toLowerCase()) {
|
||||
case "content-type":
|
||||
tmp = getReItem(/charset\s*=\s*(.*)\s*/gi, va, 1);
|
||||
|
||||
// Override XML encoding
|
||||
if (tmp != "")
|
||||
xmlEnc = tmp;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (e)
|
||||
e.value = va;
|
||||
});
|
||||
|
||||
selectByValue(f, 'doctypes', docType, true, true);
|
||||
selectByValue(f, 'docencoding', xmlEnc, true, true);
|
||||
selectByValue(f, 'langdir', doc.body.getAttribute('dir', 2) || '', true, true);
|
||||
|
||||
if (xmlVer != '')
|
||||
el.xml_pi.checked = true;
|
||||
|
||||
// Parse appearance
|
||||
|
||||
// Parse primary stylesheet
|
||||
tinymce.each(doc.getElementsByTagName("link"), function(l) {
|
||||
var m = l.getAttribute('media', 2) || '', t = l.getAttribute('type', 2) || '';
|
||||
|
||||
if (t == "-mce-text/css" && (m == "" || m == "screen" || m == "all") && (l.getAttribute('rel', 2) || '') == "stylesheet") {
|
||||
f.stylesheet.value = l.getAttribute('_mce_href', 2) || '';
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Get from style elements
|
||||
tinymce.each(doc.getElementsByTagName("style"), function(st) {
|
||||
var tmp = parseStyleElement(st);
|
||||
|
||||
for (x=0; x<tmp.length; x++) {
|
||||
if (tmp[x].rule.indexOf('a:visited') != -1 && tmp[x].data['color'])
|
||||
f.visited_color.value = tmp[x].data['color'];
|
||||
|
||||
if (tmp[x].rule.indexOf('a:link') != -1 && tmp[x].data['color'])
|
||||
f.link_color.value = tmp[x].data['color'];
|
||||
|
||||
if (tmp[x].rule.indexOf('a:active') != -1 && tmp[x].data['color'])
|
||||
f.active_color.value = tmp[x].data['color'];
|
||||
}
|
||||
});
|
||||
|
||||
f.textcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "text");
|
||||
f.active_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "alink");
|
||||
f.link_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "link");
|
||||
f.visited_color.value = tinyMCEPopup.dom.getAttrib(doc.body, "vlink");
|
||||
f.bgcolor.value = tinyMCEPopup.dom.getAttrib(doc.body, "bgcolor");
|
||||
f.bgimage.value = tinyMCEPopup.dom.getAttrib(doc.body, "background");
|
||||
|
||||
// Get from style info
|
||||
style = tinyMCEPopup.dom.parseStyle(tinyMCEPopup.dom.getAttrib(doc.body, 'style'));
|
||||
|
||||
if (style['font-family'])
|
||||
selectByValue(f, 'fontface', style['font-family'], true, true);
|
||||
else
|
||||
selectByValue(f, 'fontface', ed.getParam("fullpage_default_fontface", ""), true, true);
|
||||
|
||||
if (style['font-size'])
|
||||
selectByValue(f, 'fontsize', style['font-size'], true, true);
|
||||
else
|
||||
selectByValue(f, 'fontsize', ed.getParam("fullpage_default_fontsize", ""), true, true);
|
||||
|
||||
if (style['color'])
|
||||
f.textcolor.value = convertRGBToHex(style['color']);
|
||||
|
||||
if (style['background-image'])
|
||||
f.bgimage.value = style['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
|
||||
if (style['background-color'])
|
||||
f.bgcolor.value = style['background-color'];
|
||||
|
||||
if (style['margin']) {
|
||||
tmp = style['margin'].replace(/[^0-9 ]/g, '');
|
||||
tmp = tmp.split(/ +/);
|
||||
f.topmargin.value = tmp.length > 0 ? tmp[0] : '';
|
||||
f.rightmargin.value = tmp.length > 1 ? tmp[1] : tmp[0];
|
||||
f.bottommargin.value = tmp.length > 2 ? tmp[2] : tmp[0];
|
||||
f.leftmargin.value = tmp.length > 3 ? tmp[3] : tmp[0];
|
||||
}
|
||||
|
||||
if (style['margin-left'])
|
||||
f.leftmargin.value = style['margin-left'].replace(/[^0-9]/g, '');
|
||||
|
||||
if (style['margin-right'])
|
||||
f.rightmargin.value = style['margin-right'].replace(/[^0-9]/g, '');
|
||||
|
||||
if (style['margin-top'])
|
||||
f.topmargin.value = style['margin-top'].replace(/[^0-9]/g, '');
|
||||
|
||||
if (style['margin-bottom'])
|
||||
f.bottommargin.value = style['margin-bottom'].replace(/[^0-9]/g, '');
|
||||
|
||||
f.style.value = tinyMCEPopup.dom.serializeStyle(style);
|
||||
|
||||
// Update colors
|
||||
updateColor('textcolor_pick', 'textcolor');
|
||||
updateColor('bgcolor_pick', 'bgcolor');
|
||||
updateColor('visited_color_pick', 'visited_color');
|
||||
updateColor('active_color_pick', 'active_color');
|
||||
updateColor('link_color_pick', 'link_color');
|
||||
}
|
||||
|
||||
function getReItem(r, s, i) {
|
||||
var c = r.exec(s);
|
||||
|
||||
if (c && c.length > i)
|
||||
return c[i];
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
function updateAction() {
|
||||
var f = document.forms[0], nl, i, h, v, s, head, html, l, tmp, addlink = true, ser;
|
||||
|
||||
head = doc.getElementsByTagName('head')[0];
|
||||
|
||||
// Fix scripts without a type
|
||||
nl = doc.getElementsByTagName('script');
|
||||
for (i=0; i<nl.length; i++) {
|
||||
if (tinyMCEPopup.dom.getAttrib(nl[i], '_mce_type') == '')
|
||||
nl[i].setAttribute('_mce_type', 'text/javascript');
|
||||
}
|
||||
|
||||
// Get primary stylesheet
|
||||
nl = doc.getElementsByTagName("link");
|
||||
for (i=0; i<nl.length; i++) {
|
||||
l = nl[i];
|
||||
|
||||
tmp = tinyMCEPopup.dom.getAttrib(l, 'media');
|
||||
|
||||
if (tinyMCEPopup.dom.getAttrib(l, '_mce_type') == "text/css" && (tmp == "" || tmp == "screen" || tmp == "all") && tinyMCEPopup.dom.getAttrib(l, 'rel') == "stylesheet") {
|
||||
addlink = false;
|
||||
|
||||
if (f.stylesheet.value == '')
|
||||
l.parentNode.removeChild(l);
|
||||
else
|
||||
l.setAttribute('_mce_href', f.stylesheet.value);
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Add new link
|
||||
if (f.stylesheet.value != '') {
|
||||
l = doc.createElement('link');
|
||||
|
||||
l.setAttribute('type', 'text/css');
|
||||
l.setAttribute('_mce_href', f.stylesheet.value);
|
||||
l.setAttribute('rel', 'stylesheet');
|
||||
|
||||
head.appendChild(l);
|
||||
}
|
||||
|
||||
setMeta(head, 'keywords', f.metakeywords.value);
|
||||
setMeta(head, 'description', f.metadescription.value);
|
||||
setMeta(head, 'author', f.metaauthor.value);
|
||||
setMeta(head, 'copyright', f.metacopyright.value);
|
||||
setMeta(head, 'robots', getSelectValue(f, 'metarobots'));
|
||||
setMeta(head, 'Content-Type', getSelectValue(f, 'docencoding'));
|
||||
|
||||
doc.body.dir = getSelectValue(f, 'langdir');
|
||||
doc.body.style.cssText = f.style.value;
|
||||
|
||||
doc.body.setAttribute('vLink', f.visited_color.value);
|
||||
doc.body.setAttribute('link', f.link_color.value);
|
||||
doc.body.setAttribute('text', f.textcolor.value);
|
||||
doc.body.setAttribute('aLink', f.active_color.value);
|
||||
|
||||
doc.body.style.fontFamily = getSelectValue(f, 'fontface');
|
||||
doc.body.style.fontSize = getSelectValue(f, 'fontsize');
|
||||
doc.body.style.backgroundColor = f.bgcolor.value;
|
||||
|
||||
if (f.leftmargin.value != '')
|
||||
doc.body.style.marginLeft = f.leftmargin.value + 'px';
|
||||
|
||||
if (f.rightmargin.value != '')
|
||||
doc.body.style.marginRight = f.rightmargin.value + 'px';
|
||||
|
||||
if (f.bottommargin.value != '')
|
||||
doc.body.style.marginBottom = f.bottommargin.value + 'px';
|
||||
|
||||
if (f.topmargin.value != '')
|
||||
doc.body.style.marginTop = f.topmargin.value + 'px';
|
||||
|
||||
html = doc.getElementsByTagName('html')[0];
|
||||
html.setAttribute('lang', f.langcode.value);
|
||||
html.setAttribute('xml:lang', f.langcode.value);
|
||||
|
||||
if (f.bgimage.value != '')
|
||||
doc.body.style.backgroundImage = "url('" + f.bgimage.value + "')";
|
||||
else
|
||||
doc.body.style.backgroundImage = '';
|
||||
|
||||
ser = tinyMCEPopup.editor.plugins.fullpage._createSerializer();
|
||||
ser.setRules('-title,meta[http-equiv|name|content],base[href|target],link[href|rel|type|title|media],style[type],script[type|language|src],html[lang|xml::lang|xmlns],body[style|dir|vlink|link|text|alink],head');
|
||||
|
||||
h = ser.serialize(doc.documentElement);
|
||||
h = h.substring(0, h.lastIndexOf('</body>'));
|
||||
|
||||
if (h.indexOf('<title>') == -1)
|
||||
h = h.replace(/<head.*?>/, '$&\n' + '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
|
||||
else
|
||||
h = h.replace(/<title>(.*?)<\/title>/, '<title>' + tinyMCEPopup.dom.encode(f.metatitle.value) + '</title>');
|
||||
|
||||
if ((v = getSelectValue(f, 'doctypes')) != '')
|
||||
h = v + '\n' + h;
|
||||
|
||||
if (f.xml_pi.checked) {
|
||||
s = '<?xml version="1.0"';
|
||||
|
||||
if ((v = getSelectValue(f, 'docencoding')) != '')
|
||||
s += ' encoding="' + v + '"';
|
||||
|
||||
s += '?>\n';
|
||||
h = s + h;
|
||||
}
|
||||
|
||||
h = h.replace(/type=\"\-mce\-/gi, 'type="');
|
||||
|
||||
tinyMCEPopup.editor.plugins.fullpage.head = h;
|
||||
tinyMCEPopup.editor.plugins.fullpage._setBodyAttribs(tinyMCEPopup.editor, {});
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function changedStyleField(field) {
|
||||
}
|
||||
|
||||
function setMeta(he, k, v) {
|
||||
var nl, i, m;
|
||||
|
||||
nl = he.getElementsByTagName('meta');
|
||||
for (i=0; i<nl.length; i++) {
|
||||
if (k == 'Content-Type' && tinyMCEPopup.dom.getAttrib(nl[i], 'http-equiv') == k) {
|
||||
if (v == '')
|
||||
nl[i].parentNode.removeChild(nl[i]);
|
||||
else
|
||||
nl[i].setAttribute('content', "text/html; charset=" + v);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (tinyMCEPopup.dom.getAttrib(nl[i], 'name') == k) {
|
||||
if (v == '')
|
||||
nl[i].parentNode.removeChild(nl[i]);
|
||||
else
|
||||
nl[i].setAttribute('content', v);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (v == '')
|
||||
return;
|
||||
|
||||
m = doc.createElement('meta');
|
||||
|
||||
if (k == 'Content-Type')
|
||||
m.httpEquiv = k;
|
||||
else
|
||||
m.setAttribute('name', k);
|
||||
|
||||
m.setAttribute('content', v);
|
||||
he.appendChild(m);
|
||||
}
|
||||
|
||||
function parseStyleElement(e) {
|
||||
var v = e.innerHTML;
|
||||
var p, i, r;
|
||||
|
||||
v = v.replace(/<!--/gi, '');
|
||||
v = v.replace(/-->/gi, '');
|
||||
v = v.replace(/[\n\r]/gi, '');
|
||||
v = v.replace(/\s+/gi, ' ');
|
||||
|
||||
r = [];
|
||||
p = v.split(/{|}/);
|
||||
|
||||
for (i=0; i<p.length; i+=2) {
|
||||
if (p[i] != "")
|
||||
r[r.length] = {rule : tinymce.trim(p[i]), data : tinyMCEPopup.dom.parseStyle(p[i+1])};
|
||||
}
|
||||
|
||||
return r;
|
||||
}
|
||||
|
||||
function serializeStyleElement(d) {
|
||||
var i, s, st;
|
||||
|
||||
s = '<!--\n';
|
||||
|
||||
for (i=0; i<d.length; i++) {
|
||||
s += d[i].rule + ' {\n';
|
||||
|
||||
st = tinyMCE.serializeStyle(d[i].data);
|
||||
|
||||
if (st != '')
|
||||
st += ';';
|
||||
|
||||
s += st.replace(/;/g, ';\n');
|
||||
s += '}\n';
|
||||
|
||||
if (i != d.length - 1)
|
||||
s += '\n';
|
||||
}
|
||||
|
||||
s += '\n-->';
|
||||
|
||||
return s;
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
85
tinymce/jscripts/tiny_mce/plugins/fullpage/langs/en_dlg.js
vendored
Normal file
85
tinymce/jscripts/tiny_mce/plugins/fullpage/langs/en_dlg.js
vendored
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
tinyMCE.addI18n('en.fullpage_dlg',{
|
||||
title:"Document properties",
|
||||
meta_tab:"General",
|
||||
appearance_tab:"Appearance",
|
||||
advanced_tab:"Advanced",
|
||||
meta_props:"Meta information",
|
||||
langprops:"Language and encoding",
|
||||
meta_title:"Title",
|
||||
meta_keywords:"Keywords",
|
||||
meta_description:"Description",
|
||||
meta_robots:"Robots",
|
||||
doctypes:"Doctype",
|
||||
langcode:"Language code",
|
||||
langdir:"Language direction",
|
||||
ltr:"Left to right",
|
||||
rtl:"Right to left",
|
||||
xml_pi:"XML declaration",
|
||||
encoding:"Character encoding",
|
||||
appearance_bgprops:"Background properties",
|
||||
appearance_marginprops:"Body margins",
|
||||
appearance_linkprops:"Link colors",
|
||||
appearance_textprops:"Text properties",
|
||||
bgcolor:"Background color",
|
||||
bgimage:"Background image",
|
||||
left_margin:"Left margin",
|
||||
right_margin:"Right margin",
|
||||
top_margin:"Top margin",
|
||||
bottom_margin:"Bottom margin",
|
||||
text_color:"Text color",
|
||||
font_size:"Font size",
|
||||
font_face:"Font face",
|
||||
link_color:"Link color",
|
||||
hover_color:"Hover color",
|
||||
visited_color:"Visited color",
|
||||
active_color:"Active color",
|
||||
textcolor:"Color",
|
||||
fontsize:"Font size",
|
||||
fontface:"Font family",
|
||||
meta_index_follow:"Index and follow the links",
|
||||
meta_index_nofollow:"Index and don't follow the links",
|
||||
meta_noindex_follow:"Do not index but follow the links",
|
||||
meta_noindex_nofollow:"Do not index and don\'t follow the links",
|
||||
appearance_style:"Stylesheet and style properties",
|
||||
stylesheet:"Stylesheet",
|
||||
style:"Style",
|
||||
author:"Author",
|
||||
copyright:"Copyright",
|
||||
add:"Add new element",
|
||||
remove:"Remove selected element",
|
||||
moveup:"Move selected element up",
|
||||
movedown:"Move selected element down",
|
||||
head_elements:"Head elements",
|
||||
info:"Information",
|
||||
add_title:"Title element",
|
||||
add_meta:"Meta element",
|
||||
add_script:"Script element",
|
||||
add_style:"Style element",
|
||||
add_link:"Link element",
|
||||
add_base:"Base element",
|
||||
add_comment:"Comment node",
|
||||
title_element:"Title element",
|
||||
script_element:"Script element",
|
||||
style_element:"Style element",
|
||||
base_element:"Base element",
|
||||
link_element:"Link element",
|
||||
meta_element:"Meta element",
|
||||
comment_element:"Comment",
|
||||
src:"Src",
|
||||
language:"Language",
|
||||
href:"Href",
|
||||
target:"Target",
|
||||
type:"Type",
|
||||
charset:"Charset",
|
||||
defer:"Defer",
|
||||
media:"Media",
|
||||
properties:"Properties",
|
||||
name:"Name",
|
||||
value:"Value",
|
||||
content:"Content",
|
||||
rel:"Rel",
|
||||
rev:"Rev",
|
||||
hreflang:"Href lang",
|
||||
general_props:"General",
|
||||
advanced_props:"Advanced"
|
||||
});
|
||||
1
tinymce/jscripts/tiny_mce/plugins/fullscreen/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/fullscreen/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){var a=tinymce.DOM;tinymce.create("tinymce.plugins.FullScreenPlugin",{init:function(c,d){var e=this,f={},b;e.editor=c;c.addCommand("mceFullScreen",function(){var h,i=a.doc.documentElement;if(c.getParam("fullscreen_is_enabled")){if(c.getParam("fullscreen_new_window")){closeFullscreen()}else{a.win.setTimeout(function(){tinymce.dom.Event.remove(a.win,"resize",e.resizeFunc);tinyMCE.get(c.getParam("fullscreen_editor_id")).setContent(c.getContent({format:"raw"}),{format:"raw"});tinyMCE.remove(c);a.remove("mce_fullscreen_container");i.style.overflow=c.getParam("fullscreen_html_overflow");a.setStyle(a.doc.body,"overflow",c.getParam("fullscreen_overflow"));a.win.scrollTo(c.getParam("fullscreen_scrollx"),c.getParam("fullscreen_scrolly"));tinyMCE.settings=tinyMCE.oldSettings},10)}return}if(c.getParam("fullscreen_new_window")){h=a.win.open(d+"/fullscreen.htm","mceFullScreenPopup","fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width="+screen.availWidth+",height="+screen.availHeight);try{h.resizeTo(screen.availWidth,screen.availHeight)}catch(g){}}else{tinyMCE.oldSettings=tinyMCE.settings;f.fullscreen_overflow=a.getStyle(a.doc.body,"overflow",1)||"auto";f.fullscreen_html_overflow=a.getStyle(i,"overflow",1);b=a.getViewPort();f.fullscreen_scrollx=b.x;f.fullscreen_scrolly=b.y;if(tinymce.isOpera&&f.fullscreen_overflow=="visible"){f.fullscreen_overflow="auto"}if(tinymce.isIE&&f.fullscreen_overflow=="scroll"){f.fullscreen_overflow="auto"}if(tinymce.isIE&&(f.fullscreen_html_overflow=="visible"||f.fullscreen_html_overflow=="scroll")){f.fullscreen_html_overflow="auto"}if(f.fullscreen_overflow=="0px"){f.fullscreen_overflow=""}a.setStyle(a.doc.body,"overflow","hidden");i.style.overflow="hidden";b=a.getViewPort();a.win.scrollTo(0,0);if(tinymce.isIE){b.h-=1}n=a.add(a.doc.body,"div",{id:"mce_fullscreen_container",style:"position:"+(tinymce.isIE6||(tinymce.isIE&&!a.boxModel)?"absolute":"fixed")+";top:0;left:0;width:"+b.w+"px;height:"+b.h+"px;z-index:200000;"});a.add(n,"div",{id:"mce_fullscreen"});tinymce.each(c.settings,function(j,k){f[k]=j});f.id="mce_fullscreen";f.width=n.clientWidth;f.height=n.clientHeight-15;f.fullscreen_is_enabled=true;f.fullscreen_editor_id=c.id;f.theme_advanced_resizing=false;f.save_onsavecallback=function(){c.setContent(tinyMCE.get(f.id).getContent({format:"raw"}),{format:"raw"});c.execCommand("mceSave")};tinymce.each(c.getParam("fullscreen_settings"),function(l,j){f[j]=l});if(f.theme_advanced_toolbar_location==="external"){f.theme_advanced_toolbar_location="top"}e.fullscreenEditor=new tinymce.Editor("mce_fullscreen",f);e.fullscreenEditor.onInit.add(function(){e.fullscreenEditor.setContent(c.getContent());e.fullscreenEditor.focus()});e.fullscreenEditor.render();e.fullscreenElement=new tinymce.dom.Element("mce_fullscreen_container");e.fullscreenElement.update();e.resizeFunc=tinymce.dom.Event.add(a.win,"resize",function(){var m=tinymce.DOM.getViewPort(),k=e.fullscreenEditor,j,l;j=k.dom.getSize(k.getContainer().firstChild);l=k.dom.getSize(k.getContainer().getElementsByTagName("iframe")[0]);k.theme.resizeTo(m.w-j.w+l.w,m.h-j.h+l.h)})}});c.addButton("fullscreen",{title:"fullscreen.desc",cmd:"mceFullScreen"});c.onNodeChange.add(function(h,g){g.setActive("fullscreen",h.getParam("fullscreen_is_enabled"))})},getInfo:function(){return{longname:"Fullscreen",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("fullscreen",tinymce.plugins.FullScreenPlugin)})();
|
||||
151
tinymce/jscripts/tiny_mce/plugins/fullscreen/editor_plugin_src.js
vendored
Normal file
151
tinymce/jscripts/tiny_mce/plugins/fullscreen/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
var DOM = tinymce.DOM;
|
||||
|
||||
tinymce.create('tinymce.plugins.FullScreenPlugin', {
|
||||
init : function(ed, url) {
|
||||
var t = this, s = {}, vp;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceFullScreen', function() {
|
||||
var win, de = DOM.doc.documentElement;
|
||||
|
||||
if (ed.getParam('fullscreen_is_enabled')) {
|
||||
if (ed.getParam('fullscreen_new_window'))
|
||||
closeFullscreen(); // Call to close in new window
|
||||
else {
|
||||
DOM.win.setTimeout(function() {
|
||||
tinymce.dom.Event.remove(DOM.win, 'resize', t.resizeFunc);
|
||||
tinyMCE.get(ed.getParam('fullscreen_editor_id')).setContent(ed.getContent({format : 'raw'}), {format : 'raw'});
|
||||
tinyMCE.remove(ed);
|
||||
DOM.remove('mce_fullscreen_container');
|
||||
de.style.overflow = ed.getParam('fullscreen_html_overflow');
|
||||
DOM.setStyle(DOM.doc.body, 'overflow', ed.getParam('fullscreen_overflow'));
|
||||
DOM.win.scrollTo(ed.getParam('fullscreen_scrollx'), ed.getParam('fullscreen_scrolly'));
|
||||
tinyMCE.settings = tinyMCE.oldSettings; // Restore old settings
|
||||
}, 10);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (ed.getParam('fullscreen_new_window')) {
|
||||
win = DOM.win.open(url + "/fullscreen.htm", "mceFullScreenPopup", "fullscreen=yes,menubar=no,toolbar=no,scrollbars=no,resizable=yes,left=0,top=0,width=" + screen.availWidth + ",height=" + screen.availHeight);
|
||||
try {
|
||||
win.resizeTo(screen.availWidth, screen.availHeight);
|
||||
} catch (e) {
|
||||
// Ignore
|
||||
}
|
||||
} else {
|
||||
tinyMCE.oldSettings = tinyMCE.settings; // Store old settings
|
||||
s.fullscreen_overflow = DOM.getStyle(DOM.doc.body, 'overflow', 1) || 'auto';
|
||||
s.fullscreen_html_overflow = DOM.getStyle(de, 'overflow', 1);
|
||||
vp = DOM.getViewPort();
|
||||
s.fullscreen_scrollx = vp.x;
|
||||
s.fullscreen_scrolly = vp.y;
|
||||
|
||||
// Fixes an Opera bug where the scrollbars doesn't reappear
|
||||
if (tinymce.isOpera && s.fullscreen_overflow == 'visible')
|
||||
s.fullscreen_overflow = 'auto';
|
||||
|
||||
// Fixes an IE bug where horizontal scrollbars would appear
|
||||
if (tinymce.isIE && s.fullscreen_overflow == 'scroll')
|
||||
s.fullscreen_overflow = 'auto';
|
||||
|
||||
// Fixes an IE bug where the scrollbars doesn't reappear
|
||||
if (tinymce.isIE && (s.fullscreen_html_overflow == 'visible' || s.fullscreen_html_overflow == 'scroll'))
|
||||
s.fullscreen_html_overflow = 'auto';
|
||||
|
||||
if (s.fullscreen_overflow == '0px')
|
||||
s.fullscreen_overflow = '';
|
||||
|
||||
DOM.setStyle(DOM.doc.body, 'overflow', 'hidden');
|
||||
de.style.overflow = 'hidden'; //Fix for IE6/7
|
||||
vp = DOM.getViewPort();
|
||||
DOM.win.scrollTo(0, 0);
|
||||
|
||||
if (tinymce.isIE)
|
||||
vp.h -= 1;
|
||||
|
||||
n = DOM.add(DOM.doc.body, 'div', {id : 'mce_fullscreen_container', style : 'position:' + (tinymce.isIE6 || (tinymce.isIE && !DOM.boxModel) ? 'absolute' : 'fixed') + ';top:0;left:0;width:' + vp.w + 'px;height:' + vp.h + 'px;z-index:200000;'});
|
||||
DOM.add(n, 'div', {id : 'mce_fullscreen'});
|
||||
|
||||
tinymce.each(ed.settings, function(v, n) {
|
||||
s[n] = v;
|
||||
});
|
||||
|
||||
s.id = 'mce_fullscreen';
|
||||
s.width = n.clientWidth;
|
||||
s.height = n.clientHeight - 15;
|
||||
s.fullscreen_is_enabled = true;
|
||||
s.fullscreen_editor_id = ed.id;
|
||||
s.theme_advanced_resizing = false;
|
||||
s.save_onsavecallback = function() {
|
||||
ed.setContent(tinyMCE.get(s.id).getContent({format : 'raw'}), {format : 'raw'});
|
||||
ed.execCommand('mceSave');
|
||||
};
|
||||
|
||||
tinymce.each(ed.getParam('fullscreen_settings'), function(v, k) {
|
||||
s[k] = v;
|
||||
});
|
||||
|
||||
if (s.theme_advanced_toolbar_location === 'external')
|
||||
s.theme_advanced_toolbar_location = 'top';
|
||||
|
||||
t.fullscreenEditor = new tinymce.Editor('mce_fullscreen', s);
|
||||
t.fullscreenEditor.onInit.add(function() {
|
||||
t.fullscreenEditor.setContent(ed.getContent());
|
||||
t.fullscreenEditor.focus();
|
||||
});
|
||||
|
||||
t.fullscreenEditor.render();
|
||||
|
||||
t.fullscreenElement = new tinymce.dom.Element('mce_fullscreen_container');
|
||||
t.fullscreenElement.update();
|
||||
//document.body.overflow = 'hidden';
|
||||
|
||||
t.resizeFunc = tinymce.dom.Event.add(DOM.win, 'resize', function() {
|
||||
var vp = tinymce.DOM.getViewPort(), fed = t.fullscreenEditor, outerSize, innerSize;
|
||||
|
||||
// Get outer/inner size to get a delta size that can be used to calc the new iframe size
|
||||
outerSize = fed.dom.getSize(fed.getContainer().firstChild);
|
||||
innerSize = fed.dom.getSize(fed.getContainer().getElementsByTagName('iframe')[0]);
|
||||
|
||||
fed.theme.resizeTo(vp.w - outerSize.w + innerSize.w, vp.h - outerSize.h + innerSize.h);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('fullscreen', {title : 'fullscreen.desc', cmd : 'mceFullScreen'});
|
||||
|
||||
ed.onNodeChange.add(function(ed, cm) {
|
||||
cm.setActive('fullscreen', ed.getParam('fullscreen_is_enabled'));
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Fullscreen',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/fullscreen',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('fullscreen', tinymce.plugins.FullScreenPlugin);
|
||||
})();
|
||||
109
tinymce/jscripts/tiny_mce/plugins/fullscreen/fullscreen.htm
vendored
Normal file
109
tinymce/jscripts/tiny_mce/plugins/fullscreen/fullscreen.htm
vendored
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title></title>
|
||||
<script type="text/javascript" src="../../tiny_mce.js"></script>
|
||||
<script type="text/javascript">
|
||||
function patchCallback(settings, key) {
|
||||
if (settings[key])
|
||||
settings[key] = "window.opener." + settings[key];
|
||||
}
|
||||
|
||||
var settings = {}, paSe = window.opener.tinyMCE.activeEditor.settings, oeID = window.opener.tinyMCE.activeEditor.id;
|
||||
|
||||
// Clone array
|
||||
for (var n in paSe)
|
||||
settings[n] = paSe[n];
|
||||
|
||||
// Override options for fullscreen
|
||||
for (var n in paSe.fullscreen_settings)
|
||||
settings[n] = paSe.fullscreen_settings[n];
|
||||
|
||||
// Patch callbacks, make them point to window.opener
|
||||
patchCallback(settings, 'urlconverter_callback');
|
||||
patchCallback(settings, 'insertlink_callback');
|
||||
patchCallback(settings, 'insertimage_callback');
|
||||
patchCallback(settings, 'setupcontent_callback');
|
||||
patchCallback(settings, 'save_callback');
|
||||
patchCallback(settings, 'onchange_callback');
|
||||
patchCallback(settings, 'init_instance_callback');
|
||||
patchCallback(settings, 'file_browser_callback');
|
||||
patchCallback(settings, 'cleanup_callback');
|
||||
patchCallback(settings, 'execcommand_callback');
|
||||
patchCallback(settings, 'oninit');
|
||||
|
||||
// Set options
|
||||
delete settings.id;
|
||||
settings['mode'] = 'exact';
|
||||
settings['elements'] = 'fullscreenarea';
|
||||
settings['add_unload_trigger'] = false;
|
||||
settings['ask'] = false;
|
||||
settings['document_base_url'] = window.opener.tinyMCE.activeEditor.documentBaseURI.getURI();
|
||||
settings['fullscreen_is_enabled'] = true;
|
||||
settings['fullscreen_editor_id'] = oeID;
|
||||
settings['theme_advanced_resizing'] = false;
|
||||
settings['strict_loading_mode'] = true;
|
||||
|
||||
settings.save_onsavecallback = function() {
|
||||
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.get('fullscreenarea').getContent({format : 'raw'}), {format : 'raw'});
|
||||
window.opener.tinyMCE.get(oeID).execCommand('mceSave');
|
||||
window.close();
|
||||
};
|
||||
|
||||
function unloadHandler(e) {
|
||||
moveContent();
|
||||
}
|
||||
|
||||
function moveContent() {
|
||||
window.opener.tinyMCE.get(oeID).setContent(tinyMCE.activeEditor.getContent());
|
||||
}
|
||||
|
||||
function closeFullscreen() {
|
||||
moveContent();
|
||||
window.close();
|
||||
}
|
||||
|
||||
function doParentSubmit() {
|
||||
moveContent();
|
||||
|
||||
if (window.opener.tinyMCE.selectedInstance.formElement.form)
|
||||
window.opener.tinyMCE.selectedInstance.formElement.form.submit();
|
||||
|
||||
window.close();
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function render() {
|
||||
var e = document.getElementById('fullscreenarea'), vp, ed, ow, oh, dom = tinymce.DOM;
|
||||
|
||||
e.value = window.opener.tinyMCE.get(oeID).getContent();
|
||||
|
||||
vp = dom.getViewPort();
|
||||
settings.width = vp.w;
|
||||
settings.height = vp.h - 15;
|
||||
|
||||
tinymce.dom.Event.add(window, 'resize', function() {
|
||||
var vp = dom.getViewPort();
|
||||
|
||||
tinyMCE.activeEditor.theme.resizeTo(vp.w, vp.h);
|
||||
});
|
||||
|
||||
tinyMCE.init(settings);
|
||||
}
|
||||
|
||||
// Add onunload
|
||||
tinymce.dom.Event.add(window, "beforeunload", unloadHandler);
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin:0;overflow:hidden;width:100%;height:100%" scrolling="no" scroll="no">
|
||||
<form onsubmit="doParentSubmit();">
|
||||
<textarea id="fullscreenarea" style="width:100%; height:100%"></textarea>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
render();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
tinymce/jscripts/tiny_mce/plugins/iespell/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/iespell/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.IESpell",{init:function(a,b){var c=this,d;if(!tinymce.isIE){return}c.editor=a;a.addCommand("mceIESpell",function(){try{d=new ActiveXObject("ieSpell.ieSpellExtension");d.CheckDocumentNode(a.getDoc().documentElement)}catch(f){if(f.number==-2146827859){a.windowManager.confirm(a.getLang("iespell.download"),function(e){if(e){window.open("http://www.iespell.com/download.php","ieSpellDownload","")}})}else{a.windowManager.alert("Error Loading ieSpell: Exception "+f.number)}}});a.addButton("iespell",{title:"iespell.iespell_desc",cmd:"mceIESpell"})},getInfo:function(){return{longname:"IESpell (IE Only)",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell",version:tinymce.majorVersion+"."+tinymce.minorVersion}}});tinymce.PluginManager.add("iespell",tinymce.plugins.IESpell)})();
|
||||
54
tinymce/jscripts/tiny_mce/plugins/iespell/editor_plugin_src.js
vendored
Normal file
54
tinymce/jscripts/tiny_mce/plugins/iespell/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.IESpell', {
|
||||
init : function(ed, url) {
|
||||
var t = this, sp;
|
||||
|
||||
if (!tinymce.isIE)
|
||||
return;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceIESpell', function() {
|
||||
try {
|
||||
sp = new ActiveXObject("ieSpell.ieSpellExtension");
|
||||
sp.CheckDocumentNode(ed.getDoc().documentElement);
|
||||
} catch (e) {
|
||||
if (e.number == -2146827859) {
|
||||
ed.windowManager.confirm(ed.getLang("iespell.download"), function(s) {
|
||||
if (s)
|
||||
window.open('http://www.iespell.com/download.php', 'ieSpellDownload', '');
|
||||
});
|
||||
} else
|
||||
ed.windowManager.alert("Error Loading ieSpell: Exception " + e.number);
|
||||
}
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('iespell', {title : 'iespell.iespell_desc', cmd : 'mceIESpell'});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'IESpell (IE Only)',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/iespell',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('iespell', tinymce.plugins.IESpell);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/inlinepopups/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/inlinepopups/editor_plugin.js
vendored
Normal file
File diff suppressed because one or more lines are too long
635
tinymce/jscripts/tiny_mce/plugins/inlinepopups/editor_plugin_src.js
vendored
Normal file
635
tinymce/jscripts/tiny_mce/plugins/inlinepopups/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,635 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
var DOM = tinymce.DOM, Element = tinymce.dom.Element, Event = tinymce.dom.Event, each = tinymce.each, is = tinymce.is;
|
||||
|
||||
tinymce.create('tinymce.plugins.InlinePopups', {
|
||||
init : function(ed, url) {
|
||||
// Replace window manager
|
||||
ed.onBeforeRenderUI.add(function() {
|
||||
ed.windowManager = new tinymce.InlineWindowManager(ed);
|
||||
DOM.loadCSS(url + '/skins/' + (ed.settings.inlinepopups_skin || 'clearlooks2') + "/window.css");
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'InlinePopups',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/inlinepopups',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
tinymce.create('tinymce.InlineWindowManager:tinymce.WindowManager', {
|
||||
InlineWindowManager : function(ed) {
|
||||
var t = this;
|
||||
|
||||
t.parent(ed);
|
||||
t.zIndex = 300000;
|
||||
t.count = 0;
|
||||
t.windows = {};
|
||||
},
|
||||
|
||||
open : function(f, p) {
|
||||
var t = this, id, opt = '', ed = t.editor, dw = 0, dh = 0, vp, po, mdf, clf, we, w, u;
|
||||
|
||||
f = f || {};
|
||||
p = p || {};
|
||||
|
||||
// Run native windows
|
||||
if (!f.inline)
|
||||
return t.parent(f, p);
|
||||
|
||||
// Only store selection if the type is a normal window
|
||||
if (!f.type)
|
||||
t.bookmark = ed.selection.getBookmark(1);
|
||||
|
||||
id = DOM.uniqueId();
|
||||
vp = DOM.getViewPort();
|
||||
f.width = parseInt(f.width || 320);
|
||||
f.height = parseInt(f.height || 240) + (tinymce.isIE ? 8 : 0);
|
||||
f.min_width = parseInt(f.min_width || 150);
|
||||
f.min_height = parseInt(f.min_height || 100);
|
||||
f.max_width = parseInt(f.max_width || 2000);
|
||||
f.max_height = parseInt(f.max_height || 2000);
|
||||
f.left = f.left || Math.round(Math.max(vp.x, vp.x + (vp.w / 2.0) - (f.width / 2.0)));
|
||||
f.top = f.top || Math.round(Math.max(vp.y, vp.y + (vp.h / 2.0) - (f.height / 2.0)));
|
||||
f.movable = f.resizable = true;
|
||||
p.mce_width = f.width;
|
||||
p.mce_height = f.height;
|
||||
p.mce_inline = true;
|
||||
p.mce_window_id = id;
|
||||
p.mce_auto_focus = f.auto_focus;
|
||||
|
||||
// Transpose
|
||||
// po = DOM.getPos(ed.getContainer());
|
||||
// f.left -= po.x;
|
||||
// f.top -= po.y;
|
||||
|
||||
t.features = f;
|
||||
t.params = p;
|
||||
t.onOpen.dispatch(t, f, p);
|
||||
|
||||
if (f.type) {
|
||||
opt += ' mceModal';
|
||||
|
||||
if (f.type)
|
||||
opt += ' mce' + f.type.substring(0, 1).toUpperCase() + f.type.substring(1);
|
||||
|
||||
f.resizable = false;
|
||||
}
|
||||
|
||||
if (f.statusbar)
|
||||
opt += ' mceStatusbar';
|
||||
|
||||
if (f.resizable)
|
||||
opt += ' mceResizable';
|
||||
|
||||
if (f.minimizable)
|
||||
opt += ' mceMinimizable';
|
||||
|
||||
if (f.maximizable)
|
||||
opt += ' mceMaximizable';
|
||||
|
||||
if (f.movable)
|
||||
opt += ' mceMovable';
|
||||
|
||||
// Create DOM objects
|
||||
t._addAll(DOM.doc.body,
|
||||
['div', {id : id, 'class' : ed.settings.inlinepopups_skin || 'clearlooks2', style : 'width:100px;height:100px'},
|
||||
['div', {id : id + '_wrapper', 'class' : 'mceWrapper' + opt},
|
||||
['div', {id : id + '_top', 'class' : 'mceTop'},
|
||||
['div', {'class' : 'mceLeft'}],
|
||||
['div', {'class' : 'mceCenter'}],
|
||||
['div', {'class' : 'mceRight'}],
|
||||
['span', {id : id + '_title'}, f.title || '']
|
||||
],
|
||||
|
||||
['div', {id : id + '_middle', 'class' : 'mceMiddle'},
|
||||
['div', {id : id + '_left', 'class' : 'mceLeft'}],
|
||||
['span', {id : id + '_content'}],
|
||||
['div', {id : id + '_right', 'class' : 'mceRight'}]
|
||||
],
|
||||
|
||||
['div', {id : id + '_bottom', 'class' : 'mceBottom'},
|
||||
['div', {'class' : 'mceLeft'}],
|
||||
['div', {'class' : 'mceCenter'}],
|
||||
['div', {'class' : 'mceRight'}],
|
||||
['span', {id : id + '_status'}, 'Content']
|
||||
],
|
||||
|
||||
['a', {'class' : 'mceMove', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {'class' : 'mceMin', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
||||
['a', {'class' : 'mceMax', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
||||
['a', {'class' : 'mceMed', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
||||
['a', {'class' : 'mceClose', tabindex : '-1', href : 'javascript:;', onmousedown : 'return false;'}],
|
||||
['a', {id : id + '_resize_n', 'class' : 'mceResize mceResizeN', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_s', 'class' : 'mceResize mceResizeS', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_w', 'class' : 'mceResize mceResizeW', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_e', 'class' : 'mceResize mceResizeE', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_nw', 'class' : 'mceResize mceResizeNW', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_ne', 'class' : 'mceResize mceResizeNE', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_sw', 'class' : 'mceResize mceResizeSW', tabindex : '-1', href : 'javascript:;'}],
|
||||
['a', {id : id + '_resize_se', 'class' : 'mceResize mceResizeSE', tabindex : '-1', href : 'javascript:;'}]
|
||||
]
|
||||
]
|
||||
);
|
||||
|
||||
DOM.setStyles(id, {top : -10000, left : -10000});
|
||||
|
||||
// Fix gecko rendering bug, where the editors iframe messed with window contents
|
||||
if (tinymce.isGecko)
|
||||
DOM.setStyle(id, 'overflow', 'auto');
|
||||
|
||||
// Measure borders
|
||||
if (!f.type) {
|
||||
dw += DOM.get(id + '_left').clientWidth;
|
||||
dw += DOM.get(id + '_right').clientWidth;
|
||||
dh += DOM.get(id + '_top').clientHeight;
|
||||
dh += DOM.get(id + '_bottom').clientHeight;
|
||||
}
|
||||
|
||||
// Resize window
|
||||
DOM.setStyles(id, {top : f.top, left : f.left, width : f.width + dw, height : f.height + dh});
|
||||
|
||||
u = f.url || f.file;
|
||||
if (u) {
|
||||
if (tinymce.relaxedDomain)
|
||||
u += (u.indexOf('?') == -1 ? '?' : '&') + 'mce_rdomain=' + tinymce.relaxedDomain;
|
||||
|
||||
u = tinymce._addVer(u);
|
||||
}
|
||||
|
||||
if (!f.type) {
|
||||
DOM.add(id + '_content', 'iframe', {id : id + '_ifr', src : 'javascript:""', frameBorder : 0, style : 'border:0;width:10px;height:10px'});
|
||||
DOM.setStyles(id + '_ifr', {width : f.width, height : f.height});
|
||||
DOM.setAttrib(id + '_ifr', 'src', u);
|
||||
} else {
|
||||
DOM.add(id + '_wrapper', 'a', {id : id + '_ok', 'class' : 'mceButton mceOk', href : 'javascript:;', onmousedown : 'return false;'}, 'Ok');
|
||||
|
||||
if (f.type == 'confirm')
|
||||
DOM.add(id + '_wrapper', 'a', {'class' : 'mceButton mceCancel', href : 'javascript:;', onmousedown : 'return false;'}, 'Cancel');
|
||||
|
||||
DOM.add(id + '_middle', 'div', {'class' : 'mceIcon'});
|
||||
DOM.setHTML(id + '_content', f.content.replace('\n', '<br />'));
|
||||
}
|
||||
|
||||
// Register events
|
||||
mdf = Event.add(id, 'mousedown', function(e) {
|
||||
var n = e.target, w, vp;
|
||||
|
||||
w = t.windows[id];
|
||||
t.focus(id);
|
||||
|
||||
if (n.nodeName == 'A' || n.nodeName == 'a') {
|
||||
if (n.className == 'mceMax') {
|
||||
w.oldPos = w.element.getXY();
|
||||
w.oldSize = w.element.getSize();
|
||||
|
||||
vp = DOM.getViewPort();
|
||||
|
||||
// Reduce viewport size to avoid scrollbars
|
||||
vp.w -= 2;
|
||||
vp.h -= 2;
|
||||
|
||||
w.element.moveTo(vp.x, vp.y);
|
||||
w.element.resizeTo(vp.w, vp.h);
|
||||
DOM.setStyles(id + '_ifr', {width : vp.w - w.deltaWidth, height : vp.h - w.deltaHeight});
|
||||
DOM.addClass(id + '_wrapper', 'mceMaximized');
|
||||
} else if (n.className == 'mceMed') {
|
||||
// Reset to old size
|
||||
w.element.moveTo(w.oldPos.x, w.oldPos.y);
|
||||
w.element.resizeTo(w.oldSize.w, w.oldSize.h);
|
||||
w.iframeElement.resizeTo(w.oldSize.w - w.deltaWidth, w.oldSize.h - w.deltaHeight);
|
||||
|
||||
DOM.removeClass(id + '_wrapper', 'mceMaximized');
|
||||
} else if (n.className == 'mceMove')
|
||||
return t._startDrag(id, e, n.className);
|
||||
else if (DOM.hasClass(n, 'mceResize'))
|
||||
return t._startDrag(id, e, n.className.substring(13));
|
||||
}
|
||||
});
|
||||
|
||||
clf = Event.add(id, 'click', function(e) {
|
||||
var n = e.target;
|
||||
|
||||
t.focus(id);
|
||||
|
||||
if (n.nodeName == 'A' || n.nodeName == 'a') {
|
||||
switch (n.className) {
|
||||
case 'mceClose':
|
||||
t.close(null, id);
|
||||
return Event.cancel(e);
|
||||
|
||||
case 'mceButton mceOk':
|
||||
case 'mceButton mceCancel':
|
||||
f.button_func(n.className == 'mceButton mceOk');
|
||||
return Event.cancel(e);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Add window
|
||||
w = t.windows[id] = {
|
||||
id : id,
|
||||
mousedown_func : mdf,
|
||||
click_func : clf,
|
||||
element : new Element(id, {blocker : 1, container : ed.getContainer()}),
|
||||
iframeElement : new Element(id + '_ifr'),
|
||||
features : f,
|
||||
deltaWidth : dw,
|
||||
deltaHeight : dh
|
||||
};
|
||||
|
||||
w.iframeElement.on('focus', function() {
|
||||
t.focus(id);
|
||||
});
|
||||
|
||||
// Setup blocker
|
||||
if (t.count == 0 && t.editor.getParam('dialog_type', 'modal') == 'modal') {
|
||||
DOM.add(DOM.doc.body, 'div', {
|
||||
id : 'mceModalBlocker',
|
||||
'class' : (t.editor.settings.inlinepopups_skin || 'clearlooks2') + '_modalBlocker',
|
||||
style : {zIndex : t.zIndex - 1}
|
||||
});
|
||||
|
||||
DOM.show('mceModalBlocker'); // Reduces flicker in IE
|
||||
} else
|
||||
DOM.setStyle('mceModalBlocker', 'z-index', t.zIndex - 1);
|
||||
|
||||
if (tinymce.isIE6 || /Firefox\/2\./.test(navigator.userAgent) || (tinymce.isIE && !DOM.boxModel))
|
||||
DOM.setStyles('mceModalBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2});
|
||||
|
||||
t.focus(id);
|
||||
t._fixIELayout(id, 1);
|
||||
|
||||
// Focus ok button
|
||||
if (DOM.get(id + '_ok'))
|
||||
DOM.get(id + '_ok').focus();
|
||||
|
||||
t.count++;
|
||||
|
||||
return w;
|
||||
},
|
||||
|
||||
focus : function(id) {
|
||||
var t = this, w;
|
||||
|
||||
if (w = t.windows[id]) {
|
||||
w.zIndex = this.zIndex++;
|
||||
w.element.setStyle('zIndex', w.zIndex);
|
||||
w.element.update();
|
||||
|
||||
id = id + '_wrapper';
|
||||
DOM.removeClass(t.lastId, 'mceFocus');
|
||||
DOM.addClass(id, 'mceFocus');
|
||||
t.lastId = id;
|
||||
}
|
||||
},
|
||||
|
||||
_addAll : function(te, ne) {
|
||||
var i, n, t = this, dom = tinymce.DOM;
|
||||
|
||||
if (is(ne, 'string'))
|
||||
te.appendChild(dom.doc.createTextNode(ne));
|
||||
else if (ne.length) {
|
||||
te = te.appendChild(dom.create(ne[0], ne[1]));
|
||||
|
||||
for (i=2; i<ne.length; i++)
|
||||
t._addAll(te, ne[i]);
|
||||
}
|
||||
},
|
||||
|
||||
_startDrag : function(id, se, ac) {
|
||||
var t = this, mu, mm, d = DOM.doc, eb, w = t.windows[id], we = w.element, sp = we.getXY(), p, sz, ph, cp, vp, sx, sy, sex, sey, dx, dy, dw, dh;
|
||||
|
||||
// Get positons and sizes
|
||||
// cp = DOM.getPos(t.editor.getContainer());
|
||||
cp = {x : 0, y : 0};
|
||||
vp = DOM.getViewPort();
|
||||
|
||||
// Reduce viewport size to avoid scrollbars while dragging
|
||||
vp.w -= 2;
|
||||
vp.h -= 2;
|
||||
|
||||
sex = se.screenX;
|
||||
sey = se.screenY;
|
||||
dx = dy = dw = dh = 0;
|
||||
|
||||
// Handle mouse up
|
||||
mu = Event.add(d, 'mouseup', function(e) {
|
||||
Event.remove(d, 'mouseup', mu);
|
||||
Event.remove(d, 'mousemove', mm);
|
||||
|
||||
if (eb)
|
||||
eb.remove();
|
||||
|
||||
we.moveBy(dx, dy);
|
||||
we.resizeBy(dw, dh);
|
||||
sz = we.getSize();
|
||||
DOM.setStyles(id + '_ifr', {width : sz.w - w.deltaWidth, height : sz.h - w.deltaHeight});
|
||||
t._fixIELayout(id, 1);
|
||||
|
||||
return Event.cancel(e);
|
||||
});
|
||||
|
||||
if (ac != 'Move')
|
||||
startMove();
|
||||
|
||||
function startMove() {
|
||||
if (eb)
|
||||
return;
|
||||
|
||||
t._fixIELayout(id, 0);
|
||||
|
||||
// Setup event blocker
|
||||
DOM.add(d.body, 'div', {
|
||||
id : 'mceEventBlocker',
|
||||
'class' : 'mceEventBlocker ' + (t.editor.settings.inlinepopups_skin || 'clearlooks2'),
|
||||
style : {zIndex : t.zIndex + 1}
|
||||
});
|
||||
|
||||
if (tinymce.isIE6 || (tinymce.isIE && !DOM.boxModel))
|
||||
DOM.setStyles('mceEventBlocker', {position : 'absolute', left : vp.x, top : vp.y, width : vp.w - 2, height : vp.h - 2});
|
||||
|
||||
eb = new Element('mceEventBlocker');
|
||||
eb.update();
|
||||
|
||||
// Setup placeholder
|
||||
p = we.getXY();
|
||||
sz = we.getSize();
|
||||
sx = cp.x + p.x - vp.x;
|
||||
sy = cp.y + p.y - vp.y;
|
||||
DOM.add(eb.get(), 'div', {id : 'mcePlaceHolder', 'class' : 'mcePlaceHolder', style : {left : sx, top : sy, width : sz.w, height : sz.h}});
|
||||
ph = new Element('mcePlaceHolder');
|
||||
};
|
||||
|
||||
// Handle mouse move/drag
|
||||
mm = Event.add(d, 'mousemove', function(e) {
|
||||
var x, y, v;
|
||||
|
||||
startMove();
|
||||
|
||||
x = e.screenX - sex;
|
||||
y = e.screenY - sey;
|
||||
|
||||
switch (ac) {
|
||||
case 'ResizeW':
|
||||
dx = x;
|
||||
dw = 0 - x;
|
||||
break;
|
||||
|
||||
case 'ResizeE':
|
||||
dw = x;
|
||||
break;
|
||||
|
||||
case 'ResizeN':
|
||||
case 'ResizeNW':
|
||||
case 'ResizeNE':
|
||||
if (ac == "ResizeNW") {
|
||||
dx = x;
|
||||
dw = 0 - x;
|
||||
} else if (ac == "ResizeNE")
|
||||
dw = x;
|
||||
|
||||
dy = y;
|
||||
dh = 0 - y;
|
||||
break;
|
||||
|
||||
case 'ResizeS':
|
||||
case 'ResizeSW':
|
||||
case 'ResizeSE':
|
||||
if (ac == "ResizeSW") {
|
||||
dx = x;
|
||||
dw = 0 - x;
|
||||
} else if (ac == "ResizeSE")
|
||||
dw = x;
|
||||
|
||||
dh = y;
|
||||
break;
|
||||
|
||||
case 'mceMove':
|
||||
dx = x;
|
||||
dy = y;
|
||||
break;
|
||||
}
|
||||
|
||||
// Boundary check
|
||||
if (dw < (v = w.features.min_width - sz.w)) {
|
||||
if (dx !== 0)
|
||||
dx += dw - v;
|
||||
|
||||
dw = v;
|
||||
}
|
||||
|
||||
if (dh < (v = w.features.min_height - sz.h)) {
|
||||
if (dy !== 0)
|
||||
dy += dh - v;
|
||||
|
||||
dh = v;
|
||||
}
|
||||
|
||||
dw = Math.min(dw, w.features.max_width - sz.w);
|
||||
dh = Math.min(dh, w.features.max_height - sz.h);
|
||||
dx = Math.max(dx, vp.x - (sx + vp.x));
|
||||
dy = Math.max(dy, vp.y - (sy + vp.y));
|
||||
dx = Math.min(dx, (vp.w + vp.x) - (sx + sz.w + vp.x));
|
||||
dy = Math.min(dy, (vp.h + vp.y) - (sy + sz.h + vp.y));
|
||||
|
||||
// Move if needed
|
||||
if (dx + dy !== 0) {
|
||||
if (sx + dx < 0)
|
||||
dx = 0;
|
||||
|
||||
if (sy + dy < 0)
|
||||
dy = 0;
|
||||
|
||||
ph.moveTo(sx + dx, sy + dy);
|
||||
}
|
||||
|
||||
// Resize if needed
|
||||
if (dw + dh !== 0)
|
||||
ph.resizeTo(sz.w + dw, sz.h + dh);
|
||||
|
||||
return Event.cancel(e);
|
||||
});
|
||||
|
||||
return Event.cancel(se);
|
||||
},
|
||||
|
||||
resizeBy : function(dw, dh, id) {
|
||||
var w = this.windows[id];
|
||||
|
||||
if (w) {
|
||||
w.element.resizeBy(dw, dh);
|
||||
w.iframeElement.resizeBy(dw, dh);
|
||||
}
|
||||
},
|
||||
|
||||
close : function(win, id) {
|
||||
var t = this, w, d = DOM.doc, ix = 0, fw, id;
|
||||
|
||||
id = t._findId(id || win);
|
||||
|
||||
// Probably not inline
|
||||
if (!t.windows[id]) {
|
||||
t.parent(win);
|
||||
return;
|
||||
}
|
||||
|
||||
t.count--;
|
||||
|
||||
if (t.count == 0)
|
||||
DOM.remove('mceModalBlocker');
|
||||
|
||||
if (w = t.windows[id]) {
|
||||
t.onClose.dispatch(t);
|
||||
Event.remove(d, 'mousedown', w.mousedownFunc);
|
||||
Event.remove(d, 'click', w.clickFunc);
|
||||
Event.clear(id);
|
||||
Event.clear(id + '_ifr');
|
||||
|
||||
DOM.setAttrib(id + '_ifr', 'src', 'javascript:""'); // Prevent leak
|
||||
w.element.remove();
|
||||
delete t.windows[id];
|
||||
|
||||
// Find front most window and focus that
|
||||
each (t.windows, function(w) {
|
||||
if (w.zIndex > ix) {
|
||||
fw = w;
|
||||
ix = w.zIndex;
|
||||
}
|
||||
});
|
||||
|
||||
if (fw)
|
||||
t.focus(fw.id);
|
||||
}
|
||||
},
|
||||
|
||||
setTitle : function(w, ti) {
|
||||
var e;
|
||||
|
||||
w = this._findId(w);
|
||||
|
||||
if (e = DOM.get(w + '_title'))
|
||||
e.innerHTML = DOM.encode(ti);
|
||||
},
|
||||
|
||||
alert : function(txt, cb, s) {
|
||||
var t = this, w;
|
||||
|
||||
w = t.open({
|
||||
title : t,
|
||||
type : 'alert',
|
||||
button_func : function(s) {
|
||||
if (cb)
|
||||
cb.call(s || t, s);
|
||||
|
||||
t.close(null, w.id);
|
||||
},
|
||||
content : DOM.encode(t.editor.getLang(txt, txt)),
|
||||
inline : 1,
|
||||
width : 400,
|
||||
height : 130
|
||||
});
|
||||
},
|
||||
|
||||
confirm : function(txt, cb, s) {
|
||||
var t = this, w;
|
||||
|
||||
w = t.open({
|
||||
title : t,
|
||||
type : 'confirm',
|
||||
button_func : function(s) {
|
||||
if (cb)
|
||||
cb.call(s || t, s);
|
||||
|
||||
t.close(null, w.id);
|
||||
},
|
||||
content : DOM.encode(t.editor.getLang(txt, txt)),
|
||||
inline : 1,
|
||||
width : 400,
|
||||
height : 130
|
||||
});
|
||||
},
|
||||
|
||||
// Internal functions
|
||||
|
||||
_findId : function(w) {
|
||||
var t = this;
|
||||
|
||||
if (typeof(w) == 'string')
|
||||
return w;
|
||||
|
||||
each(t.windows, function(wo) {
|
||||
var ifr = DOM.get(wo.id + '_ifr');
|
||||
|
||||
if (ifr && w == ifr.contentWindow) {
|
||||
w = wo.id;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
return w;
|
||||
},
|
||||
|
||||
_fixIELayout : function(id, s) {
|
||||
var w, img;
|
||||
|
||||
if (!tinymce.isIE6)
|
||||
return;
|
||||
|
||||
// Fixes the bug where hover flickers and does odd things in IE6
|
||||
each(['n','s','w','e','nw','ne','sw','se'], function(v) {
|
||||
var e = DOM.get(id + '_resize_' + v);
|
||||
|
||||
DOM.setStyles(e, {
|
||||
width : s ? e.clientWidth : '',
|
||||
height : s ? e.clientHeight : '',
|
||||
cursor : DOM.getStyle(e, 'cursor', 1)
|
||||
});
|
||||
|
||||
DOM.setStyle(id + "_bottom", 'bottom', '-1px');
|
||||
|
||||
e = 0;
|
||||
});
|
||||
|
||||
// Fixes graphics glitch
|
||||
if (w = this.windows[id]) {
|
||||
// Fixes rendering bug after resize
|
||||
w.element.hide();
|
||||
w.element.show();
|
||||
|
||||
// Forced a repaint of the window
|
||||
//DOM.get(id).style.filter = '';
|
||||
|
||||
// IE has a bug where images used in CSS won't get loaded
|
||||
// sometimes when the cache in the browser is disabled
|
||||
// This fix tries to solve it by loading the images using the image object
|
||||
each(DOM.select('div,a', id), function(e, i) {
|
||||
if (e.currentStyle.backgroundImage != 'none') {
|
||||
img = new Image();
|
||||
img.src = e.currentStyle.backgroundImage.replace(/url\(\"(.+)\"\)/, '$1');
|
||||
}
|
||||
});
|
||||
|
||||
DOM.get(id).style.filter = '';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('inlinepopups', tinymce.plugins.InlinePopups);
|
||||
})();
|
||||
|
||||
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/alert.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/alert.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 818 B |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/button.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/button.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/confirm.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/confirm.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 915 B |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/corners.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/corners.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 911 B |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/horizontal.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/horizontal.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 769 B |
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/vertical.gif
vendored
Normal file
BIN
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/img/vertical.gif
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 B |
90
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/window.css
vendored
Normal file
90
tinymce/jscripts/tiny_mce/plugins/inlinepopups/skins/clearlooks2/window.css
vendored
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
/* Clearlooks 2 */
|
||||
|
||||
/* Reset */
|
||||
.clearlooks2, .clearlooks2 div, .clearlooks2 span, .clearlooks2 a {vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent; font-family:Arial,Verdana; font-size:11px; color:#000; text-decoration:none; font-weight:normal; width:auto; height:auto; overflow:hidden; display:block}
|
||||
|
||||
/* General */
|
||||
.clearlooks2 {position:absolute; direction:ltr}
|
||||
.clearlooks2 .mceWrapper {position:static}
|
||||
.mceEventBlocker {position:fixed; left:0; top:0; background:url(img/horizontal.gif) no-repeat 0 -75px; width:100%; height:100%}
|
||||
.clearlooks2 .mcePlaceHolder {border:1px solid #000; background:#888; top:0; left:0; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50)}
|
||||
.clearlooks2_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60); display:none}
|
||||
|
||||
/* Top */
|
||||
.clearlooks2 .mceTop, .clearlooks2 .mceTop div {top:0; width:100%; height:23px}
|
||||
.clearlooks2 .mceTop .mceLeft {width:6px; background:url(img/corners.gif)}
|
||||
.clearlooks2 .mceTop .mceCenter {right:6px; width:100%; height:23px; background:url(img/horizontal.gif) 12px 0; clip:rect(auto auto auto 12px)}
|
||||
.clearlooks2 .mceTop .mceRight {right:0; width:6px; height:23px; background:url(img/corners.gif) -12px 0}
|
||||
.clearlooks2 .mceTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold}
|
||||
.clearlooks2 .mceFocus .mceTop .mceLeft {background:url(img/corners.gif) -6px 0}
|
||||
.clearlooks2 .mceFocus .mceTop .mceCenter {background:url(img/horizontal.gif) 0 -23px}
|
||||
.clearlooks2 .mceFocus .mceTop .mceRight {background:url(img/corners.gif) -18px 0}
|
||||
.clearlooks2 .mceFocus .mceTop span {color:#FFF}
|
||||
|
||||
/* Middle */
|
||||
.clearlooks2 .mceMiddle, .clearlooks2 .mceMiddle div {top:0}
|
||||
.clearlooks2 .mceMiddle {width:100%; height:100%; clip:rect(23px auto auto auto)}
|
||||
.clearlooks2 .mceMiddle .mceLeft {left:0; width:5px; height:100%; background:url(img/vertical.gif) -5px 0}
|
||||
.clearlooks2 .mceMiddle span {top:23px; left:5px; width:100%; height:100%; background:#FFF}
|
||||
.clearlooks2 .mceMiddle .mceRight {right:0; width:5px; height:100%; background:url(img/vertical.gif)}
|
||||
|
||||
/* Bottom */
|
||||
.clearlooks2 .mceBottom, .clearlooks2 .mceBottom div {height:6px}
|
||||
.clearlooks2 .mceBottom {left:0; bottom:0; width:100%}
|
||||
.clearlooks2 .mceBottom div {top:0}
|
||||
.clearlooks2 .mceBottom .mceLeft {left:0; width:5px; background:url(img/corners.gif) -34px -6px}
|
||||
.clearlooks2 .mceBottom .mceCenter {left:5px; width:100%; background:url(img/horizontal.gif) 0 -46px}
|
||||
.clearlooks2 .mceBottom .mceRight {right:0; width:5px; background: url(img/corners.gif) -34px 0}
|
||||
.clearlooks2 .mceBottom span {display:none}
|
||||
.clearlooks2 .mceStatusbar .mceBottom, .clearlooks2 .mceStatusbar .mceBottom div {height:23px}
|
||||
.clearlooks2 .mceStatusbar .mceBottom .mceLeft {background:url(img/corners.gif) -29px 0}
|
||||
.clearlooks2 .mceStatusbar .mceBottom .mceCenter {background:url(img/horizontal.gif) 0 -52px}
|
||||
.clearlooks2 .mceStatusbar .mceBottom .mceRight {background:url(img/corners.gif) -24px 0}
|
||||
.clearlooks2 .mceStatusbar .mceBottom span {display:block; left:7px; font-family:Arial, Verdana; font-size:11px; line-height:23px}
|
||||
|
||||
/* Actions */
|
||||
.clearlooks2 a {width:29px; height:16px; top:3px;}
|
||||
.clearlooks2 .mceClose {right:6px; background:url(img/buttons.gif) -87px 0}
|
||||
.clearlooks2 .mceMin {display:none; right:68px; background:url(img/buttons.gif) 0 0}
|
||||
.clearlooks2 .mceMed {display:none; right:37px; background:url(img/buttons.gif) -29px 0}
|
||||
.clearlooks2 .mceMax {display:none; right:37px; background:url(img/buttons.gif) -58px 0}
|
||||
.clearlooks2 .mceMove {display:none;width:100%;cursor:move;background:url(img/corners.gif) no-repeat -100px -100px}
|
||||
.clearlooks2 .mceMovable .mceMove {display:block}
|
||||
.clearlooks2 .mceFocus .mceClose {right:6px; background:url(img/buttons.gif) -87px -16px}
|
||||
.clearlooks2 .mceFocus .mceMin {right:68px; background:url(img/buttons.gif) 0 -16px}
|
||||
.clearlooks2 .mceFocus .mceMed {right:37px; background:url(img/buttons.gif) -29px -16px}
|
||||
.clearlooks2 .mceFocus .mceMax {right:37px; background:url(img/buttons.gif) -58px -16px}
|
||||
.clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px}
|
||||
.clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(img/buttons.gif) -87px -32px}
|
||||
.clearlooks2 .mceFocus .mceMin:hover {right:68px; background:url(img/buttons.gif) 0 -32px}
|
||||
.clearlooks2 .mceFocus .mceMed:hover {right:37px; background:url(img/buttons.gif) -29px -32px}
|
||||
.clearlooks2 .mceFocus .mceMax:hover {right:37px; background:url(img/buttons.gif) -58px -32px}
|
||||
|
||||
/* Resize */
|
||||
.clearlooks2 .mceResize {top:auto; left:auto; display:none; width:5px; height:5px; background:url(img/horizontal.gif) no-repeat 0 -75px}
|
||||
.clearlooks2 .mceResizable .mceResize {display:block}
|
||||
.clearlooks2 .mceResizable .mceMin, .clearlooks2 .mceMax {display:none}
|
||||
.clearlooks2 .mceMinimizable .mceMin {display:block}
|
||||
.clearlooks2 .mceMaximizable .mceMax {display:block}
|
||||
.clearlooks2 .mceMaximized .mceMed {display:block}
|
||||
.clearlooks2 .mceMaximized .mceMax {display:none}
|
||||
.clearlooks2 a.mceResizeN {top:0; left:0; width:100%; cursor:n-resize}
|
||||
.clearlooks2 a.mceResizeNW {top:0; left:0; cursor:nw-resize}
|
||||
.clearlooks2 a.mceResizeNE {top:0; right:0; cursor:ne-resize}
|
||||
.clearlooks2 a.mceResizeW {top:0; left:0; height:100%; cursor:w-resize;}
|
||||
.clearlooks2 a.mceResizeE {top:0; right:0; height:100%; cursor:e-resize}
|
||||
.clearlooks2 a.mceResizeS {bottom:0; left:0; width:100%; cursor:s-resize}
|
||||
.clearlooks2 a.mceResizeSW {bottom:0; left:0; cursor:sw-resize}
|
||||
.clearlooks2 a.mceResizeSE {bottom:0; right:0; cursor:se-resize}
|
||||
|
||||
/* Alert/Confirm */
|
||||
.clearlooks2 .mceButton {font-weight:bold; bottom:10px; width:80px; height:30px; background:url(img/button.gif); line-height:30px; vertical-align:middle; text-align:center; outline:0}
|
||||
.clearlooks2 .mceMiddle .mceIcon {left:15px; top:35px; width:32px; height:32px}
|
||||
.clearlooks2 .mceAlert .mceMiddle span, .clearlooks2 .mceConfirm .mceMiddle span {background:transparent;left:60px; top:35px; width:320px; height:50px; font-weight:bold; overflow:auto; white-space:normal}
|
||||
.clearlooks2 a:hover {font-weight:bold;}
|
||||
.clearlooks2 .mceAlert .mceMiddle, .clearlooks2 .mceConfirm .mceMiddle {background:#D6D7D5}
|
||||
.clearlooks2 .mceAlert .mceOk {left:50%; top:auto; margin-left: -40px}
|
||||
.clearlooks2 .mceAlert .mceIcon {background:url(img/alert.gif)}
|
||||
.clearlooks2 .mceConfirm .mceOk {left:50%; top:auto; margin-left: -90px}
|
||||
.clearlooks2 .mceConfirm .mceCancel {left:50%; top:auto}
|
||||
.clearlooks2 .mceConfirm .mceIcon {background:url(img/confirm.gif)}
|
||||
387
tinymce/jscripts/tiny_mce/plugins/inlinepopups/template.htm
vendored
Normal file
387
tinymce/jscripts/tiny_mce/plugins/inlinepopups/template.htm
vendored
Normal file
|
|
@ -0,0 +1,387 @@
|
|||
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Template for dialogs</title>
|
||||
<link rel="stylesheet" type="text/css" href="skins/clearlooks2/window.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="mceEditor">
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px;">
|
||||
<div class="mceWrapper">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Blured</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px;">
|
||||
<div class="mceWrapper mceMovable mceFocus">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Focused</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:120px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceStatusbar">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:120px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceStatusbar mceResizable">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar, Resizable</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:230px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximizable">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Resizable, Maximizable</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:230px;">
|
||||
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximizable">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Blurred, Maximizable, Statusbar, Resizable</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:10px; top:340px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceResizable mceMaximized mceMinimizable mceMaximizable">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Maximized, Maximizable, Minimizable</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:100px; left:420px; top:340px;">
|
||||
<div class="mceWrapper mceMovable mceStatusbar mceResizable mceMaximized mceMinimizable mceMaximizable">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Blured</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>Content</span>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Statusbar text.</span>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceMin" href="#"></a>
|
||||
<a class="mceMax" href="#"></a>
|
||||
<a class="mceMed" href="#"></a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
<a class="mceResize mceResizeN" href="#"></a>
|
||||
<a class="mceResize mceResizeS" href="#"></a>
|
||||
<a class="mceResize mceResizeW" href="#"></a>
|
||||
<a class="mceResize mceResizeE" href="#"></a>
|
||||
<a class="mceResize mceResizeNW" href="#"></a>
|
||||
<a class="mceResize mceResizeNE" href="#"></a>
|
||||
<a class="mceResize mceResizeSW" href="#"></a>
|
||||
<a class="mceResize mceResizeSE" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:130px; left:10px; top:450px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceModal mceAlert">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Alert</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
</span>
|
||||
<div class="mceRight"></div>
|
||||
<div class="mceIcon"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceButton mceOk" href="#">Ok</a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearlooks2" style="width:400px; height:130px; left:420px; top:450px;">
|
||||
<div class="mceWrapper mceMovable mceFocus mceModal mceConfirm">
|
||||
<div class="mceTop">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
<span>Confirm</span>
|
||||
</div>
|
||||
|
||||
<div class="mceMiddle">
|
||||
<div class="mceLeft"></div>
|
||||
<span>
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
This is a very long error message. This is a very long error message.
|
||||
</span>
|
||||
<div class="mceRight"></div>
|
||||
<div class="mceIcon"></div>
|
||||
</div>
|
||||
|
||||
<div class="mceBottom">
|
||||
<div class="mceLeft"></div>
|
||||
<div class="mceCenter"></div>
|
||||
<div class="mceRight"></div>
|
||||
</div>
|
||||
|
||||
<a class="mceMove" href="#"></a>
|
||||
<a class="mceButton mceOk" href="#">Ok</a>
|
||||
<a class="mceButton mceCancel" href="#">Cancel</a>
|
||||
<a class="mceClose" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
tinymce/jscripts/tiny_mce/plugins/insertdatetime/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/insertdatetime/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.InsertDateTime",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceInsertDate",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_dateFormat",a.getLang("insertdatetime.date_fmt")));a.execCommand("mceInsertContent",false,d)});a.addCommand("mceInsertTime",function(){var d=c._getDateTime(new Date(),a.getParam("plugin_insertdate_timeFormat",a.getLang("insertdatetime.time_fmt")));a.execCommand("mceInsertContent",false,d)});a.addButton("insertdate",{title:"insertdatetime.insertdate_desc",cmd:"mceInsertDate"});a.addButton("inserttime",{title:"insertdatetime.inserttime_desc",cmd:"mceInsertTime"})},getInfo:function(){return{longname:"Insert date/time",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_getDateTime:function(e,a){var c=this.editor;function b(g,d){g=""+g;if(g.length<d){for(var f=0;f<(d-g.length);f++){g="0"+g}}return g}a=a.replace("%D","%m/%d/%y");a=a.replace("%r","%I:%M:%S %p");a=a.replace("%Y",""+e.getFullYear());a=a.replace("%y",""+e.getYear());a=a.replace("%m",b(e.getMonth()+1,2));a=a.replace("%d",b(e.getDate(),2));a=a.replace("%H",""+b(e.getHours(),2));a=a.replace("%M",""+b(e.getMinutes(),2));a=a.replace("%S",""+b(e.getSeconds(),2));a=a.replace("%I",""+((e.getHours()+11)%12+1));a=a.replace("%p",""+(e.getHours()<12?"AM":"PM"));a=a.replace("%B",""+c.getLang("insertdatetime.months_long").split(",")[e.getMonth()]);a=a.replace("%b",""+c.getLang("insertdatetime.months_short").split(",")[e.getMonth()]);a=a.replace("%A",""+c.getLang("insertdatetime.day_long").split(",")[e.getDay()]);a=a.replace("%a",""+c.getLang("insertdatetime.day_short").split(",")[e.getDay()]);a=a.replace("%%","%");return a}});tinymce.PluginManager.add("insertdatetime",tinymce.plugins.InsertDateTime)})();
|
||||
83
tinymce/jscripts/tiny_mce/plugins/insertdatetime/editor_plugin_src.js
vendored
Normal file
83
tinymce/jscripts/tiny_mce/plugins/insertdatetime/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.InsertDateTime', {
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
ed.addCommand('mceInsertDate', function() {
|
||||
var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_dateFormat", ed.getLang('insertdatetime.date_fmt')));
|
||||
|
||||
ed.execCommand('mceInsertContent', false, str);
|
||||
});
|
||||
|
||||
ed.addCommand('mceInsertTime', function() {
|
||||
var str = t._getDateTime(new Date(), ed.getParam("plugin_insertdate_timeFormat", ed.getLang('insertdatetime.time_fmt')));
|
||||
|
||||
ed.execCommand('mceInsertContent', false, str);
|
||||
});
|
||||
|
||||
ed.addButton('insertdate', {title : 'insertdatetime.insertdate_desc', cmd : 'mceInsertDate'});
|
||||
ed.addButton('inserttime', {title : 'insertdatetime.inserttime_desc', cmd : 'mceInsertTime'});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Insert date/time',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/insertdatetime',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
// Private methods
|
||||
|
||||
_getDateTime : function(d, fmt) {
|
||||
var ed = this.editor;
|
||||
|
||||
function addZeros(value, len) {
|
||||
value = "" + value;
|
||||
|
||||
if (value.length < len) {
|
||||
for (var i=0; i<(len-value.length); i++)
|
||||
value = "0" + value;
|
||||
}
|
||||
|
||||
return value;
|
||||
};
|
||||
|
||||
fmt = fmt.replace("%D", "%m/%d/%y");
|
||||
fmt = fmt.replace("%r", "%I:%M:%S %p");
|
||||
fmt = fmt.replace("%Y", "" + d.getFullYear());
|
||||
fmt = fmt.replace("%y", "" + d.getYear());
|
||||
fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2));
|
||||
fmt = fmt.replace("%d", addZeros(d.getDate(), 2));
|
||||
fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2));
|
||||
fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2));
|
||||
fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2));
|
||||
fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1));
|
||||
fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM"));
|
||||
fmt = fmt.replace("%B", "" + ed.getLang("insertdatetime.months_long").split(',')[d.getMonth()]);
|
||||
fmt = fmt.replace("%b", "" + ed.getLang("insertdatetime.months_short").split(',')[d.getMonth()]);
|
||||
fmt = fmt.replace("%A", "" + ed.getLang("insertdatetime.day_long").split(',')[d.getDay()]);
|
||||
fmt = fmt.replace("%a", "" + ed.getLang("insertdatetime.day_short").split(',')[d.getDay()]);
|
||||
fmt = fmt.replace("%%", "%");
|
||||
|
||||
return fmt;
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('insertdatetime', tinymce.plugins.InsertDateTime);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/layer/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/layer/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(){tinymce.create("tinymce.plugins.Layer",{init:function(a,b){var c=this;c.editor=a;a.addCommand("mceInsertLayer",c._insertLayer,c);a.addCommand("mceMoveForward",function(){c._move(1)});a.addCommand("mceMoveBackward",function(){c._move(-1)});a.addCommand("mceMakeAbsolute",function(){c._toggleAbsolute()});a.addButton("moveforward",{title:"layer.forward_desc",cmd:"mceMoveForward"});a.addButton("movebackward",{title:"layer.backward_desc",cmd:"mceMoveBackward"});a.addButton("absolute",{title:"layer.absolute_desc",cmd:"mceMakeAbsolute"});a.addButton("insertlayer",{title:"layer.insertlayer_desc",cmd:"mceInsertLayer"});a.onInit.add(function(){if(tinymce.isIE){a.getDoc().execCommand("2D-Position",false,true)}});a.onNodeChange.add(c._nodeChange,c);a.onVisualAid.add(c._visualAid,c)},getInfo:function(){return{longname:"Layer",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer",version:tinymce.majorVersion+"."+tinymce.minorVersion}},_nodeChange:function(b,a,e){var c,d;c=this._getParentLayer(e);d=b.dom.getParent(e,"DIV,P,IMG");if(!d){a.setDisabled("absolute",1);a.setDisabled("moveforward",1);a.setDisabled("movebackward",1)}else{a.setDisabled("absolute",0);a.setDisabled("moveforward",!c);a.setDisabled("movebackward",!c);a.setActive("absolute",c&&c.style.position.toLowerCase()=="absolute")}},_visualAid:function(a,c,b){var d=a.dom;tinymce.each(d.select("div,p",c),function(f){if(/^(absolute|relative|static)$/i.test(f.style.position)){if(b){d.addClass(f,"mceItemVisualAid")}else{d.removeClass(f,"mceItemVisualAid")}}})},_move:function(h){var b=this.editor,f,g=[],e=this._getParentLayer(b.selection.getNode()),c=-1,j=-1,a;a=[];tinymce.walk(b.getBody(),function(d){if(d.nodeType==1&&/^(absolute|relative|static)$/i.test(d.style.position)){a.push(d)}},"childNodes");for(f=0;f<a.length;f++){g[f]=a[f].style.zIndex?parseInt(a[f].style.zIndex):0;if(c<0&&a[f]==e){c=f}}if(h<0){for(f=0;f<g.length;f++){if(g[f]<g[c]){j=f;break}}if(j>-1){a[c].style.zIndex=g[j];a[j].style.zIndex=g[c]}else{if(g[c]>0){a[c].style.zIndex=g[c]-1}}}else{for(f=0;f<g.length;f++){if(g[f]>g[c]){j=f;break}}if(j>-1){a[c].style.zIndex=g[j];a[j].style.zIndex=g[c]}else{a[c].style.zIndex=g[c]+1}}b.execCommand("mceRepaint")},_getParentLayer:function(a){return this.editor.dom.getParent(a,function(b){return b.nodeType==1&&/^(absolute|relative|static)$/i.test(b.style.position)})},_insertLayer:function(){var a=this.editor,b=a.dom.getPos(a.dom.getParent(a.selection.getNode(),"*"));a.dom.add(a.getBody(),"div",{style:{position:"absolute",left:b.x,top:(b.y>20?b.y:20),width:100,height:100},"class":"mceItemVisualAid"},a.selection.getContent()||a.getLang("layer.content"))},_toggleAbsolute:function(){var a=this.editor,b=this._getParentLayer(a.selection.getNode());if(!b){b=a.dom.getParent(a.selection.getNode(),"DIV,P,IMG")}if(b){if(b.style.position.toLowerCase()=="absolute"){a.dom.setStyles(b,{position:"",left:"",top:"",width:"",height:""});a.dom.removeClass(b,"mceItemVisualAid")}else{if(b.style.left==""){b.style.left=20+"px"}if(b.style.top==""){b.style.top=20+"px"}if(b.style.width==""){b.style.width=b.width?(b.width+"px"):"100px"}if(b.style.height==""){b.style.height=b.height?(b.height+"px"):"100px"}b.style.position="absolute";a.addVisual(a.getBody())}a.execCommand("mceRepaint");a.nodeChanged()}}});tinymce.PluginManager.add("layer",tinymce.plugins.Layer)})();
|
||||
212
tinymce/jscripts/tiny_mce/plugins/layer/editor_plugin_src.js
vendored
Normal file
212
tinymce/jscripts/tiny_mce/plugins/layer/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*/
|
||||
|
||||
(function() {
|
||||
tinymce.create('tinymce.plugins.Layer', {
|
||||
init : function(ed, url) {
|
||||
var t = this;
|
||||
|
||||
t.editor = ed;
|
||||
|
||||
// Register commands
|
||||
ed.addCommand('mceInsertLayer', t._insertLayer, t);
|
||||
|
||||
ed.addCommand('mceMoveForward', function() {
|
||||
t._move(1);
|
||||
});
|
||||
|
||||
ed.addCommand('mceMoveBackward', function() {
|
||||
t._move(-1);
|
||||
});
|
||||
|
||||
ed.addCommand('mceMakeAbsolute', function() {
|
||||
t._toggleAbsolute();
|
||||
});
|
||||
|
||||
// Register buttons
|
||||
ed.addButton('moveforward', {title : 'layer.forward_desc', cmd : 'mceMoveForward'});
|
||||
ed.addButton('movebackward', {title : 'layer.backward_desc', cmd : 'mceMoveBackward'});
|
||||
ed.addButton('absolute', {title : 'layer.absolute_desc', cmd : 'mceMakeAbsolute'});
|
||||
ed.addButton('insertlayer', {title : 'layer.insertlayer_desc', cmd : 'mceInsertLayer'});
|
||||
|
||||
ed.onInit.add(function() {
|
||||
if (tinymce.isIE)
|
||||
ed.getDoc().execCommand('2D-Position', false, true);
|
||||
});
|
||||
|
||||
ed.onNodeChange.add(t._nodeChange, t);
|
||||
ed.onVisualAid.add(t._visualAid, t);
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'Layer',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/layer',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
},
|
||||
|
||||
// Private methods
|
||||
|
||||
_nodeChange : function(ed, cm, n) {
|
||||
var le, p;
|
||||
|
||||
le = this._getParentLayer(n);
|
||||
p = ed.dom.getParent(n, 'DIV,P,IMG');
|
||||
|
||||
if (!p) {
|
||||
cm.setDisabled('absolute', 1);
|
||||
cm.setDisabled('moveforward', 1);
|
||||
cm.setDisabled('movebackward', 1);
|
||||
} else {
|
||||
cm.setDisabled('absolute', 0);
|
||||
cm.setDisabled('moveforward', !le);
|
||||
cm.setDisabled('movebackward', !le);
|
||||
cm.setActive('absolute', le && le.style.position.toLowerCase() == "absolute");
|
||||
}
|
||||
},
|
||||
|
||||
// Private methods
|
||||
|
||||
_visualAid : function(ed, e, s) {
|
||||
var dom = ed.dom;
|
||||
|
||||
tinymce.each(dom.select('div,p', e), function(e) {
|
||||
if (/^(absolute|relative|static)$/i.test(e.style.position)) {
|
||||
if (s)
|
||||
dom.addClass(e, 'mceItemVisualAid');
|
||||
else
|
||||
dom.removeClass(e, 'mceItemVisualAid');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_move : function(d) {
|
||||
var ed = this.editor, i, z = [], le = this._getParentLayer(ed.selection.getNode()), ci = -1, fi = -1, nl;
|
||||
|
||||
nl = [];
|
||||
tinymce.walk(ed.getBody(), function(n) {
|
||||
if (n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position))
|
||||
nl.push(n);
|
||||
}, 'childNodes');
|
||||
|
||||
// Find z-indexes
|
||||
for (i=0; i<nl.length; i++) {
|
||||
z[i] = nl[i].style.zIndex ? parseInt(nl[i].style.zIndex) : 0;
|
||||
|
||||
if (ci < 0 && nl[i] == le)
|
||||
ci = i;
|
||||
}
|
||||
|
||||
if (d < 0) {
|
||||
// Move back
|
||||
|
||||
// Try find a lower one
|
||||
for (i=0; i<z.length; i++) {
|
||||
if (z[i] < z[ci]) {
|
||||
fi = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (fi > -1) {
|
||||
nl[ci].style.zIndex = z[fi];
|
||||
nl[fi].style.zIndex = z[ci];
|
||||
} else {
|
||||
if (z[ci] > 0)
|
||||
nl[ci].style.zIndex = z[ci] - 1;
|
||||
}
|
||||
} else {
|
||||
// Move forward
|
||||
|
||||
// Try find a higher one
|
||||
for (i=0; i<z.length; i++) {
|
||||
if (z[i] > z[ci]) {
|
||||
fi = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (fi > -1) {
|
||||
nl[ci].style.zIndex = z[fi];
|
||||
nl[fi].style.zIndex = z[ci];
|
||||
} else
|
||||
nl[ci].style.zIndex = z[ci] + 1;
|
||||
}
|
||||
|
||||
ed.execCommand('mceRepaint');
|
||||
},
|
||||
|
||||
_getParentLayer : function(n) {
|
||||
return this.editor.dom.getParent(n, function(n) {
|
||||
return n.nodeType == 1 && /^(absolute|relative|static)$/i.test(n.style.position);
|
||||
});
|
||||
},
|
||||
|
||||
_insertLayer : function() {
|
||||
var ed = this.editor, p = ed.dom.getPos(ed.dom.getParent(ed.selection.getNode(), '*'));
|
||||
|
||||
ed.dom.add(ed.getBody(), 'div', {
|
||||
style : {
|
||||
position : 'absolute',
|
||||
left : p.x,
|
||||
top : (p.y > 20 ? p.y : 20),
|
||||
width : 100,
|
||||
height : 100
|
||||
},
|
||||
'class' : 'mceItemVisualAid'
|
||||
}, ed.selection.getContent() || ed.getLang('layer.content'));
|
||||
},
|
||||
|
||||
_toggleAbsolute : function() {
|
||||
var ed = this.editor, le = this._getParentLayer(ed.selection.getNode());
|
||||
|
||||
if (!le)
|
||||
le = ed.dom.getParent(ed.selection.getNode(), 'DIV,P,IMG');
|
||||
|
||||
if (le) {
|
||||
if (le.style.position.toLowerCase() == "absolute") {
|
||||
ed.dom.setStyles(le, {
|
||||
position : '',
|
||||
left : '',
|
||||
top : '',
|
||||
width : '',
|
||||
height : ''
|
||||
});
|
||||
|
||||
ed.dom.removeClass(le, 'mceItemVisualAid');
|
||||
} else {
|
||||
if (le.style.left == "")
|
||||
le.style.left = 20 + 'px';
|
||||
|
||||
if (le.style.top == "")
|
||||
le.style.top = 20 + 'px';
|
||||
|
||||
if (le.style.width == "")
|
||||
le.style.width = le.width ? (le.width + 'px') : '100px';
|
||||
|
||||
if (le.style.height == "")
|
||||
le.style.height = le.height ? (le.height + 'px') : '100px';
|
||||
|
||||
le.style.position = "absolute";
|
||||
ed.addVisual(ed.getBody());
|
||||
}
|
||||
|
||||
ed.execCommand('mceRepaint');
|
||||
ed.nodeChanged();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('layer', tinymce.plugins.Layer);
|
||||
})();
|
||||
1
tinymce/jscripts/tiny_mce/plugins/legacyoutput/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/legacyoutput/editor_plugin.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
(function(a){a.onAddEditor.addToTop(function(c,b){b.settings.inline_styles=false});a.create("tinymce.plugins.LegacyOutput",{init:function(b){b.onInit.add(function(){var c="p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",e=a.explode(b.settings.font_size_style_values),d=b.serializer;b.formatter.register({alignleft:{selector:c,attributes:{align:"left"}},aligncenter:{selector:c,attributes:{align:"center"}},alignright:{selector:c,attributes:{align:"right"}},alignfull:{selector:c,attributes:{align:"full"}},bold:{inline:"b"},italic:{inline:"i"},underline:{inline:"u"},strikethrough:{inline:"strike"},fontname:{inline:"font",attributes:{face:"%value"}},fontsize:{inline:"font",attributes:{size:function(f){return a.inArray(e,f.value)+1}}},forecolor:{inline:"font",styles:{color:"%value"}},hilitecolor:{inline:"font",styles:{backgroundColor:"%value"}}});d._setup();a.each("b,i,u,strike".split(","),function(f){var g=d.rules[f];if(!g){d.addRules(f)}});if(!d.rules.font){d.addRules("font[face|size|color|style]")}a.each(c.split(","),function(f){var h=d.rules[f],g;if(h){a.each(h.attribs,function(j,i){if(i.name=="align"){g=true;return false}});if(!g){h.attribs.push({name:"align"})}}});b.onNodeChange.add(function(g,k){var j,f,h,i;f=g.dom.getParent(g.selection.getNode(),"font");if(f){h=f.face;i=f.size}if(j=k.get("fontselect")){j.select(function(l){return l==h})}if(j=k.get("fontsizeselect")){j.select(function(m){var l=a.inArray(e,m.fontSize);return l+1==i})}})})},getInfo:function(){return{longname:"LegacyOutput",author:"Moxiecode Systems AB",authorurl:"http://tinymce.moxiecode.com",infourl:"http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput",version:a.majorVersion+"."+a.minorVersion}}});a.PluginManager.add("legacyoutput",a.plugins.LegacyOutput)})(tinymce);
|
||||
136
tinymce/jscripts/tiny_mce/plugins/legacyoutput/editor_plugin_src.js
vendored
Normal file
136
tinymce/jscripts/tiny_mce/plugins/legacyoutput/editor_plugin_src.js
vendored
Normal file
|
|
@ -0,0 +1,136 @@
|
|||
/**
|
||||
* editor_plugin_src.js
|
||||
*
|
||||
* Copyright 2009, Moxiecode Systems AB
|
||||
* Released under LGPL License.
|
||||
*
|
||||
* License: http://tinymce.moxiecode.com/license
|
||||
* Contributing: http://tinymce.moxiecode.com/contributing
|
||||
*
|
||||
* This plugin will force TinyMCE to produce deprecated legacy output such as font elements, u elements, align
|
||||
* attributes and so forth. There are a few cases where these old items might be needed for example in email applications or with Flash
|
||||
*
|
||||
* However you should NOT use this plugin if you are building some system that produces web contents such as a CMS. All these elements are
|
||||
* not apart of the newer specifications for HTML and XHTML.
|
||||
*/
|
||||
|
||||
(function(tinymce) {
|
||||
// Override inline_styles setting to force TinyMCE to produce deprecated contents
|
||||
tinymce.onAddEditor.addToTop(function(tinymce, editor) {
|
||||
editor.settings.inline_styles = false;
|
||||
});
|
||||
|
||||
// Create the legacy ouput plugin
|
||||
tinymce.create('tinymce.plugins.LegacyOutput', {
|
||||
init : function(editor) {
|
||||
editor.onInit.add(function() {
|
||||
var alignElements = 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',
|
||||
fontSizes = tinymce.explode(editor.settings.font_size_style_values),
|
||||
serializer = editor.serializer;
|
||||
|
||||
// Override some internal formats to produce legacy elements and attributes
|
||||
editor.formatter.register({
|
||||
// Change alignment formats to use the deprecated align attribute
|
||||
alignleft : {selector : alignElements, attributes : {align : 'left'}},
|
||||
aligncenter : {selector : alignElements, attributes : {align : 'center'}},
|
||||
alignright : {selector : alignElements, attributes : {align : 'right'}},
|
||||
alignfull : {selector : alignElements, attributes : {align : 'full'}},
|
||||
|
||||
// Change the basic formatting elements to use deprecated element types
|
||||
bold : {inline : 'b'},
|
||||
italic : {inline : 'i'},
|
||||
underline : {inline : 'u'},
|
||||
strikethrough : {inline : 'strike'},
|
||||
|
||||
// Change font size and font family to use the deprecated font element
|
||||
fontname : {inline : 'font', attributes : {face : '%value'}},
|
||||
fontsize : {
|
||||
inline : 'font',
|
||||
attributes : {
|
||||
size : function(vars) {
|
||||
return tinymce.inArray(fontSizes, vars.value) + 1;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// Setup font elements for colors as well
|
||||
forecolor : {inline : 'font', styles : {color : '%value'}},
|
||||
hilitecolor : {inline : 'font', styles : {backgroundColor : '%value'}}
|
||||
});
|
||||
|
||||
// Force parsing of the serializer rules
|
||||
serializer._setup();
|
||||
|
||||
// Check that deprecated elements are allowed if not add them
|
||||
tinymce.each('b,i,u,strike'.split(','), function(name) {
|
||||
var rule = serializer.rules[name];
|
||||
|
||||
if (!rule)
|
||||
serializer.addRules(name);
|
||||
});
|
||||
|
||||
// Add font element if it's missing
|
||||
if (!serializer.rules["font"])
|
||||
serializer.addRules("font[face|size|color|style]");
|
||||
|
||||
// Add the missing and depreacted align attribute for the serialization engine
|
||||
tinymce.each(alignElements.split(','), function(name) {
|
||||
var rule = serializer.rules[name], found;
|
||||
|
||||
if (rule) {
|
||||
tinymce.each(rule.attribs, function(name, attr) {
|
||||
if (attr.name == 'align') {
|
||||
found = true;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
if (!found)
|
||||
rule.attribs.push({name : 'align'});
|
||||
}
|
||||
});
|
||||
|
||||
// Listen for the onNodeChange event so that we can do special logic for the font size and font name drop boxes
|
||||
editor.onNodeChange.add(function(editor, control_manager) {
|
||||
var control, fontElm, fontName, fontSize;
|
||||
|
||||
// Find font element get it's name and size
|
||||
fontElm = editor.dom.getParent(editor.selection.getNode(), 'font');
|
||||
if (fontElm) {
|
||||
fontName = fontElm.face;
|
||||
fontSize = fontElm.size;
|
||||
}
|
||||
|
||||
// Select/unselect the font name in droplist
|
||||
if (control = control_manager.get('fontselect')) {
|
||||
control.select(function(value) {
|
||||
return value == fontName;
|
||||
});
|
||||
}
|
||||
|
||||
// Select/unselect the font size in droplist
|
||||
if (control = control_manager.get('fontsizeselect')) {
|
||||
control.select(function(value) {
|
||||
var index = tinymce.inArray(fontSizes, value.fontSize);
|
||||
|
||||
return index + 1 == fontSize;
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
getInfo : function() {
|
||||
return {
|
||||
longname : 'LegacyOutput',
|
||||
author : 'Moxiecode Systems AB',
|
||||
authorurl : 'http://tinymce.moxiecode.com',
|
||||
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/legacyoutput',
|
||||
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
// Register plugin
|
||||
tinymce.PluginManager.add('legacyoutput', tinymce.plugins.LegacyOutput);
|
||||
})(tinymce);
|
||||
6
tinymce/jscripts/tiny_mce/plugins/media/css/content.css
vendored
Normal file
6
tinymce/jscripts/tiny_mce/plugins/media/css/content.css
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.mceItemFlash, .mceItemShockWave, .mceItemQuickTime, .mceItemWindowsMedia, .mceItemRealMedia {border:1px dotted #cc0000; background-position:center; background-repeat:no-repeat; background-color:#ffffcc;}
|
||||
.mceItemShockWave {background-image: url(../img/shockwave.gif);}
|
||||
.mceItemFlash {background-image:url(../img/flash.gif);}
|
||||
.mceItemQuickTime {background-image:url(../img/quicktime.gif);}
|
||||
.mceItemWindowsMedia {background-image:url(../img/windowsmedia.gif);}
|
||||
.mceItemRealMedia {background-image:url(../img/realmedia.gif);}
|
||||
16
tinymce/jscripts/tiny_mce/plugins/media/css/media.css
vendored
Normal file
16
tinymce/jscripts/tiny_mce/plugins/media/css/media.css
vendored
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
#id, #name, #hspace, #vspace, #class_name, #align { width: 100px }
|
||||
#hspace, #vspace { width: 50px }
|
||||
#flash_quality, #flash_align, #flash_scale, #flash_salign, #flash_wmode { width: 100px }
|
||||
#flash_base, #flash_flashvars { width: 240px }
|
||||
#width, #height { width: 40px }
|
||||
#src, #media_type { width: 250px }
|
||||
#class { width: 120px }
|
||||
#prev { margin: 0; border: 1px solid black; width: 380px; height: 230px; overflow: auto }
|
||||
.panel_wrapper div.current { height: 390px; overflow: auto }
|
||||
#flash_options, #shockwave_options, #qt_options, #wmp_options, #rmp_options { display: none }
|
||||
.mceAddSelectValue { background-color: #DDDDDD }
|
||||
#qt_starttime, #qt_endtime, #qt_fov, #qt_href, #qt_moveid, #qt_moviename, #qt_node, #qt_pan, #qt_qtsrc, #qt_qtsrcchokespeed, #qt_target, #qt_tilt, #qt_urlsubstituten, #qt_volume { width: 70px }
|
||||
#wmp_balance, #wmp_baseurl, #wmp_captioningid, #wmp_currentmarker, #wmp_currentposition, #wmp_defaultframe, #wmp_playcount, #wmp_rate, #wmp_uimode, #wmp_volume { width: 70px }
|
||||
#rmp_console, #rmp_numloop, #rmp_controls, #rmp_scriptcallbacks { width: 70px }
|
||||
#shockwave_swvolume, #shockwave_swframe, #shockwave_swurl, #shockwave_swstretchvalign, #shockwave_swstretchhalign, #shockwave_swstretchstyle { width: 90px }
|
||||
#qt_qtsrc { width: 200px }
|
||||
1
tinymce/jscripts/tiny_mce/plugins/media/editor_plugin.js
vendored
Normal file
1
tinymce/jscripts/tiny_mce/plugins/media/editor_plugin.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue