v2.0.1
Cette révision appartient à :
Marat
Parent
3ad23e789c
révision
d899161791
@ -1,7 +1,7 @@
|
||||
## TinyMCE Editor for OXID eShop CE
|
||||
by Marat Bedoev, bestlife AG <oxid@bestlife.ag>
|
||||
https://github.com/vanilla-thunder/bla-tinymce
|
||||
### module version 2.0.0
|
||||
### module version 2.0.1
|
||||
|
||||
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
|
||||
More information here: http://www.tinymce.com/
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
## TinyMCE Editor for OXID eShop CE
|
||||
by Marat Bedoev, bestlife AG <oxid@bestlife.ag>
|
||||
https://github.com/vanilla-thunder/bla-tinymce
|
||||
### module version 2.0.0
|
||||
### module version 2.0.1
|
||||
|
||||
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
|
||||
More information here: http://www.tinymce.com/
|
||||
|
||||
@ -43,33 +43,37 @@ class blaTinyMceOxViewConfig extends blaTinyMceOxViewConfig_parent
|
||||
|
||||
// default config
|
||||
$aDefaultConfig = array(
|
||||
'selector' => '"textarea:not(.mceNoEditor)"',
|
||||
'language' => '"' . ( in_array($sLang, $aLang) ? $aLang[$sLang] : 'en' ) . '"',
|
||||
'force_br_newlines' => 'false',
|
||||
'force_p_newlines' => 'false',
|
||||
'forced_root_block' => '""',
|
||||
'selector' => '"textarea:not(.mceNoEditor)"',
|
||||
'language' => '"' . ( in_array($sLang, $aLang) ? $aLang[$sLang] : 'en' ) . '"',
|
||||
//'spellchecker_language' => '"' . (in_array($sLang, $aLang) ? $aLang[$sLang] : 'en') . '"',
|
||||
'nowrap' => 'false',
|
||||
'entity_encoding' => '"raw"', // http://www.tinymce.com/wiki.php/Configuration:entity_encoding
|
||||
'height' => 300,
|
||||
'menubar' => 'false',
|
||||
'document_base_url' => '"' . $this->getBaseDir() . '"', // http://www.tinymce.com/wiki.php/Configuration:document_base_url
|
||||
'relative_urls' => 'false', // http://www.tinymce.com/wiki.php/Configuration:relative_urls
|
||||
'plugin_preview_width' => 'window.innerWidth',
|
||||
'plugin_preview_height' => 'window.innerHeight-90',
|
||||
'code_dialog_width' => 'window.innerWidth-50',
|
||||
'code_dialog_height' => 'window.innerHeight-130',
|
||||
'image_advtab' => 'true',
|
||||
'imagetools_toolbar' => '"rotateleft rotateright | flipv fliph | editimage imageoptions"',
|
||||
'moxiemanager_fullscreen' => 'true',
|
||||
'insertdatetime_formats' => '[ "%d.%m.%Y", "%H:%M" ]',
|
||||
'nonbreaking_force_tab' => 'true', // http://www.tinymce.com/wiki.php/Plugin:nonbreaking
|
||||
'autoresize_max_height' => '400',
|
||||
'filemanager_access_key' => '"' . md5($_SERVER['HTTP_HOST']) . '"',
|
||||
'tinymcehelper' => '"' . $this->getSelfActionLink() . 'renderPartial=1"'
|
||||
'nowrap' => 'false',
|
||||
'entity_encoding' => '"raw"', // http://www.tinymce.com/wiki.php/Configuration:entity_encoding
|
||||
'height' => 300,
|
||||
'menubar' => 'false',
|
||||
'document_base_url' => '"' . $this->getBaseDir() . '"', // http://www.tinymce.com/wiki.php/Configuration:document_base_url
|
||||
'relative_urls' => 'false', // http://www.tinymce.com/wiki.php/Configuration:relative_urls
|
||||
'plugin_preview_width' => 'window.innerWidth',
|
||||
'plugin_preview_height' => 'window.innerHeight-90',
|
||||
'code_dialog_width' => 'window.innerWidth-50',
|
||||
'code_dialog_height' => 'window.innerHeight-130',
|
||||
'image_advtab' => 'true',
|
||||
'imagetools_toolbar' => '"rotateleft rotateright | flipv fliph | editimage imageoptions"',
|
||||
'moxiemanager_fullscreen' => 'true',
|
||||
'insertdatetime_formats' => '[ "%d.%m.%Y", "%H:%M" ]',
|
||||
'nonbreaking_force_tab' => 'true', // http://www.tinymce.com/wiki.php/Plugin:nonbreaking
|
||||
'autoresize_max_height' => '400',
|
||||
'urlconverter_callback' => '"urlconverter"',
|
||||
'filemanager_access_key' => '"' . md5($_SERVER['HTTP_HOST']) . '"',
|
||||
'tinymcehelper' => '"' . $this->getSelfActionLink() . 'renderPartial=1"'
|
||||
);
|
||||
if($blFilemanager) $aDefaultConfig['external_filemanager_path'] = '"../modules/bla/bla-tinymce/fileman/"';
|
||||
if($blFilemanager) $aDefaultConfig['filemanager_access_key'] = '"' . md5($_SERVER['HTTP_HOST']) . '"';
|
||||
if($blFilemanager) $oUS = oxRegistry::get("oxUtilsServer");
|
||||
if($blFilemanager) $oUS->setOxCookie("filemanagerkey", md5($_SERVER['HTTP_HOST'].$oUS->getOxCookie("admin_sid")));
|
||||
|
||||
if ($blFilemanager) $aDefaultConfig['external_filemanager_path'] = '"../modules/bla/bla-tinymce/fileman/"';
|
||||
if ($blFilemanager) $aDefaultConfig['filemanager_access_key'] = '"' . md5($_SERVER['HTTP_HOST']) . '"';
|
||||
if ($blFilemanager) $oUS = oxRegistry::get("oxUtilsServer");
|
||||
if ($blFilemanager) $oUS->setOxCookie("filemanagerkey", md5($_SERVER['HTTP_HOST'] . $oUS->getOxCookie("admin_sid")));
|
||||
|
||||
//merging with onfig override
|
||||
$aConfig = ( $aOverrideConfig = $this->_getTinyCustConfig() ) ? array_merge($aDefaultConfig, $aOverrideConfig) : $aDefaultConfig;
|
||||
|
||||
@ -101,6 +105,7 @@ class blaTinyMceOxViewConfig extends blaTinyMceOxViewConfig_parent
|
||||
//'visualchars' => 'visualchars',
|
||||
'wordcount' => '',
|
||||
'oxfullscreen' => 'fullscreen', //custom fullscreen plugin
|
||||
//'oxwidget' => 'widget'
|
||||
//'oxgetseourl' => 'yolo' //custom seo url plugin // wip
|
||||
);
|
||||
|
||||
@ -122,6 +127,7 @@ class blaTinyMceOxViewConfig extends blaTinyMceOxViewConfig_parent
|
||||
|
||||
// external plugins
|
||||
$aConfig['external_plugins'] = '{ "oxfullscreen":"' . $this->getModuleUrl('bla-tinymce', 'plugins/oxfullscreen/plugin.js') . '" ';
|
||||
//$aConfig['external_plugins'] .= ', "oxwidget":"' . $this->getModuleUrl('bla-tinymce', 'plugins/oxwidget/plugin.js') . '" ';
|
||||
if ($blFilemanager) $aConfig['external_plugins'] .= ',"roxy":"' . $this->getModuleUrl('bla-tinymce', 'plugins/roxy/plugin.js') . '" ';
|
||||
//$aConfig['external_plugins'] .= ',"oxgetseourl":"' . $this->getModuleUrl('bla-tinymce', 'plugins/oxgetseourl/plugin.js') . '" ';
|
||||
|
||||
@ -171,26 +177,28 @@ class blaTinyMceOxViewConfig extends blaTinyMceOxViewConfig_parent
|
||||
// add init script
|
||||
$sInit = 'tinymce.init({ ' . $sConfig . ' });';
|
||||
|
||||
$sCopyLongDescFromTinyMCE = 'function copyLongDescFromTinyMCE(sIdent)
|
||||
{
|
||||
var editor = tinymce.get("editor_"+sIdent);
|
||||
if (editor && editor.isHidden() !== true)
|
||||
{
|
||||
console.log("copy content from tinymce");
|
||||
var content = editor.getContent().replace(/\[{([^\]]*?)}\]/g, function(m) { return m.replace(/>/g, ">").replace(/</g, "<").replace(/&/g, "&") });
|
||||
document.getElementsByName("editval[" + sIdent + "]").item(0).value = content;
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
$sCopyLongDescFromTinyMCE = 'function copyLongDescFromTinyMCE(sIdent) {
|
||||
var editor = tinymce.get("editor_"+sIdent);
|
||||
if (editor) { /* && editor.isHidden() !== true */
|
||||
if(editor.isHidden()) editor.show();
|
||||
var content = editor.getContent().replace(/\[{([^\]]*?)}\]/g, function(m) { return m.replace(/>/g, ">").replace(/</g, "<").replace(/&/g, "&") });
|
||||
document.getElementsByName("editval[" + sIdent + "]").item(0).value = content;
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
var origCopyLongDesc = copyLongDesc;
|
||||
copyLongDesc = function(sIdent)
|
||||
{
|
||||
copyLongDesc = function(sIdent) {
|
||||
if ( copyLongDescFromTinyMCE( sIdent ) ) return;
|
||||
console.log("tinymce disabled, copy content from regular textarea");
|
||||
origCopyLongDesc( sIdent );
|
||||
}';
|
||||
$sUrlConverter = 'function urlconverter(url, node, on_save) {
|
||||
console.log(tinyMCE.activeEditor);
|
||||
if(url.indexOf("[{") == 0) return url;
|
||||
return (tinyMCE.activeEditor.settings.relative_urls) ? tinyMCE.activeEditor.documentBaseURI.toRelative(url) : tinyMCE.activeEditor.documentBaseURI.toAbsolute(url);
|
||||
}';
|
||||
|
||||
// adding scripts to template
|
||||
$smarty = oxRegistry::get("oxUtilsView")->getSmarty();
|
||||
@ -198,14 +206,15 @@ copyLongDesc = function(sIdent)
|
||||
|
||||
$aScript = (array)$cfg->getGlobalParameter('scripts' . $sSufix);
|
||||
$aScript[] = $sCopyLongDescFromTinyMCE;
|
||||
$aScript[] = $sUrlConverter;
|
||||
$aScript[] = $sInit;
|
||||
$cfg->setGlobalParameter('scripts' . $sSufix, $aScript);
|
||||
|
||||
$aInclude = (array)$cfg->getGlobalParameter('includes' . $sSufix);
|
||||
|
||||
|
||||
$aExtjs = $cfg->getConfigParam('aTinyMCE_extjs');
|
||||
if(!empty($aExtjs) && is_array($aExtjs)) foreach($aExtjs as $key => $js) $aInclude[3][] = $js;
|
||||
|
||||
if (!empty( $aExtjs ) && is_array($aExtjs)) foreach ($aExtjs as $key => $js) $aInclude[3][] = $js;
|
||||
|
||||
$aInclude[3][] = $this->getModuleUrl('bla-tinymce', 'tinymce/tinymce.min.js');
|
||||
$cfg->setGlobalParameter('includes' . $sSufix, $aInclude);
|
||||
|
||||
|
||||
26
copy_this/modules/bla/bla-tinymce/changelog
Fichier normal
26
copy_this/modules/bla/bla-tinymce/changelog
Fichier normal
@ -0,0 +1,26 @@
|
||||
# 2016-09-07 :: version 2.0.1
|
||||
- TinyMCE 4.4.3
|
||||
- link url conversion fixed. TinyMCE accepts smarty tags/variables as URL wirhout convertig them ti absolute URL.
|
||||
|
||||
# 2016-09-07 :: version 2.0.0
|
||||
- TinyMCE 4.4.1
|
||||
- eingebauter Filemanager "Roxy Fileman"
|
||||
|
||||
# 2015-07-29 :: version 1.5.0
|
||||
- TinyMCE 4.2.2
|
||||
|
||||
# 2015-05-06 :: version 1.4.0
|
||||
- TinyMCE 4.1.10
|
||||
- fix: data-mce attributes removed from html output
|
||||
|
||||
# 2014-09-04 :: version 1.3.1
|
||||
- TinyMCE v4.1.4
|
||||
- fix: fullpage Plugin für Newsletter hinzugefügt
|
||||
|
||||
# 2014-08-20 :: version 1.3.0
|
||||
- TinyMCE v4.1.3
|
||||
- feature: Support für eigene Text-Felder hinzugefügt
|
||||
|
||||
# 2014-04-23 :: version 1.2.2
|
||||
- TinyMCE 4.0.10
|
||||
- fix: iframes werden nicht mehr ersetzt
|
||||
@ -18,7 +18,7 @@
|
||||
"Size":"Größe",
|
||||
"Date":"Datum",
|
||||
"Dimensions":"Dimensionen",
|
||||
"Cancel":"Schließen",
|
||||
"Cancel":"Stornieren",
|
||||
"LoadingDirectories":"Ordner laden...",
|
||||
"LoadingFiles":"Dateien laden...",
|
||||
"DirIsEmpty":"Ordner ist leer",
|
||||
|
||||
@ -1,27 +1,25 @@
|
||||
<?php
|
||||
/*
|
||||
RoxyFileman - web based file manager. Ready to use with CKEditor, TinyMCE.
|
||||
Can be easily integrated with any other WYSIWYG editor or CMS.
|
||||
|
||||
Copyright (C) 2013, RoxyFileman.com - Lyubomir Arsov. All rights reserved.
|
||||
For licensing, see LICENSE.txt or http://RoxyFileman.com/license
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License.
|
||||
|
||||
This program 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 General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
Contact: Lyubomir Arsov, liubo (at) web-lobby.com
|
||||
*/
|
||||
function checkAccess($action){
|
||||
if(!session_id())
|
||||
session_start();
|
||||
}
|
||||
?>
|
||||
<?php
|
||||
|
||||
/*
|
||||
* bestlife AG - TinyMCE Editor for OXID eShop CE
|
||||
* Copyright (C) 2016 bestlife AG
|
||||
* info: oxid@bestlife.ag
|
||||
*
|
||||
* GNU GENERAL PUBLIC LICENSE
|
||||
*
|
||||
* This program is free software;
|
||||
* you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation;
|
||||
* either version 3 of the License, or (at your option) any later version.
|
||||
*
|
||||
* This program 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 General Public License for more details.
|
||||
* You should have received a copy of the GNU General Public License along with this program; if not, see <http://www.gnu.org/licenses/>
|
||||
*/
|
||||
|
||||
function checkAccess($action)
|
||||
{
|
||||
//if(!session_id()) die("Access Denied!");
|
||||
//if(!session_id()) session_start();
|
||||
//if(isset($_GET['akey'])) $_SESSION['akey'] = strip_tags(preg_replace( "/[^a-zA-Z0-9\._-]/", '', $_GET['akey']));
|
||||
if($_COOKIE['filemanagerkey'] !== md5($_SERVER['HTTP_HOST'].$_COOKIE['admin_sid'])) die('Access Denied!!');
|
||||
}
|
||||
@ -24,7 +24,7 @@ $aModule = array(
|
||||
'title' => '<strong style="color:#95b900;font-size:125%;">best</strong><strong style="color:#c4ca77;font-size:125%;">life</strong> <strong>TinyMCE</strong>',
|
||||
'description' => 'TinyMCE Editor for OXID eShop CE 4.7 - 4.10<br/><b style="display:inline-block;float:left;line-height:18px;">newest version:</b><img src="' . $v . '"/><br/>(no need to update if you already have this version)',
|
||||
'thumbnail' => 'tinymce.png',
|
||||
'version' => '2.0.0',
|
||||
'version' => '2.0.1',
|
||||
'author' => 'Marat Bedoev, bestlife AG',
|
||||
'email' => 'oxid@bestlife.ag',
|
||||
'url' => 'https://github.com/vanilla-thunder/bla-tinymce',
|
||||
|
||||
54
copy_this/modules/bla/bla-tinymce/plugins/oxwidget/plugin.js
Fichier normal
54
copy_this/modules/bla/bla-tinymce/plugins/oxwidget/plugin.js
Fichier normal
@ -0,0 +1,54 @@
|
||||
|
||||
tinymce.PluginManager.add('oxwidget', function(editor, url) {
|
||||
|
||||
// Add a button that opens a window
|
||||
editor.addButton('widget', {
|
||||
text: 'Widget',
|
||||
icon: false,
|
||||
onclick: function() {
|
||||
// Open window
|
||||
editor.windowManager.open({
|
||||
title: 'Example plugin',
|
||||
body: [
|
||||
{type: 'textbox', name: 'title', label: 'Title'}
|
||||
],
|
||||
onsubmit: function(e) {
|
||||
// Insert content when the window form is submitted
|
||||
editor.insertContent('Title: ' + e.data.title);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Adds a menu item to the tools menu
|
||||
editor.addMenuItem('example', {
|
||||
text: 'Example plugin',
|
||||
context: 'tools',
|
||||
onclick: function() {
|
||||
// Open window with a specific url
|
||||
editor.windowManager.open({
|
||||
title: 'TinyMCE site',
|
||||
url: url + '/dialog.html',
|
||||
width: 600,
|
||||
height: 400,
|
||||
buttons: [
|
||||
{
|
||||
text: 'Insert',
|
||||
onclick: function() {
|
||||
// Top most window object
|
||||
var win = editor.windowManager.getWindows()[0];
|
||||
|
||||
// Insert the contents of the dialog.html textarea into the editor
|
||||
editor.insertContent(win.getContentWindow().document.getElementById('content').value);
|
||||
|
||||
// Close the window
|
||||
win.close();
|
||||
}
|
||||
},
|
||||
|
||||
{text: 'Close', onclick: 'close'}
|
||||
]
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
@ -1 +1 @@
|
||||
tinymce.PluginManager.add("contextmenu",function(a){var b,c=a.settings.contextmenu_never_use_native;a.on("contextmenu",function(d){var e,f=a.getDoc();if(!d.ctrlKey||c){if(d.preventDefault(),tinymce.Env.mac&&tinymce.Env.webkit&&2==d.button&&f.caretRangeFromPoint&&a.selection.setRng(f.caretRangeFromPoint(d.x,d.y)),e=a.settings.contextmenu||"link image inserttable | cell row column deletetable",b)b.show();else{var g=[];tinymce.each(e.split(/[ ,]/),function(b){var c=a.menuItems[b];"|"==b&&(c={text:b}),c&&(c.shortcut="",g.push(c))});for(var h=0;h<g.length;h++)"|"==g[h].text&&(0!==h&&h!=g.length-1||g.splice(h,1));b=new tinymce.ui.Menu({items:g,context:"contextmenu",classes:"contextmenu"}).renderTo(),a.on("remove",function(){b.remove(),b=null})}var i={x:d.pageX,y:d.pageY};a.inline||(i=tinymce.DOM.getPos(a.getContentAreaContainer()),i.x+=d.clientX,i.y+=d.clientY),b.moveTo(i.x,i.y)}})});
|
||||
tinymce.PluginManager.add("contextmenu",function(a){var b,c=a.settings.contextmenu_never_use_native,d=function(a){return a.ctrlKey&&!c},e=function(){return tinymce.Env.mac&&tinymce.Env.webkit};a.on("mousedown",function(b){e()&&2===b.button&&!d(b)&&a.selection.isCollapsed()&&a.once("contextmenu",function(b){a.selection.placeCaretAt(b.clientX,b.clientY)})}),a.on("contextmenu",function(c){var e;if(!d(c)){if(c.preventDefault(),e=a.settings.contextmenu||"link image inserttable | cell row column deletetable",b)b.show();else{var f=[];tinymce.each(e.split(/[ ,]/),function(b){var c=a.menuItems[b];"|"==b&&(c={text:b}),c&&(c.shortcut="",f.push(c))});for(var g=0;g<f.length;g++)"|"==f[g].text&&(0!==g&&g!=f.length-1||f.splice(g,1));b=new tinymce.ui.Menu({items:f,context:"contextmenu",classes:"contextmenu"}).renderTo(),a.on("remove",function(){b.remove(),b=null})}var h={x:c.pageX,y:c.pageY};a.inline||(h=tinymce.DOM.getPos(a.getContentAreaContainer()),h.x+=c.clientX,h.y+=c.clientY),b.moveTo(h.x,h.y)}})});
|
||||
@ -1 +1 @@
|
||||
tinymce.PluginManager.add("fullscreen",function(a){function b(){var a,b,c=window,d=document,e=d.body;return e.offsetWidth&&(a=e.offsetWidth,b=e.offsetHeight),c.innerWidth&&c.innerHeight&&(a=c.innerWidth,b=c.innerHeight),{w:a,h:b}}function c(){var a=tinymce.DOM.getViewPort();return{x:a.x,y:a.y}}function d(a){scrollTo(a.x,a.y)}function e(){function e(){m.setStyle(p,"height",b().h-(o.clientHeight-p.clientHeight))}var n,o,p,q,r=document.body,s=document.documentElement;l=!l,o=a.getContainer(),n=o.style,p=a.getContentAreaContainer().firstChild,q=p.style,l?(k=c(),f=q.width,g=q.height,q.width=q.height="100%",i=n.width,j=n.height,n.width=n.height="",m.addClass(r,"mce-fullscreen"),m.addClass(s,"mce-fullscreen"),m.addClass(o,"mce-fullscreen"),m.bind(window,"resize",e),e(),h=e):(q.width=f,q.height=g,i&&(n.width=i),j&&(n.height=j),m.removeClass(r,"mce-fullscreen"),m.removeClass(s,"mce-fullscreen"),m.removeClass(o,"mce-fullscreen"),m.unbind(window,"resize",h),d(k)),a.fire("FullscreenStateChanged",{state:l})}var f,g,h,i,j,k,l=!1,m=tinymce.DOM;return a.settings.inline?void 0:(a.on("init",function(){a.addShortcut("Ctrl+Shift+F","",e)}),a.on("remove",function(){h&&m.unbind(window,"resize",h)}),a.addCommand("mceFullScreen",e),a.addMenuItem("fullscreen",{text:"Fullscreen",shortcut:"Ctrl+Shift+F",selectable:!0,onClick:function(){e(),a.focus()},onPostRender:function(){var b=this;a.on("FullscreenStateChanged",function(a){b.active(a.state)})},context:"view"}),a.addButton("fullscreen",{tooltip:"Fullscreen",shortcut:"Ctrl+Alt+F",onClick:e,onPostRender:function(){var b=this;a.on("FullscreenStateChanged",function(a){b.active(a.state)})}}),{isFullscreen:function(){return l}})});
|
||||
tinymce.PluginManager.add("fullscreen",function(a){function b(){var a,b,c=window,d=document,e=d.body;return e.offsetWidth&&(a=e.offsetWidth,b=e.offsetHeight),c.innerWidth&&c.innerHeight&&(a=c.innerWidth,b=c.innerHeight),{w:a,h:b}}function c(){var a=tinymce.DOM.getViewPort();return{x:a.x,y:a.y}}function d(a){scrollTo(a.x,a.y)}function e(){function e(){m.setStyle(p,"height",b().h-(o.clientHeight-p.clientHeight))}var n,o,p,q,r=document.body,s=document.documentElement;l=!l,o=a.getContainer(),n=o.style,p=a.getContentAreaContainer().firstChild,q=p.style,l?(k=c(),f=q.width,g=q.height,q.width=q.height="100%",i=n.width,j=n.height,n.width=n.height="",m.addClass(r,"mce-fullscreen"),m.addClass(s,"mce-fullscreen"),m.addClass(o,"mce-fullscreen"),m.bind(window,"resize",e),e(),h=e):(q.width=f,q.height=g,i&&(n.width=i),j&&(n.height=j),m.removeClass(r,"mce-fullscreen"),m.removeClass(s,"mce-fullscreen"),m.removeClass(o,"mce-fullscreen"),m.unbind(window,"resize",h),d(k)),a.fire("FullscreenStateChanged",{state:l})}var f,g,h,i,j,k,l=!1,m=tinymce.DOM;return a.settings.inline?void 0:(a.on("init",function(){a.addShortcut("Ctrl+Shift+F","",e)}),a.on("remove",function(){h&&m.unbind(window,"resize",h)}),a.addCommand("mceFullScreen",e),a.addMenuItem("fullscreen",{text:"Fullscreen",shortcut:"Ctrl+Shift+F",selectable:!0,onClick:function(){e(),a.focus()},onPostRender:function(){var b=this;a.on("FullscreenStateChanged",function(a){b.active(a.state)})},context:"view"}),a.addButton("fullscreen",{tooltip:"Fullscreen",shortcut:"Ctrl+Shift+F",onClick:e,onPostRender:function(){var b=this;a.on("FullscreenStateChanged",function(a){b.active(a.state)})}}),{isFullscreen:function(){return l}})});
|
||||
@ -1 +1 @@
|
||||
tinymce.PluginManager.add("importcss",function(a){function b(a){var b=tinymce.Env.cacheSuffix;return"string"==typeof a&&(a=a.replace("?"+b,"").replace("&"+b,"")),a}function c(b){var c=a.settings,d=c.skin!==!1?c.skin||"lightgray":!1;if(d){var e=c.skin_url;return e=e?a.documentBaseURI.toAbsolute(e):tinymce.baseURL+"/skins/"+d,b===e+"/content"+(a.inline?".inline":"")+".min.css"}return!1}function d(a){return"string"==typeof a?function(b){return-1!==b.indexOf(a)}:a instanceof RegExp?function(b){return a.test(b)}:a}function e(d,e){function f(a,d){var i,j=a.href;if(j=b(j),j&&e(j,d)&&!c(j)){h(a.imports,function(a){f(a,!0)});try{i=a.cssRules||a.rules}catch(k){}h(i,function(a){a.styleSheet?f(a.styleSheet,!0):a.selectorText&&h(a.selectorText.split(","),function(a){g.push(tinymce.trim(a))})})}}var g=[],i={};h(a.contentCSS,function(a){i[a]=!0}),e||(e=function(a,b){return b||i[a]});try{h(d.styleSheets,function(a){f(a)})}catch(j){}return g}function f(b){var c,d=/^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(b);if(d){var e=d[1],f=d[2].substr(1).split(".").join(" "),g=tinymce.makeMap("a,img");return d[1]?(c={title:b},a.schema.getTextBlockElements()[e]?c.block=e:a.schema.getBlockElements()[e]||g[e.toLowerCase()]?c.selector=e:c.inline=e):d[2]&&(c={inline:"span",title:b.substr(1),classes:f}),a.settings.importcss_merge_classes!==!1?c.classes=f:c.attributes={"class":f},c}}var g=this,h=tinymce.each;a.on("renderFormatsMenu",function(b){var c=a.settings,i={},j=c.importcss_selector_converter||f,k=d(c.importcss_selector_filter),l=b.control;a.settings.importcss_append||l.items().remove();var m=[];tinymce.each(c.importcss_groups,function(a){a=tinymce.extend({},a),a.filter=d(a.filter),m.push(a)}),h(e(b.doc||a.getDoc(),d(c.importcss_file_filter)),function(b){if(-1===b.indexOf(".mce-")&&!i[b]&&(!k||k(b))){var c,d=j.call(g,b);if(d){var e=d.name||tinymce.DOM.uniqueId();if(m)for(var f=0;f<m.length;f++)if(!m[f].filter||m[f].filter(b)){m[f].item||(m[f].item={text:m[f].title,menu:[]}),c=m[f].item.menu;break}a.formatter.register(e,d);var h=tinymce.extend({},l.settings.itemDefaults,{text:d.title,format:e});c?c.push(h):l.add(h)}i[b]=!0}}),h(m,function(a){l.add(a.item)}),b.control.renderNew()}),g.convertSelectorToFormat=f});
|
||||
tinymce.PluginManager.add("importcss",function(a){function b(a){var b=tinymce.Env.cacheSuffix;return"string"==typeof a&&(a=a.replace("?"+b,"").replace("&"+b,"")),a}function c(b){var c=a.settings,d=c.skin!==!1?c.skin||"lightgray":!1;if(d){var e=c.skin_url;return e=e?a.documentBaseURI.toAbsolute(e):tinymce.baseURL+"/skins/"+d,b===e+"/content"+(a.inline?".inline":"")+".min.css"}return!1}function d(a){return"string"==typeof a?function(b){return-1!==b.indexOf(a)}:a instanceof RegExp?function(b){return a.test(b)}:a}function e(d,e){function f(a,d){var h,i=a.href;if(i=b(i),i&&e(i,d)&&!c(i)){n(a.imports,function(a){f(a,!0)});try{h=a.cssRules||a.rules}catch(j){}n(h,function(a){a.styleSheet?f(a.styleSheet,!0):a.selectorText&&n(a.selectorText.split(","),function(a){g.push(tinymce.trim(a))})})}}var g=[],h={};n(a.contentCSS,function(a){h[a]=!0}),e||(e=function(a,b){return b||h[a]});try{n(d.styleSheets,function(a){f(a)})}catch(i){}return g}function f(b){var c,d=/^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(b);if(d){var e=d[1],f=d[2].substr(1).split(".").join(" "),g=tinymce.makeMap("a,img");return d[1]?(c={title:b},a.schema.getTextBlockElements()[e]?c.block=e:a.schema.getBlockElements()[e]||g[e.toLowerCase()]?c.selector=e:c.inline=e):d[2]&&(c={inline:"span",title:b.substr(1),classes:f}),a.settings.importcss_merge_classes!==!1?c.classes=f:c.attributes={"class":f},c}}function g(a,b){return tinymce.util.Tools.grep(a,function(a){return!a.filter||a.filter(b)})}function h(a){return tinymce.util.Tools.map(a,function(a){return tinymce.util.Tools.extend({},a,{original:a,selectors:{},filter:d(a.filter),item:{text:a.title,menu:[]}})})}function i(a,b){return null===b||a.settings.importcss_exclusive!==!1}function j(b,c,d){return!(i(a,c)?b in d:b in c.selectors)}function k(b,c,d){i(a,c)?d[b]=!0:c.selectors[b]=!0}function l(b,c,d){var e,g=a.settings;return e=d&&d.selector_converter?d.selector_converter:g.importcss_selector_converter?g.importcss_selector_converter:f,e.call(b,c,d)}var m=this,n=tinymce.each;a.on("renderFormatsMenu",function(b){var c=a.settings,f={},i=d(c.importcss_selector_filter),o=b.control,p=h(c.importcss_groups),q=function(b,c){if(j(b,c,f)){k(b,c,f);var d=l(m,b,c);if(d){var e=d.name||tinymce.DOM.uniqueId();return a.formatter.register(e,d),tinymce.extend({},o.settings.itemDefaults,{text:d.title,format:e})}}return null};a.settings.importcss_append||o.items().remove(),n(e(b.doc||a.getDoc(),d(c.importcss_file_filter)),function(a){if(-1===a.indexOf(".mce-")&&(!i||i(a))){var b=g(p,a);if(b.length>0)tinymce.util.Tools.each(b,function(b){var c=q(a,b);c&&b.item.menu.push(c)});else{var c=q(a,null);c&&o.add(c)}}}),n(p,function(a){a.item.menu.length>0&&o.add(a.item)}),b.control.renderNew()}),m.convertSelectorToFormat=f});
|
||||
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
@ -1 +1 @@
|
||||
tinymce.PluginManager.add("template",function(a){function b(b){return function(){var c=a.settings.templates;return"function"==typeof c?void c(b):void("string"==typeof c?tinymce.util.XHR.send({url:c,success:function(a){b(tinymce.util.JSON.parse(a))}}):b(c))}}function c(b){function c(b){function c(b){if(-1==b.indexOf("<html>")){var c="";tinymce.each(a.contentCSS,function(b){c+='<link type="text/css" rel="stylesheet" href="'+a.documentBaseURI.toAbsolute(b)+'">'});var e=a.settings.body_class||"";-1!=e.indexOf("=")&&(e=a.getParam("body_class","","hash"),e=e[a.id]||""),b="<!DOCTYPE html><html><head>"+c+'</head><body class="'+e+'">'+b+"</body></html>"}b=f(b,"template_preview_replace_values");var g=d.find("iframe")[0].getEl().contentWindow.document;g.open(),g.write(b),g.close()}var g=b.control.value();g.url?tinymce.util.XHR.send({url:g.url,success:function(a){e=a,c(e)}}):(e=g.content,c(e)),d.find("#description")[0].text(b.control.value().description)}var d,e,h=[];if(!b||0===b.length){var i=a.translate("No templates defined.");return void a.notificationManager.open({text:i,type:"info"})}tinymce.each(b,function(a){h.push({selected:!h.length,text:a.title,value:{url:a.url,content:a.content,description:a.description}})}),d=a.windowManager.open({title:"Insert template",layout:"flex",direction:"column",align:"stretch",padding:15,spacing:10,items:[{type:"form",flex:0,padding:0,items:[{type:"container",label:"Templates",items:{type:"listbox",label:"Templates",name:"template",values:h,onselect:c}}]},{type:"label",name:"description",label:"Description",text:"\xa0"},{type:"iframe",flex:1,border:1}],onsubmit:function(){g(!1,e)},width:a.getParam("template_popup_width",600),height:a.getParam("template_popup_height",500)}),d.find("listbox")[0].fire("select")}function d(b,c){function d(a,b){if(a=""+a,a.length<b)for(var c=0;c<b-a.length;c++)a="0"+a;return a}var e="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),f="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),g="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),h="January February March April May June July August September October November December".split(" ");return c=c||new Date,b=b.replace("%D","%m/%d/%Y"),b=b.replace("%r","%I:%M:%S %p"),b=b.replace("%Y",""+c.getFullYear()),b=b.replace("%y",""+c.getYear()),b=b.replace("%m",d(c.getMonth()+1,2)),b=b.replace("%d",d(c.getDate(),2)),b=b.replace("%H",""+d(c.getHours(),2)),b=b.replace("%M",""+d(c.getMinutes(),2)),b=b.replace("%S",""+d(c.getSeconds(),2)),b=b.replace("%I",""+((c.getHours()+11)%12+1)),b=b.replace("%p",""+(c.getHours()<12?"AM":"PM")),b=b.replace("%B",""+a.translate(h[c.getMonth()])),b=b.replace("%b",""+a.translate(g[c.getMonth()])),b=b.replace("%A",""+a.translate(f[c.getDay()])),b=b.replace("%a",""+a.translate(e[c.getDay()])),b=b.replace("%%","%")}function e(b){var c=a.dom,d=a.getParam("template_replace_values");h(c.select("*",b),function(a){h(d,function(b,e){c.hasClass(a,e)&&"function"==typeof d[e]&&d[e](a)})})}function f(b,c){return h(a.getParam(c),function(a,c){"function"==typeof a&&(a=a(c)),b=b.replace(new RegExp("\\{\\$"+c+"\\}","g"),a)}),b}function g(b,c){function g(a,b){return new RegExp("\\b"+b+"\\b","g").test(a.className)}var i,j,k=a.dom,l=a.selection.getContent();c=f(c,"template_replace_values"),i=k.create("div",null,c),j=k.select(".mceTmpl",i),j&&j.length>0&&(i=k.create("div",null),i.appendChild(j[0].cloneNode(!0))),h(k.select("*",i),function(b){g(b,a.getParam("template_cdate_classes","cdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_cdate_format",a.getLang("template.cdate_format")))),g(b,a.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_mdate_format",a.getLang("template.mdate_format")))),g(b,a.getParam("template_selected_content_classes","selcontent").replace(/\s+/g,"|"))&&(b.innerHTML=l)}),e(i),a.execCommand("mceInsertContent",!1,i.innerHTML),a.addVisual()}var h=tinymce.each;a.addCommand("mceInsertTemplate",g),a.addButton("template",{title:"Insert template",onclick:b(c)}),a.addMenuItem("template",{text:"Insert template",onclick:b(c),context:"insert"}),a.on("PreProcess",function(b){var c=a.dom;h(c.select("div",b.node),function(b){c.hasClass(b,"mceTmpl")&&(h(c.select("*",b),function(b){c.hasClass(b,a.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_mdate_format",a.getLang("template.mdate_format"))))}),e(b))})})});
|
||||
tinymce.PluginManager.add("template",function(a){function b(b){return function(){var c=a.settings.templates;return"function"==typeof c?void c(b):void("string"==typeof c?tinymce.util.XHR.send({url:c,success:function(a){b(tinymce.util.JSON.parse(a))}}):b(c))}}function c(b){function c(b){function c(b){if(-1==b.indexOf("<html>")){var c="";tinymce.each(a.contentCSS,function(b){c+='<link type="text/css" rel="stylesheet" href="'+a.documentBaseURI.toAbsolute(b)+'">'});var e=a.settings.body_class||"";-1!=e.indexOf("=")&&(e=a.getParam("body_class","","hash"),e=e[a.id]||""),b="<!DOCTYPE html><html><head>"+c+'</head><body class="'+e+'">'+b+"</body></html>"}b=f(b,"template_preview_replace_values");var g=d.find("iframe")[0].getEl().contentWindow.document;g.open(),g.write(b),g.close()}var g=b.control.value();g.url?tinymce.util.XHR.send({url:g.url,success:function(a){e=a,c(e)}}):(e=g.content,c(e)),d.find("#description")[0].text(b.control.value().description)}var d,e,h=[];if(!b||0===b.length){var i=a.translate("No templates defined.");return void a.notificationManager.open({text:i,type:"info"})}tinymce.each(b,function(a){h.push({selected:!h.length,text:a.title,value:{url:a.url,content:a.content,description:a.description}})}),d=a.windowManager.open({title:"Insert template",layout:"flex",direction:"column",align:"stretch",padding:15,spacing:10,items:[{type:"form",flex:0,padding:0,items:[{type:"container",label:"Templates",items:{type:"listbox",label:"Templates",name:"template",values:h,onselect:c}}]},{type:"label",name:"description",label:"Description",text:"\xa0"},{type:"iframe",flex:1,border:1}],onsubmit:function(){g(!1,e)},minWidth:Math.min(tinymce.DOM.getViewPort().w,a.getParam("template_popup_width",600)),minHeight:Math.min(tinymce.DOM.getViewPort().h,a.getParam("template_popup_height",500))}),d.find("listbox")[0].fire("select")}function d(b,c){function d(a,b){if(a=""+a,a.length<b)for(var c=0;c<b-a.length;c++)a="0"+a;return a}var e="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),f="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),g="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),h="January February March April May June July August September October November December".split(" ");return c=c||new Date,b=b.replace("%D","%m/%d/%Y"),b=b.replace("%r","%I:%M:%S %p"),b=b.replace("%Y",""+c.getFullYear()),b=b.replace("%y",""+c.getYear()),b=b.replace("%m",d(c.getMonth()+1,2)),b=b.replace("%d",d(c.getDate(),2)),b=b.replace("%H",""+d(c.getHours(),2)),b=b.replace("%M",""+d(c.getMinutes(),2)),b=b.replace("%S",""+d(c.getSeconds(),2)),b=b.replace("%I",""+((c.getHours()+11)%12+1)),b=b.replace("%p",""+(c.getHours()<12?"AM":"PM")),b=b.replace("%B",""+a.translate(h[c.getMonth()])),b=b.replace("%b",""+a.translate(g[c.getMonth()])),b=b.replace("%A",""+a.translate(f[c.getDay()])),b=b.replace("%a",""+a.translate(e[c.getDay()])),b=b.replace("%%","%")}function e(b){var c=a.dom,d=a.getParam("template_replace_values");h(c.select("*",b),function(a){h(d,function(b,e){c.hasClass(a,e)&&"function"==typeof d[e]&&d[e](a)})})}function f(b,c){return h(a.getParam(c),function(a,c){"function"==typeof a&&(a=a(c)),b=b.replace(new RegExp("\\{\\$"+c+"\\}","g"),a)}),b}function g(b,c){function g(a,b){return new RegExp("\\b"+b+"\\b","g").test(a.className)}var i,j,k=a.dom,l=a.selection.getContent();c=f(c,"template_replace_values"),i=k.create("div",null,c),j=k.select(".mceTmpl",i),j&&j.length>0&&(i=k.create("div",null),i.appendChild(j[0].cloneNode(!0))),h(k.select("*",i),function(b){g(b,a.getParam("template_cdate_classes","cdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_cdate_format",a.getLang("template.cdate_format")))),g(b,a.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_mdate_format",a.getLang("template.mdate_format")))),g(b,a.getParam("template_selected_content_classes","selcontent").replace(/\s+/g,"|"))&&(b.innerHTML=l)}),e(i),a.execCommand("mceInsertContent",!1,i.innerHTML),a.addVisual()}var h=tinymce.each;a.addCommand("mceInsertTemplate",g),a.addButton("template",{title:"Insert template",onclick:b(c)}),a.addMenuItem("template",{text:"Insert template",onclick:b(c),context:"insert"}),a.on("PreProcess",function(b){var c=a.dom;h(c.select("div",b.node),function(b){c.hasClass(b,"mceTmpl")&&(h(c.select("*",b),function(b){c.hasClass(b,a.getParam("template_mdate_classes","mdate").replace(/\s+/g,"|"))&&(b.innerHTML=d(a.getParam("template_mdate_format",a.getLang("template.mdate_format"))))}),e(b))})})});
|
||||
@ -1,5 +0,0 @@
|
||||
configure({
|
||||
configs: [
|
||||
'./prod.js'
|
||||
]
|
||||
});
|
||||
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
@ -1,10 +0,0 @@
|
||||
configure({
|
||||
configs: [
|
||||
'./prod.js'
|
||||
],
|
||||
sources: [
|
||||
source('amd', 'ephox/tinymce', '', mapper.constant('../../../../../tinymce')),
|
||||
source('amd', 'ephox.mcagar', '../../lib/test', mapper.flat),
|
||||
source('amd', 'ephox', '../../lib/test', mapper.flat)
|
||||
]
|
||||
});
|
||||
@ -1,8 +0,0 @@
|
||||
configure({
|
||||
configs: [
|
||||
'./prod.js'
|
||||
],
|
||||
sources: [
|
||||
source('amd', 'tinymce/inlite/Demo', '../../src/demo/js', mapper.hierarchical)
|
||||
]
|
||||
});
|
||||
@ -1,5 +0,0 @@
|
||||
configure({
|
||||
sources: [
|
||||
source('amd', 'tinymce/inlite', '../../src/main/js', mapper.hierarchical)
|
||||
]
|
||||
});
|
||||
@ -1,21 +0,0 @@
|
||||
var lib = 'lib';
|
||||
var run = lib + '/run';
|
||||
var depend = run + '/depend';
|
||||
var licenses = run + '/licenses';
|
||||
var demo = lib + '/demo';
|
||||
var test = lib + '/test';
|
||||
var config = lib + '/config';
|
||||
|
||||
var cleanDirs = [ lib ];
|
||||
|
||||
var dependencies = [
|
||||
{
|
||||
name: 'mcagar',
|
||||
repository: 'buildrepo2',
|
||||
source: 'mcagar.zip',
|
||||
targets: [
|
||||
{ name: 'module/*.js', path: test },
|
||||
{ name: 'depend/*.js', path: test }
|
||||
]
|
||||
}
|
||||
];
|
||||
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
Fichier diff supprimé car celui-ci est trop grand
Voir la Diff
@ -1,25 +0,0 @@
|
||||
blockquote {
|
||||
border-left: 3px solid rgba(0,0,0,.8);
|
||||
padding-left: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mce-edit-focus {
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
|
||||
.tinymce {
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
table, td {
|
||||
border: 1px dashed gray;
|
||||
}
|
||||
|
||||
/*.mce-tinymce-inline {
|
||||
transition: left 50ms ease-in-out, top 50ms ease-in-out;
|
||||
}
|
||||
*/
|
||||
@ -1,69 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>inlite-theme Demo Page</title>
|
||||
<link href="../css/demo.css" rel="stylesheet">
|
||||
<script src="../../../../../tinymce.dev.js"></script>
|
||||
<script src="../../../config/bolt/bootstrap-demo.js"></script>
|
||||
<script>
|
||||
ephox.bolt.module.api.main('tinymce/inlite/Demo');
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2>inlite-theme Demo Page</h2>
|
||||
<div id="ephox-ui">
|
||||
<div class="tinymce" style="width: 900px; min-height: 100px">
|
||||
<p>
|
||||
<img src="https://www.tinymce.com/images/glyph-tinymce@2x.png" style="width: 100px; float: right">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultricies posuere felis sed interdum. Quisque nec diam
|
||||
nec purus gravida dapibus
|
||||
</p>
|
||||
<p>
|
||||
eget non <a href="http://www.tinymce.com">nulla</a>. Ut eu vestibulum libero. Vestibulum pretium est vitae metus auctor, quis fermentum mi
|
||||
luctus. Fusce aliquet tincidunt massa vitae scelerisque. Vivamus in tellus risus. Mauris auctor metus ut gravida feugiat.
|
||||
Nunc consequat urna eu augue commodo, eget malesuada odio fringilla. Morbi vitae turpis in elit laoreet malesuada a nec massa.
|
||||
</p>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor sit amet</td>
|
||||
<td>Lorem ipsum dolor sit amet</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Vivamus in tellus risus</td>
|
||||
<td>Vivamus in tellus risus</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="height: 3000px"></div>
|
||||
|
||||
<div class="tinymce" style="width: 900px; min-height: 100px; margin: 20px; border: 20px solid black; padding: 20px">
|
||||
<p>
|
||||
<img src="https://www.tinymce.com/images/glyph-tinymce@2x.png" style="width: 100px; float: right">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultricies posuere felis sed interdum. Quisque nec diam
|
||||
nec purus gravida dapibus
|
||||
</p>
|
||||
<p>
|
||||
eget non <a href="http://www.tinymce.com">nulla</a>. Ut eu vestibulum libero. Vestibulum pretium est vitae metus auctor, quis fermentum mi
|
||||
luctus. Fusce aliquet tincidunt massa vitae scelerisque. Vivamus in tellus risus. Mauris auctor metus ut gravida feugiat.
|
||||
Nunc consequat urna eu augue commodo, eget malesuada odio fringilla. Morbi vitae turpis in elit laoreet malesuada a nec massa.
|
||||
</p>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor sit amet</td>
|
||||
<td>Lorem ipsum dolor sit amet</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Vivamus in tellus risus</td>
|
||||
<td>Vivamus in tellus risus</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
/**
|
||||
* Demo.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
/*eslint no-console:0 */
|
||||
|
||||
define('tinymce/inlite/Demo', [
|
||||
'tinymce/inlite/Theme',
|
||||
'global!tinymce'
|
||||
], function(Theme, tinymce) {
|
||||
tinymce.init({
|
||||
selector: 'div.tinymce',
|
||||
theme: 'inlite',
|
||||
plugins: 'image table link paste contextmenu textpattern autolink',
|
||||
insert_toolbar: 'quickimage quicktable',
|
||||
selection_toolbar: 'bold italic | quicklink h2 h3 blockquote',
|
||||
inline: true,
|
||||
paste_data_images: true
|
||||
});
|
||||
|
||||
return function() {};
|
||||
});
|
||||
@ -1,150 +0,0 @@
|
||||
/**
|
||||
* Theme.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/Theme', [
|
||||
'global!tinymce.ThemeManager',
|
||||
'global!tinymce.util.Delay',
|
||||
'tinymce/inlite/ui/Panel',
|
||||
'tinymce/inlite/ui/Buttons',
|
||||
'tinymce/inlite/core/SkinLoader',
|
||||
'tinymce/inlite/core/SelectionMatcher',
|
||||
'tinymce/inlite/core/ElementMatcher',
|
||||
'tinymce/inlite/core/Matcher',
|
||||
'tinymce/inlite/alien/Arr',
|
||||
'tinymce/inlite/core/PredicateId'
|
||||
], function(ThemeManager, Delay, Panel, Buttons, SkinLoader, SelectionMatcher, ElementMatcher, Matcher, Arr, PredicateId) {
|
||||
var getSelectionElements = function (editor) {
|
||||
var node = editor.selection.getNode();
|
||||
var elms = editor.dom.getParents(node);
|
||||
return elms;
|
||||
};
|
||||
|
||||
var createToolbar = function (editor, selector, id, items) {
|
||||
var selectorPredicate = function (elm) {
|
||||
return editor.dom.is(elm, selector);
|
||||
};
|
||||
|
||||
return {
|
||||
predicate: selectorPredicate,
|
||||
id: id,
|
||||
items: items
|
||||
};
|
||||
};
|
||||
|
||||
var getToolbars = function (editor) {
|
||||
var contextToolbars = editor.contextToolbars;
|
||||
|
||||
return Arr.flatten([
|
||||
contextToolbars ? contextToolbars : [],
|
||||
createToolbar(editor, 'img', 'image', 'alignleft aligncenter alignright')
|
||||
]);
|
||||
};
|
||||
|
||||
var findMatchResult = function (editor, toolbars) {
|
||||
var result, elements, contextToolbarsPredicateIds;
|
||||
|
||||
elements = getSelectionElements(editor);
|
||||
contextToolbarsPredicateIds = PredicateId.fromContextToolbars(toolbars);
|
||||
|
||||
result = Matcher.match(editor, [
|
||||
ElementMatcher.element(elements[0], contextToolbarsPredicateIds),
|
||||
SelectionMatcher.textSelection('text'),
|
||||
SelectionMatcher.emptyTextBlock(elements, 'insert'),
|
||||
ElementMatcher.parent(elements, contextToolbarsPredicateIds)
|
||||
]);
|
||||
|
||||
return result && result.rect ? result : null;
|
||||
};
|
||||
|
||||
var togglePanel = function (editor, panel) {
|
||||
var toggle = function () {
|
||||
var toolbars = getToolbars(editor);
|
||||
var result = findMatchResult(editor, toolbars);
|
||||
|
||||
if (result) {
|
||||
panel.show(editor, result.id, result.rect, toolbars);
|
||||
} else {
|
||||
panel.hide();
|
||||
}
|
||||
};
|
||||
|
||||
return function () {
|
||||
if (!editor.removed) {
|
||||
toggle();
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var ignoreWhenFormIsVisible = function (panel, f) {
|
||||
return function () {
|
||||
if (!panel.inForm()) {
|
||||
f();
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var bindContextualToolbarsEvents = function (editor, panel) {
|
||||
var throttledTogglePanel = Delay.throttle(togglePanel(editor, panel), 0);
|
||||
var throttledTogglePanelWhenNotInForm = Delay.throttle(ignoreWhenFormIsVisible(panel, togglePanel(editor, panel)), 0);
|
||||
|
||||
editor.on('blur hide ObjectResizeStart', panel.hide);
|
||||
editor.on('click', throttledTogglePanel);
|
||||
editor.on('nodeChange mouseup', throttledTogglePanelWhenNotInForm);
|
||||
editor.on('ResizeEditor ResizeWindow keyup', throttledTogglePanel);
|
||||
editor.on('remove', panel.remove);
|
||||
|
||||
editor.shortcuts.add('Alt+F10', '', panel.focus);
|
||||
};
|
||||
|
||||
var overrideLinkShortcut = function (editor, panel) {
|
||||
editor.shortcuts.remove('meta+k');
|
||||
editor.shortcuts.add('meta+k', '', function () {
|
||||
var toolbars = getToolbars(editor);
|
||||
var result = result = Matcher.match(editor, [
|
||||
SelectionMatcher.textSelection('quicklink')
|
||||
]);
|
||||
|
||||
if (result) {
|
||||
panel.show(editor, result.id, result.rect, toolbars);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var renderInlineUI = function (editor, panel) {
|
||||
var skinName = editor.settings.skin || 'lightgray';
|
||||
|
||||
SkinLoader.load(editor, skinName, function () {
|
||||
bindContextualToolbarsEvents(editor, panel);
|
||||
overrideLinkShortcut(editor, panel);
|
||||
});
|
||||
|
||||
return {};
|
||||
};
|
||||
|
||||
var fail = function (message) {
|
||||
throw new Error(message);
|
||||
};
|
||||
|
||||
ThemeManager.add('inlite', function (editor) {
|
||||
var panel = new Panel();
|
||||
|
||||
Buttons.addToEditor(editor, panel);
|
||||
|
||||
var renderUI = function () {
|
||||
return editor.inline ? renderInlineUI(editor, panel) : fail('inlite theme only supports inline mode.');
|
||||
};
|
||||
|
||||
return {
|
||||
renderUI: renderUI
|
||||
};
|
||||
});
|
||||
|
||||
return function() {};
|
||||
});
|
||||
@ -1,22 +0,0 @@
|
||||
/**
|
||||
* Arr.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/alien/Arr', [
|
||||
], function () {
|
||||
var flatten = function (arr) {
|
||||
return arr.reduce(function (results, item) {
|
||||
return Array.isArray(item) ? results.concat(flatten(item)) : results.concat(item);
|
||||
}, []);
|
||||
};
|
||||
|
||||
return {
|
||||
flatten: flatten
|
||||
};
|
||||
});
|
||||
@ -1,130 +0,0 @@
|
||||
/**
|
||||
* Bookmark.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/alien/Bookmark', [
|
||||
], function () {
|
||||
/**
|
||||
* Returns a range bookmark. This will convert indexed bookmarks into temporary span elements with
|
||||
* index 0 so that they can be restored properly after the DOM has been modified. Text bookmarks will not have spans
|
||||
* added to them since they can be restored after a dom operation.
|
||||
*
|
||||
* So this: <p><b>|</b><b>|</b></p>
|
||||
* becomes: <p><b><span data-mce-type="bookmark">|</span></b><b data-mce-type="bookmark">|</span></b></p>
|
||||
*
|
||||
* @param {DOMRange} rng DOM Range to get bookmark on.
|
||||
* @return {Object} Bookmark object.
|
||||
*/
|
||||
var create = function (dom, rng) {
|
||||
var bookmark = {};
|
||||
|
||||
function setupEndPoint(start) {
|
||||
var offsetNode, container, offset;
|
||||
|
||||
container = rng[start ? 'startContainer' : 'endContainer'];
|
||||
offset = rng[start ? 'startOffset' : 'endOffset'];
|
||||
|
||||
if (container.nodeType == 1) {
|
||||
offsetNode = dom.create('span', {'data-mce-type': 'bookmark'});
|
||||
|
||||
if (container.hasChildNodes()) {
|
||||
offset = Math.min(offset, container.childNodes.length - 1);
|
||||
|
||||
if (start) {
|
||||
container.insertBefore(offsetNode, container.childNodes[offset]);
|
||||
} else {
|
||||
dom.insertAfter(offsetNode, container.childNodes[offset]);
|
||||
}
|
||||
} else {
|
||||
container.appendChild(offsetNode);
|
||||
}
|
||||
|
||||
container = offsetNode;
|
||||
offset = 0;
|
||||
}
|
||||
|
||||
bookmark[start ? 'startContainer' : 'endContainer'] = container;
|
||||
bookmark[start ? 'startOffset' : 'endOffset'] = offset;
|
||||
}
|
||||
|
||||
setupEndPoint(true);
|
||||
|
||||
if (!rng.collapsed) {
|
||||
setupEndPoint();
|
||||
}
|
||||
|
||||
return bookmark;
|
||||
};
|
||||
|
||||
/**
|
||||
* Moves the selection to the current bookmark and removes any selection container wrappers.
|
||||
*
|
||||
* @param {Object} bookmark Bookmark object to move selection to.
|
||||
*/
|
||||
var resolve = function (dom, bookmark) {
|
||||
function restoreEndPoint(start) {
|
||||
var container, offset, node;
|
||||
|
||||
function nodeIndex(container) {
|
||||
var node = container.parentNode.firstChild, idx = 0;
|
||||
|
||||
while (node) {
|
||||
if (node == container) {
|
||||
return idx;
|
||||
}
|
||||
|
||||
// Skip data-mce-type=bookmark nodes
|
||||
if (node.nodeType != 1 || node.getAttribute('data-mce-type') != 'bookmark') {
|
||||
idx++;
|
||||
}
|
||||
|
||||
node = node.nextSibling;
|
||||
}
|
||||
|
||||
return -1;
|
||||
}
|
||||
|
||||
container = node = bookmark[start ? 'startContainer' : 'endContainer'];
|
||||
offset = bookmark[start ? 'startOffset' : 'endOffset'];
|
||||
|
||||
if (!container) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (container.nodeType == 1) {
|
||||
offset = nodeIndex(container);
|
||||
container = container.parentNode;
|
||||
dom.remove(node);
|
||||
}
|
||||
|
||||
bookmark[start ? 'startContainer' : 'endContainer'] = container;
|
||||
bookmark[start ? 'startOffset' : 'endOffset'] = offset;
|
||||
}
|
||||
|
||||
restoreEndPoint(true);
|
||||
restoreEndPoint();
|
||||
|
||||
var rng = dom.createRng();
|
||||
|
||||
rng.setStart(bookmark.startContainer, bookmark.startOffset);
|
||||
|
||||
if (bookmark.endContainer) {
|
||||
rng.setEnd(bookmark.endContainer, bookmark.endOffset);
|
||||
}
|
||||
|
||||
return rng;
|
||||
};
|
||||
|
||||
return {
|
||||
create: create,
|
||||
resolve: resolve
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
@ -1,84 +0,0 @@
|
||||
/**
|
||||
* Unlink.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
/**
|
||||
* Unlink implementation that doesn't leave partial links for example it would produce:
|
||||
* a[b<a href="x">c]d</a>e -> a[bc]de
|
||||
* instead of:
|
||||
* a[b<a href="x">c]d</a>e -> a[bc]<a href="x">d</a>e
|
||||
*/
|
||||
define("tinymce/inlite/alien/Unlink", [
|
||||
'tinymce/inlite/alien/Bookmark',
|
||||
'global!tinymce.util.Tools',
|
||||
'global!tinymce.dom.TreeWalker',
|
||||
'global!tinymce.dom.RangeUtils'
|
||||
], function (Bookmark, Tools, TreeWalker, RangeUtils) {
|
||||
var getSelectedElements = function (rootElm, startNode, endNode) {
|
||||
var walker, node, elms = [];
|
||||
|
||||
walker = new TreeWalker(startNode, rootElm);
|
||||
for (node = startNode; node; node = walker.next()) {
|
||||
if (node.nodeType === 1) {
|
||||
elms.push(node);
|
||||
}
|
||||
|
||||
if (node === endNode) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return elms;
|
||||
};
|
||||
|
||||
var unwrapElements = function (editor, elms) {
|
||||
var bookmark, dom, selection;
|
||||
|
||||
dom = editor.dom;
|
||||
selection = editor.selection;
|
||||
bookmark = Bookmark.create(dom, selection.getRng());
|
||||
|
||||
Tools.each(elms, function (elm) {
|
||||
editor.dom.remove(elm, true);
|
||||
});
|
||||
|
||||
selection.setRng(Bookmark.resolve(dom, bookmark));
|
||||
};
|
||||
|
||||
var isLink = function (elm) {
|
||||
return elm.nodeName === 'A' && elm.hasAttribute('href');
|
||||
};
|
||||
|
||||
var getParentAnchorOrSelf = function (dom, elm) {
|
||||
var anchorElm = dom.getParent(elm, isLink);
|
||||
return anchorElm ? anchorElm : elm;
|
||||
};
|
||||
|
||||
var getSelectedAnchors = function (editor) {
|
||||
var startElm, endElm, rootElm, anchorElms, selection, dom, rng;
|
||||
|
||||
selection = editor.selection;
|
||||
dom = editor.dom;
|
||||
rng = selection.getRng();
|
||||
startElm = getParentAnchorOrSelf(dom, RangeUtils.getNode(rng.startContainer, rng.startOffset));
|
||||
endElm = RangeUtils.getNode(rng.endContainer, rng.endOffset);
|
||||
rootElm = editor.getBody();
|
||||
anchorElms = Tools.grep(getSelectedElements(rootElm, startElm, endElm), isLink);
|
||||
|
||||
return anchorElms;
|
||||
};
|
||||
|
||||
var unlinkSelection = function (editor) {
|
||||
unwrapElements(editor, getSelectedAnchors(editor));
|
||||
};
|
||||
|
||||
return {
|
||||
unlinkSelection: unlinkSelection
|
||||
};
|
||||
});
|
||||
@ -1,34 +0,0 @@
|
||||
/**
|
||||
* Uuid.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
/**
|
||||
* Generates unique ids this is the same as in core but since
|
||||
* it's not exposed as a global we can't access it.
|
||||
*/
|
||||
define("tinymce/inlite/alien/Uuid", [
|
||||
], function() {
|
||||
var count = 0;
|
||||
|
||||
var seed = function () {
|
||||
var rnd = function () {
|
||||
return Math.round(Math.random() * 0xFFFFFFFF).toString(36);
|
||||
};
|
||||
|
||||
return 's' + Date.now().toString(36) + rnd() + rnd() + rnd();
|
||||
};
|
||||
|
||||
var uuid = function (prefix) {
|
||||
return prefix + (count++) + seed();
|
||||
};
|
||||
|
||||
return {
|
||||
uuid: uuid
|
||||
};
|
||||
});
|
||||
@ -1,106 +0,0 @@
|
||||
/**
|
||||
* Actions.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/Actions', [
|
||||
'tinymce/inlite/alien/Uuid',
|
||||
'tinymce/inlite/alien/Unlink'
|
||||
], function (Uuid, Unlink) {
|
||||
var createTableHtml = function (cols, rows) {
|
||||
var x, y, html;
|
||||
|
||||
html = '<table data-mce-id="mce" style="width: 100%">';
|
||||
html += '<tbody>';
|
||||
|
||||
for (y = 0; y < rows; y++) {
|
||||
html += '<tr>';
|
||||
|
||||
for (x = 0; x < cols; x++) {
|
||||
html += '<td><br></td>';
|
||||
}
|
||||
|
||||
html += '</tr>';
|
||||
}
|
||||
|
||||
html += '</tbody>';
|
||||
html += '</table>';
|
||||
|
||||
return html;
|
||||
};
|
||||
|
||||
var getInsertedElement = function (editor) {
|
||||
var elms = editor.dom.select('*[data-mce-id]');
|
||||
return elms[0];
|
||||
};
|
||||
|
||||
var insertTable = function (editor, cols, rows) {
|
||||
editor.undoManager.transact(function () {
|
||||
var tableElm, cellElm;
|
||||
|
||||
editor.insertContent(createTableHtml(cols, rows));
|
||||
|
||||
tableElm = getInsertedElement(editor);
|
||||
tableElm.removeAttribute('data-mce-id');
|
||||
cellElm = editor.dom.select('td,th', tableElm);
|
||||
editor.selection.setCursorLocation(cellElm[0], 0);
|
||||
});
|
||||
};
|
||||
|
||||
var formatBlock = function (editor, formatName) {
|
||||
editor.execCommand('FormatBlock', false, formatName);
|
||||
};
|
||||
|
||||
var insertBlob = function (editor, base64, blob) {
|
||||
var blobCache, blobInfo;
|
||||
|
||||
blobCache = editor.editorUpload.blobCache;
|
||||
blobInfo = blobCache.create(Uuid.uuid('mceu'), blob, base64);
|
||||
blobCache.add(blobInfo);
|
||||
|
||||
editor.insertContent(editor.dom.createHTML('img', {src: blobInfo.blobUri()}));
|
||||
};
|
||||
|
||||
var collapseSelectionToEnd = function (editor) {
|
||||
editor.selection.collapse(false);
|
||||
};
|
||||
|
||||
var unlink = function (editor) {
|
||||
editor.focus();
|
||||
Unlink.unlinkSelection(editor);
|
||||
collapseSelectionToEnd(editor);
|
||||
};
|
||||
|
||||
var changeHref = function (editor, elm, url) {
|
||||
editor.focus();
|
||||
editor.dom.setAttrib(elm, 'href', url);
|
||||
collapseSelectionToEnd(editor);
|
||||
};
|
||||
|
||||
var insertLink = function (editor, url) {
|
||||
editor.execCommand('mceInsertLink', false, {href: url});
|
||||
collapseSelectionToEnd(editor);
|
||||
};
|
||||
|
||||
var updateOrInsertLink = function (editor, url) {
|
||||
var elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]');
|
||||
elm ? changeHref(editor, elm, url) : insertLink(editor, url);
|
||||
};
|
||||
|
||||
var createLink = function (editor, url) {
|
||||
url.trim().length === 0 ? unlink(editor) : updateOrInsertLink(editor, url);
|
||||
};
|
||||
|
||||
return {
|
||||
insertTable: insertTable,
|
||||
formatBlock: formatBlock,
|
||||
insertBlob: insertBlob,
|
||||
createLink: createLink,
|
||||
unlink: unlink
|
||||
};
|
||||
});
|
||||
@ -1,37 +0,0 @@
|
||||
/**
|
||||
* Convert.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/Convert', [
|
||||
], function () {
|
||||
var fromClientRect = function (clientRect) {
|
||||
return {
|
||||
x: clientRect.left,
|
||||
y: clientRect.top,
|
||||
w: clientRect.width,
|
||||
h: clientRect.height
|
||||
};
|
||||
};
|
||||
|
||||
var toClientRect = function (geomRect) {
|
||||
return {
|
||||
left: geomRect.x,
|
||||
top: geomRect.y,
|
||||
width: geomRect.w,
|
||||
height: geomRect.h,
|
||||
right: geomRect.x + geomRect.w,
|
||||
bottom: geomRect.y + geomRect.h
|
||||
};
|
||||
};
|
||||
|
||||
return {
|
||||
fromClientRect: fromClientRect,
|
||||
toClientRect: toClientRect
|
||||
};
|
||||
});
|
||||
@ -1,47 +0,0 @@
|
||||
/**
|
||||
* ElementMatcher.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/ElementMatcher', [
|
||||
'tinymce/inlite/core/Matcher',
|
||||
'tinymce/inlite/core/Measure'
|
||||
], function (Matcher, Measure) {
|
||||
// element :: Element, [PredicateId] -> (Editor -> Matcher.result | Null)
|
||||
var element = function (element, predicateIds) {
|
||||
return function (editor) {
|
||||
for (var i = 0; i < predicateIds.length; i++) {
|
||||
if (predicateIds[i].predicate(element)) {
|
||||
return Matcher.result(predicateIds[i].id, Measure.getElementRect(editor, element));
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
// parent :: [Elements], [PredicateId] -> (Editor -> Matcher.result | Null)
|
||||
var parent = function (elements, predicateIds) {
|
||||
return function (editor) {
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
for (var x = 0; x < predicateIds.length; x++) {
|
||||
if (predicateIds[x].predicate(elements[i])) {
|
||||
return Matcher.result(predicateIds[x].id, Measure.getElementRect(editor, elements[i]));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
return {
|
||||
element: element,
|
||||
parent: parent
|
||||
};
|
||||
});
|
||||
@ -1,95 +0,0 @@
|
||||
/**
|
||||
* Layout.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/Layout', [
|
||||
'global!tinymce.geom.Rect',
|
||||
'tinymce/inlite/core/Convert'
|
||||
], function (Rect, Convert) {
|
||||
var result = function (rect, position) {
|
||||
return {
|
||||
rect: rect,
|
||||
position: position
|
||||
};
|
||||
};
|
||||
|
||||
var moveTo = function (rect, toRect) {
|
||||
return {x: toRect.x, y: toRect.y, w: rect.w, h: rect.h};
|
||||
};
|
||||
|
||||
var calcByPositions = function (testPositions1, testPositions2, targetRect, contentAreaRect, panelRect) {
|
||||
var relPos, relRect, outputPanelRect;
|
||||
|
||||
relPos = Rect.findBestRelativePosition(panelRect, targetRect, contentAreaRect, testPositions1);
|
||||
targetRect = Rect.clamp(targetRect, contentAreaRect);
|
||||
|
||||
if (relPos) {
|
||||
relRect = Rect.relativePosition(panelRect, targetRect, relPos);
|
||||
outputPanelRect = moveTo(panelRect, relRect);
|
||||
return result(outputPanelRect, relPos);
|
||||
}
|
||||
|
||||
targetRect = Rect.intersect(contentAreaRect, targetRect);
|
||||
if (targetRect) {
|
||||
relPos = Rect.findBestRelativePosition(panelRect, targetRect, contentAreaRect, testPositions2);
|
||||
if (relPos) {
|
||||
relRect = Rect.relativePosition(panelRect, targetRect, relPos);
|
||||
outputPanelRect = moveTo(panelRect, relRect);
|
||||
return result(outputPanelRect, relPos);
|
||||
}
|
||||
|
||||
outputPanelRect = moveTo(panelRect, targetRect);
|
||||
return result(outputPanelRect, relPos);
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var calcInsert = function (targetRect, contentAreaRect, panelRect) {
|
||||
return calcByPositions(
|
||||
['cr-cl', 'cl-cr'],
|
||||
['bc-tc', 'bl-tl', 'br-tr'],
|
||||
targetRect,
|
||||
contentAreaRect,
|
||||
panelRect
|
||||
);
|
||||
};
|
||||
|
||||
var calc = function (targetRect, contentAreaRect, panelRect) {
|
||||
return calcByPositions(
|
||||
['tc-bc', 'bc-tc', 'tl-bl', 'bl-tl', 'tr-br', 'br-tr'],
|
||||
['bc-tc', 'bl-tl', 'br-tr'],
|
||||
targetRect,
|
||||
contentAreaRect,
|
||||
panelRect
|
||||
);
|
||||
};
|
||||
|
||||
var userConstrain = function (handler, targetRect, contentAreaRect, panelRect) {
|
||||
var userConstrainedPanelRect;
|
||||
|
||||
if (typeof handler === 'function') {
|
||||
userConstrainedPanelRect = handler({
|
||||
elementRect: Convert.toClientRect(targetRect),
|
||||
contentAreaRect: Convert.toClientRect(contentAreaRect),
|
||||
panelRect: Convert.toClientRect(panelRect)
|
||||
});
|
||||
|
||||
return Convert.fromClientRect(userConstrainedPanelRect);
|
||||
}
|
||||
|
||||
return panelRect;
|
||||
};
|
||||
|
||||
return {
|
||||
calcInsert: calcInsert,
|
||||
calc: calc,
|
||||
userConstrain: userConstrain
|
||||
};
|
||||
});
|
||||
@ -1,39 +0,0 @@
|
||||
/**
|
||||
* Matcher.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/Matcher', [
|
||||
], function () {
|
||||
// result :: String, Rect -> Matcher.result
|
||||
var result = function (id, rect) {
|
||||
return {
|
||||
id: id,
|
||||
rect: rect
|
||||
};
|
||||
};
|
||||
|
||||
// match :: Editor, [(Editor -> Matcher.result | Null)] -> Matcher.result | Null
|
||||
var match = function (editor, matchers) {
|
||||
for (var i = 0; i < matchers.length; i++) {
|
||||
var f = matchers[i];
|
||||
var result = f(editor);
|
||||
|
||||
if (result) {
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
return {
|
||||
match: match,
|
||||
result: result
|
||||
};
|
||||
});
|
||||
@ -1,61 +0,0 @@
|
||||
/**
|
||||
* Measure.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/Measure', [
|
||||
'global!tinymce.DOM',
|
||||
'global!tinymce.geom.Rect',
|
||||
'tinymce/inlite/core/Convert'
|
||||
], function (DOM, Rect, Convert) {
|
||||
var toAbsolute = function (rect) {
|
||||
var vp = DOM.getViewPort();
|
||||
|
||||
return {
|
||||
x: rect.x + vp.x,
|
||||
y: rect.y + vp.y,
|
||||
w: rect.w,
|
||||
h: rect.h
|
||||
};
|
||||
};
|
||||
|
||||
var measureElement = function (elm) {
|
||||
var clientRect = elm.getBoundingClientRect();
|
||||
|
||||
return toAbsolute({
|
||||
x: clientRect.left,
|
||||
y: clientRect.top,
|
||||
w: Math.max(elm.clientWidth, elm.offsetWidth),
|
||||
h: Math.max(elm.clientHeight, elm.offsetHeight)
|
||||
});
|
||||
};
|
||||
|
||||
var getElementRect = function (editor, elm) {
|
||||
return measureElement(elm);
|
||||
};
|
||||
|
||||
var getPageAreaRect = function (editor) {
|
||||
return measureElement(editor.getElement().ownerDocument.body);
|
||||
};
|
||||
|
||||
var getContentAreaRect = function (editor) {
|
||||
return measureElement(editor.getContentAreaContainer() || editor.getBody());
|
||||
};
|
||||
|
||||
var getSelectionRect = function (editor) {
|
||||
var clientRect = editor.selection.getBoundingClientRect();
|
||||
return clientRect ? toAbsolute(Convert.fromClientRect(clientRect)) : null;
|
||||
};
|
||||
|
||||
return {
|
||||
getElementRect: getElementRect,
|
||||
getPageAreaRect: getPageAreaRect,
|
||||
getContentAreaRect: getContentAreaRect,
|
||||
getSelectionRect: getSelectionRect
|
||||
};
|
||||
});
|
||||
@ -1,32 +0,0 @@
|
||||
/**
|
||||
* PredicateId.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/PredicateId', [
|
||||
'global!tinymce.util.Tools'
|
||||
], function (Tools) {
|
||||
var create = function (id, predicate) {
|
||||
return {
|
||||
id: id,
|
||||
predicate: predicate
|
||||
};
|
||||
};
|
||||
|
||||
// fromContextToolbars :: [ContextToolbar] -> [PredicateId]
|
||||
var fromContextToolbars = function (toolbars) {
|
||||
return Tools.map(toolbars, function (toolbar) {
|
||||
return create(toolbar.id, toolbar.predicate);
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
create: create,
|
||||
fromContextToolbars: fromContextToolbars
|
||||
};
|
||||
});
|
||||
@ -1,55 +0,0 @@
|
||||
/**
|
||||
* SelectionMatcher.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/SelectionMatcher', [
|
||||
'tinymce/inlite/core/Matcher',
|
||||
'tinymce/inlite/core/Measure'
|
||||
], function (Matcher, Measure) {
|
||||
// textSelection :: String -> (Editor -> Matcher.result | Null)
|
||||
var textSelection = function (id) {
|
||||
return function (editor) {
|
||||
if (!editor.selection.isCollapsed()) {
|
||||
return Matcher.result(id, Measure.getSelectionRect(editor));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
// emptyTextBlock :: [Elements], String -> (Editor -> Matcher.result | Null)
|
||||
var emptyTextBlock = function (elements, id) {
|
||||
return function (editor) {
|
||||
var i, textBlockElementsMap = editor.schema.getTextBlockElements();
|
||||
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
if (elements[i].nodeName === 'TABLE') {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
if (elements[i].nodeName in textBlockElementsMap) {
|
||||
if (editor.dom.isEmpty(elements[i])) {
|
||||
return Matcher.result(id, Measure.getSelectionRect(editor));
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
return {
|
||||
textSelection: textSelection,
|
||||
emptyTextBlock: emptyTextBlock
|
||||
};
|
||||
});
|
||||
@ -1,45 +0,0 @@
|
||||
/**
|
||||
* SkinLoader.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/SkinLoader', [
|
||||
'global!tinymce.EditorManager',
|
||||
'global!tinymce.DOM'
|
||||
], function (EditorManager, DOM) {
|
||||
var fireSkinLoaded = function (editor, callback) {
|
||||
var done = function () {
|
||||
editor.fire('SkinLoaded');
|
||||
callback();
|
||||
};
|
||||
|
||||
if (editor.initialized) {
|
||||
done();
|
||||
} else {
|
||||
editor.on('init', done);
|
||||
}
|
||||
};
|
||||
|
||||
var load = function (editor, skin, callback) {
|
||||
var baseUrl = EditorManager.baseURL;
|
||||
var skinUrl = baseUrl + '/skins/' + skin;
|
||||
|
||||
var done = function () {
|
||||
fireSkinLoaded(editor, callback);
|
||||
};
|
||||
|
||||
DOM.styleSheetLoader.load(skinUrl + '/skin.min.css', done);
|
||||
editor.contentCSS.push(skinUrl + '/content.inline.min.css');
|
||||
};
|
||||
|
||||
return {
|
||||
load: load
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
@ -1,27 +0,0 @@
|
||||
/**
|
||||
* UrlType.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/UrlType', [
|
||||
], function () {
|
||||
var isDomainLike = function (href) {
|
||||
return /^www\.|\.(com|org|edu|gov|uk|net|ca|de|jp|fr|au|us|ru|ch|it|nl|se|no|es|mil)$/i.test(href.trim());
|
||||
};
|
||||
|
||||
var isAbsolute = function (href) {
|
||||
return /^https?:\/\//.test(href.trim());
|
||||
};
|
||||
|
||||
return {
|
||||
isDomainLike: isDomainLike,
|
||||
isAbsolute: isAbsolute
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
@ -1,31 +0,0 @@
|
||||
/**
|
||||
* Conversions.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/file/Conversions', [
|
||||
'global!tinymce.util.Promise'
|
||||
], function (Promise) {
|
||||
var blobToBase64 = function (blob) {
|
||||
return new Promise(function(resolve) {
|
||||
var reader = new FileReader();
|
||||
|
||||
reader.onloadend = function() {
|
||||
resolve(reader.result.split(',')[1]);
|
||||
};
|
||||
|
||||
reader.readAsDataURL(blob);
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
blobToBase64: blobToBase64
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
/**
|
||||
* Picker.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/file/Picker', [
|
||||
'global!tinymce.util.Promise'
|
||||
], function (Promise) {
|
||||
var pickFile = function () {
|
||||
return new Promise(function (resolve) {
|
||||
var fileInput;
|
||||
|
||||
fileInput = document.createElement("input");
|
||||
fileInput.type = "file";
|
||||
fileInput.style.position = 'fixed';
|
||||
fileInput.style.left = 0;
|
||||
fileInput.style.top = 0;
|
||||
fileInput.style.opacity = 0.001;
|
||||
document.body.appendChild(fileInput);
|
||||
|
||||
fileInput.onchange = function(e) {
|
||||
resolve(Array.prototype.slice.call(e.target.files));
|
||||
};
|
||||
|
||||
fileInput.click();
|
||||
fileInput.parentNode.removeChild(fileInput);
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
pickFile: pickFile
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
@ -1,80 +0,0 @@
|
||||
/**
|
||||
* Buttons.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/ui/Buttons', [
|
||||
'tinymce/inlite/ui/Panel',
|
||||
'tinymce/inlite/file/Conversions',
|
||||
'tinymce/inlite/file/Picker',
|
||||
'tinymce/inlite/core/Actions'
|
||||
], function (Panel, Conversions, Picker, Actions) {
|
||||
var addHeaderButtons = function (editor) {
|
||||
var formatBlock = function (name) {
|
||||
return function () {
|
||||
Actions.formatBlock(editor, name);
|
||||
};
|
||||
};
|
||||
|
||||
for (var i = 1; i < 6; i++) {
|
||||
var name = 'h' + i;
|
||||
|
||||
editor.addButton(name, {
|
||||
text: name.toUpperCase(),
|
||||
tooltip: 'Heading ' + i,
|
||||
stateSelector: name,
|
||||
onclick: formatBlock(name),
|
||||
onPostRender: function () {
|
||||
// TODO: Remove this hack that produces bold H1-H6 when we have proper icons
|
||||
var span = this.getEl().firstChild.firstChild;
|
||||
span.style.fontWeight = 'bold';
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var addToEditor = function (editor, panel) {
|
||||
editor.addButton('quicklink', {
|
||||
icon: 'link',
|
||||
tooltip: 'Insert/Edit link',
|
||||
stateSelector: 'a[href]',
|
||||
onclick: function () {
|
||||
panel.showForm(editor, 'quicklink');
|
||||
}
|
||||
});
|
||||
|
||||
editor.addButton('quickimage', {
|
||||
icon: 'image',
|
||||
tooltip: 'Insert image',
|
||||
onclick: function () {
|
||||
Picker.pickFile().then(function (files) {
|
||||
var blob = files[0];
|
||||
|
||||
Conversions.blobToBase64(blob).then(function (base64) {
|
||||
Actions.insertBlob(editor, base64, blob);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
editor.addButton('quicktable', {
|
||||
icon: 'table',
|
||||
tooltip: 'Insert table',
|
||||
onclick: function () {
|
||||
panel.hide();
|
||||
Actions.insertTable(editor, 2, 2);
|
||||
}
|
||||
});
|
||||
|
||||
addHeaderButtons(editor);
|
||||
};
|
||||
|
||||
return {
|
||||
addToEditor: addToEditor
|
||||
};
|
||||
});
|
||||
@ -1,102 +0,0 @@
|
||||
/**
|
||||
* Forms.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/ui/Forms', [
|
||||
'global!tinymce.util.Tools',
|
||||
'global!tinymce.ui.Factory',
|
||||
'global!tinymce.util.Promise',
|
||||
'tinymce/inlite/core/Actions',
|
||||
'tinymce/inlite/core/UrlType'
|
||||
], function (Tools, Factory, Promise, Actions, UrlType) {
|
||||
var focusFirstTextBox = function (form) {
|
||||
form.find('textbox').eq(0).each(function (ctrl) {
|
||||
ctrl.focus();
|
||||
});
|
||||
};
|
||||
|
||||
var createForm = function (name, spec) {
|
||||
var form = Factory.create(
|
||||
Tools.extend({
|
||||
type: 'form',
|
||||
layout: 'flex',
|
||||
direction: 'row',
|
||||
padding: 5,
|
||||
name: name,
|
||||
spacing: 3
|
||||
}, spec)
|
||||
);
|
||||
|
||||
form.on('show', function () {
|
||||
focusFirstTextBox(form);
|
||||
});
|
||||
|
||||
return form;
|
||||
};
|
||||
|
||||
var toggleVisibility = function (ctrl, state) {
|
||||
return state ? ctrl.show() : ctrl.hide();
|
||||
};
|
||||
|
||||
var askAboutPrefix = function (editor, href) {
|
||||
return new Promise(function (resolve) {
|
||||
editor.windowManager.confirm(
|
||||
'The URL you entered seems to be an external link. Do you want to add the required http:// prefix?',
|
||||
function (result) {
|
||||
var output = result === true ? 'http://' + href : href;
|
||||
resolve(output);
|
||||
}
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
var convertLinkToAbsolute = function (editor, href) {
|
||||
return !UrlType.isAbsolute(href) && UrlType.isDomainLike(href) ? askAboutPrefix(editor, href) : Promise.resolve(href);
|
||||
};
|
||||
|
||||
var createQuickLinkForm = function (editor, hide) {
|
||||
var unlink = function () {
|
||||
editor.focus();
|
||||
Actions.unlink(editor);
|
||||
hide();
|
||||
};
|
||||
|
||||
return createForm('quicklink', {
|
||||
items: [
|
||||
{type: 'button', name: 'unlink', icon: 'unlink', onclick: unlink, tooltip: 'Remove link'},
|
||||
{type: 'textbox', name: 'linkurl', placeholder: 'Paste or type a link'},
|
||||
{type: 'button', icon: 'checkmark', subtype: 'primary', tooltip: 'Ok', onclick: 'submit'}
|
||||
],
|
||||
onshow: function () {
|
||||
var elm, linkurl = '';
|
||||
|
||||
elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]');
|
||||
if (elm) {
|
||||
linkurl = editor.dom.getAttrib(elm, 'href');
|
||||
}
|
||||
|
||||
this.fromJSON({
|
||||
linkurl: linkurl
|
||||
});
|
||||
|
||||
toggleVisibility(this.find('#unlink'), elm);
|
||||
},
|
||||
onsubmit: function (e) {
|
||||
convertLinkToAbsolute(editor, e.data.linkurl).then(function (url) {
|
||||
Actions.createLink(editor, url);
|
||||
hide();
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
createQuickLinkForm: createQuickLinkForm
|
||||
};
|
||||
});
|
||||
@ -1,218 +0,0 @@
|
||||
/**
|
||||
* Panel.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/ui/Panel', [
|
||||
'global!tinymce.util.Tools',
|
||||
'global!tinymce.ui.Factory',
|
||||
'global!tinymce.DOM',
|
||||
'tinymce/inlite/ui/Toolbar',
|
||||
'tinymce/inlite/ui/Forms',
|
||||
'tinymce/inlite/core/Measure',
|
||||
'tinymce/inlite/core/Layout'
|
||||
], function (Tools, Factory, DOM, Toolbar, Forms, Measure, Layout) {
|
||||
return function () {
|
||||
var DEFAULT_TEXT_SELECTION_ITEMS = 'bold italic | quicklink h2 h3 blockquote';
|
||||
var DEFAULT_INSERT_TOOLBAR_ITEMS = 'quickimage quicktable';
|
||||
var panel, currentRect;
|
||||
|
||||
var createToolbars = function (editor, toolbars) {
|
||||
return Tools.map(toolbars, function (toolbar) {
|
||||
return Toolbar.create(editor, toolbar.id, toolbar.items);
|
||||
});
|
||||
};
|
||||
|
||||
var getTextSelectionToolbarItems = function (settings) {
|
||||
var value = settings.selection_toolbar;
|
||||
return value ? value : DEFAULT_TEXT_SELECTION_ITEMS;
|
||||
};
|
||||
|
||||
var getInsertToolbarItems = function (settings) {
|
||||
var value = settings.insert_toolbar;
|
||||
return value ? value : DEFAULT_INSERT_TOOLBAR_ITEMS;
|
||||
};
|
||||
|
||||
var create = function (editor, toolbars) {
|
||||
var items, settings = editor.settings;
|
||||
|
||||
items = createToolbars(editor, toolbars);
|
||||
items = items.concat([
|
||||
Toolbar.create(editor, 'text', getTextSelectionToolbarItems(settings)),
|
||||
Toolbar.create(editor, 'insert', getInsertToolbarItems(settings)),
|
||||
Forms.createQuickLinkForm(editor, hide)
|
||||
]);
|
||||
|
||||
return Factory.create({
|
||||
type: 'floatpanel',
|
||||
role: 'dialog',
|
||||
classes: 'tinymce tinymce-inline arrow',
|
||||
ariaLabel: 'Inline toolbar',
|
||||
layout: 'flex',
|
||||
direction: 'column',
|
||||
align: 'stretch',
|
||||
autohide: false,
|
||||
autofix: true,
|
||||
fixed: true,
|
||||
border: 1,
|
||||
items: items,
|
||||
oncancel: function() {
|
||||
editor.focus();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var showPanel = function (panel) {
|
||||
if (panel) {
|
||||
panel.show();
|
||||
}
|
||||
};
|
||||
|
||||
var movePanelTo = function (panel, pos) {
|
||||
panel.moveTo(pos.x, pos.y);
|
||||
};
|
||||
|
||||
var togglePositionClass = function (panel, relPos) {
|
||||
relPos = relPos ? relPos.substr(0, 2) : '';
|
||||
|
||||
Tools.each({
|
||||
t: 'down',
|
||||
b: 'up',
|
||||
c: 'center'
|
||||
}, function(cls, pos) {
|
||||
panel.classes.toggle('arrow-' + cls, pos === relPos.substr(0, 1));
|
||||
});
|
||||
|
||||
if (relPos === 'cr') {
|
||||
panel.classes.toggle('arrow-left', true);
|
||||
panel.classes.toggle('arrow-right', false);
|
||||
} else if (relPos === 'cl') {
|
||||
panel.classes.toggle('arrow-left', true);
|
||||
panel.classes.toggle('arrow-right', true);
|
||||
} else {
|
||||
Tools.each({
|
||||
l: 'left',
|
||||
r: 'right'
|
||||
}, function(cls, pos) {
|
||||
panel.classes.toggle('arrow-' + cls, pos === relPos.substr(1, 1));
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var showToolbar = function (panel, id) {
|
||||
var toolbars = panel.items().filter('#' + id);
|
||||
|
||||
if (toolbars.length > 0) {
|
||||
toolbars[0].show();
|
||||
panel.reflow();
|
||||
}
|
||||
};
|
||||
|
||||
var showPanelAt = function (panel, id, editor, targetRect) {
|
||||
var contentAreaRect, panelRect, result, userConstainHandler;
|
||||
|
||||
showPanel(panel);
|
||||
panel.items().hide();
|
||||
showToolbar(panel, id);
|
||||
|
||||
userConstainHandler = editor.settings.inline_toolbar_position_handler;
|
||||
contentAreaRect = Measure.getContentAreaRect(editor);
|
||||
panelRect = DOM.getRect(panel.getEl());
|
||||
|
||||
if (id === 'insert') {
|
||||
result = Layout.calcInsert(targetRect, contentAreaRect, panelRect);
|
||||
} else {
|
||||
result = Layout.calc(targetRect, contentAreaRect, panelRect);
|
||||
}
|
||||
|
||||
if (result) {
|
||||
panelRect = result.rect;
|
||||
currentRect = targetRect;
|
||||
movePanelTo(panel, Layout.userConstrain(userConstainHandler, targetRect, contentAreaRect, panelRect));
|
||||
|
||||
togglePositionClass(panel, result.position);
|
||||
} else {
|
||||
hide(panel);
|
||||
}
|
||||
};
|
||||
|
||||
var hasFormVisible = function () {
|
||||
return panel.items().filter('form:visible').length > 0;
|
||||
};
|
||||
|
||||
var showForm = function (editor, id) {
|
||||
if (panel) {
|
||||
panel.items().hide();
|
||||
showToolbar(panel, id);
|
||||
|
||||
var contentAreaRect, panelRect, result, userConstainHandler;
|
||||
|
||||
showPanel(panel);
|
||||
panel.items().hide();
|
||||
showToolbar(panel, id);
|
||||
|
||||
userConstainHandler = editor.settings.inline_toolbar_position_handler;
|
||||
contentAreaRect = Measure.getContentAreaRect(editor);
|
||||
panelRect = DOM.getRect(panel.getEl());
|
||||
|
||||
result = Layout.calc(currentRect, contentAreaRect, panelRect);
|
||||
|
||||
if (result) {
|
||||
panelRect = result.rect;
|
||||
movePanelTo(panel, Layout.userConstrain(userConstainHandler, currentRect, contentAreaRect, panelRect));
|
||||
|
||||
togglePositionClass(panel, result.position);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var show = function (editor, id, targetRect, toolbars) {
|
||||
if (!panel) {
|
||||
panel = create(editor, toolbars);
|
||||
panel.renderTo(document.body).reflow().moveTo(targetRect.x, targetRect.y);
|
||||
editor.nodeChanged();
|
||||
}
|
||||
|
||||
showPanelAt(panel, id, editor, targetRect);
|
||||
};
|
||||
|
||||
var hide = function () {
|
||||
if (panel) {
|
||||
panel.hide();
|
||||
}
|
||||
};
|
||||
|
||||
var focus = function () {
|
||||
if (panel) {
|
||||
panel.find('toolbar:visible').eq(0).each(function (item) {
|
||||
item.focus(true);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var remove = function () {
|
||||
if (panel) {
|
||||
panel.remove();
|
||||
panel = null;
|
||||
}
|
||||
};
|
||||
|
||||
var inForm = function () {
|
||||
return panel && panel.visible() && hasFormVisible();
|
||||
};
|
||||
|
||||
return {
|
||||
show: show,
|
||||
showForm: showForm,
|
||||
inForm: inForm,
|
||||
hide: hide,
|
||||
focus: focus,
|
||||
remove: remove
|
||||
};
|
||||
};
|
||||
});
|
||||
@ -1,126 +0,0 @@
|
||||
/**
|
||||
* Toolbar.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/ui/Toolbar', [
|
||||
'global!tinymce.util.Tools',
|
||||
'global!tinymce.ui.Factory'
|
||||
], function (Tools, Factory) {
|
||||
var setActiveItem = function (item, name) {
|
||||
return function(state, args) {
|
||||
var nodeName, i = args.parents.length;
|
||||
|
||||
while (i--) {
|
||||
nodeName = args.parents[i].nodeName;
|
||||
if (nodeName == 'OL' || nodeName == 'UL') {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
item.active(state && nodeName == name);
|
||||
};
|
||||
};
|
||||
|
||||
var getSelectorStateResult = function (itemName, item) {
|
||||
var result = function (selector, handler) {
|
||||
return {
|
||||
selector: selector,
|
||||
handler: handler
|
||||
};
|
||||
};
|
||||
|
||||
var activeHandler = function(state) {
|
||||
item.active(state);
|
||||
};
|
||||
|
||||
var disabledHandler = function (state) {
|
||||
item.disabled(state);
|
||||
};
|
||||
|
||||
if (itemName == 'bullist') {
|
||||
return result('ul > li', setActiveItem(item, 'UL'));
|
||||
}
|
||||
|
||||
if (itemName == 'numlist') {
|
||||
return result('ol > li', setActiveItem(item, 'OL'));
|
||||
}
|
||||
|
||||
if (item.settings.stateSelector) {
|
||||
return result(item.settings.stateSelector, activeHandler);
|
||||
}
|
||||
|
||||
if (item.settings.disabledStateSelector) {
|
||||
return result(item.settings.disabledStateSelector, disabledHandler);
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var bindSelectorChanged = function (editor, itemName, item) {
|
||||
return function () {
|
||||
var result = getSelectorStateResult(itemName, item);
|
||||
if (result !== null) {
|
||||
editor.selection.selectorChanged(result.selector, result.handler);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var create = function (editor, name, items) {
|
||||
var toolbarItems = [], buttonGroup;
|
||||
|
||||
if (!items) {
|
||||
return;
|
||||
}
|
||||
|
||||
Tools.each(items.split(/[ ,]/), function(item) {
|
||||
var itemName;
|
||||
|
||||
if (item == '|') {
|
||||
buttonGroup = null;
|
||||
} else {
|
||||
if (Factory.has(item)) {
|
||||
item = {type: item};
|
||||
toolbarItems.push(item);
|
||||
buttonGroup = null;
|
||||
} else {
|
||||
if (!buttonGroup) {
|
||||
buttonGroup = {type: 'buttongroup', items: []};
|
||||
toolbarItems.push(buttonGroup);
|
||||
}
|
||||
|
||||
if (editor.buttons[item]) {
|
||||
itemName = item;
|
||||
item = editor.buttons[itemName];
|
||||
|
||||
if (typeof item == 'function') {
|
||||
item = item();
|
||||
}
|
||||
|
||||
item.type = item.type || 'button';
|
||||
|
||||
item = Factory.create(item);
|
||||
item.on('postRender', bindSelectorChanged(editor, itemName, item));
|
||||
buttonGroup.items.push(item);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return Factory.create({
|
||||
type: 'toolbar',
|
||||
layout: 'flow',
|
||||
name: name,
|
||||
items: toolbarItems
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
create: create
|
||||
};
|
||||
});
|
||||
@ -1,14 +0,0 @@
|
||||
{
|
||||
"env": {
|
||||
"browser": true,
|
||||
"amd": true
|
||||
},
|
||||
|
||||
"globals": {
|
||||
"assert": true,
|
||||
"test": true,
|
||||
"asynctest": true
|
||||
},
|
||||
|
||||
"extends": "../../../../../../.eslintrc"
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
test('atomic/alien/ArrTest', [
|
||||
'tinymce/inlite/alien/Arr'
|
||||
], function (Arr) {
|
||||
var testFlatten = function () {
|
||||
assert.eq(Arr.flatten([1, 2, [3, 4, [5, 6]], [7, 8], 9]), [1, 2, 3, 4, 5, 6, 7, 8, 9]);
|
||||
};
|
||||
|
||||
testFlatten();
|
||||
});
|
||||
@ -1,10 +0,0 @@
|
||||
test('atomic/alien/UuidTest', [
|
||||
'tinymce/inlite/alien/Uuid'
|
||||
], function (Uuid) {
|
||||
var testUuid = function () {
|
||||
assert.eq(Uuid.uuid('mce').indexOf('mce'), 0);
|
||||
assert.eq(Uuid.uuid('mce') !== Uuid.uuid('mce'), true);
|
||||
};
|
||||
|
||||
testUuid();
|
||||
});
|
||||
@ -1,12 +0,0 @@
|
||||
test('atomic/core/ConvertTest', [
|
||||
'tinymce/inlite/core/Convert'
|
||||
], function (Convert) {
|
||||
var testConvert = function () {
|
||||
assert.eq({x: 1, y: 2, w: 3, h: 4}, Convert.fromClientRect({left: 1, top: 2, width: 3, height: 4}));
|
||||
assert.eq({x: 2, y: 3, w: 4, h: 5}, Convert.fromClientRect({left: 2, top: 3, width: 4, height: 5}));
|
||||
assert.eq({left: 1, top: 2, width: 3, height: 4, bottom: 2 + 4, right: 1 + 3}, Convert.toClientRect({x: 1, y: 2, w: 3, h: 4}));
|
||||
assert.eq({left: 2, top: 3, width: 4, height: 5, bottom: 3 + 5, right: 2 + 4}, Convert.toClientRect({x: 2, y: 3, w: 4, h: 5}));
|
||||
};
|
||||
|
||||
testConvert();
|
||||
});
|
||||
@ -1,51 +0,0 @@
|
||||
test('browser/atomic/MatcherTest', [
|
||||
'tinymce/inlite/core/Matcher'
|
||||
], function (Matcher) {
|
||||
var testMatch = function (mockEditor, matches, expectedResult) {
|
||||
var result;
|
||||
|
||||
result = Matcher.match(mockEditor, matches);
|
||||
assert.eq(expectedResult, result);
|
||||
};
|
||||
|
||||
var match = function (key) {
|
||||
return function (editor) {
|
||||
return editor[key];
|
||||
};
|
||||
};
|
||||
|
||||
var testMatcher = function () {
|
||||
var mockEditor = {
|
||||
success1: 'success1',
|
||||
success2: 'success2',
|
||||
failure: null
|
||||
};
|
||||
|
||||
testMatch(mockEditor, [
|
||||
match('success1')
|
||||
], 'success1');
|
||||
|
||||
testMatch(mockEditor, [
|
||||
match(null),
|
||||
match('success2')
|
||||
], 'success2');
|
||||
|
||||
testMatch(mockEditor, [
|
||||
match('success1'),
|
||||
match('success2')
|
||||
], 'success1');
|
||||
|
||||
testMatch(mockEditor, [
|
||||
match(null)
|
||||
], null);
|
||||
|
||||
testMatch(mockEditor, [
|
||||
match(null),
|
||||
match(null)
|
||||
], null);
|
||||
|
||||
testMatch(mockEditor, [], null);
|
||||
};
|
||||
|
||||
testMatcher();
|
||||
});
|
||||
@ -1,33 +0,0 @@
|
||||
test('atomic/core/UrlTypeTest', [
|
||||
'tinymce/inlite/core/UrlType'
|
||||
], function (UrlType) {
|
||||
var testIsDomainLike = function () {
|
||||
var mostUsedTopLevelDomains = [
|
||||
'com', 'org', 'edu', 'gov', 'uk', 'net', 'ca', 'de', 'jp',
|
||||
'fr', 'au', 'us', 'ru', 'ch', 'it', 'nl', 'se', 'no', 'es', 'mil'
|
||||
];
|
||||
|
||||
assert.eq(UrlType.isDomainLike('www.site.com'), true);
|
||||
assert.eq(UrlType.isDomainLike('www.site.xyz'), true);
|
||||
assert.eq(UrlType.isDomainLike(' www.site.xyz'), true);
|
||||
assert.eq(UrlType.isDomainLike('site.xyz'), false);
|
||||
|
||||
mostUsedTopLevelDomains.forEach(function (tld) {
|
||||
assert.eq(UrlType.isDomainLike('site.' + tld), true);
|
||||
assert.eq(UrlType.isDomainLike(' site.' + tld), true);
|
||||
assert.eq(UrlType.isDomainLike('site.' + tld + ' '), true);
|
||||
});
|
||||
|
||||
assert.eq(UrlType.isDomainLike('/a/b'), false);
|
||||
};
|
||||
|
||||
var testIsAbsoluteUrl = function () {
|
||||
assert.eq(UrlType.isAbsolute('http://www.site.com'), true);
|
||||
assert.eq(UrlType.isAbsolute('https://www.site.com'), true);
|
||||
assert.eq(UrlType.isAbsolute('www.site.com'), false);
|
||||
assert.eq(UrlType.isAbsolute('file.gif'), false);
|
||||
};
|
||||
|
||||
testIsDomainLike();
|
||||
testIsAbsoluteUrl();
|
||||
});
|
||||
@ -1,202 +0,0 @@
|
||||
asynctest('browser/core/ThemeTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'ephox.mcagar.api.TinyActions',
|
||||
'ephox.mcagar.api.TinyDom',
|
||||
'tinymce/inlite/Theme',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.agar.api.Chain',
|
||||
'ephox.agar.api.UiFinder',
|
||||
'ephox.agar.api.Mouse',
|
||||
'ephox.agar.api.GeneralSteps',
|
||||
'ephox.agar.api.UiControls',
|
||||
'ephox.agar.api.FocusTools'
|
||||
], function (TinyLoader, TinyApis, TinyActions, TinyDom, Theme, Pipeline, Chain, UiFinder, Mouse, GeneralSteps, UiControls, FocusTools) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
var dialogRoot = TinyDom.fromDom(document.body);
|
||||
|
||||
var cWaitForContextToolbar = Chain.fromChainsWith(dialogRoot, [
|
||||
UiFinder.cWaitForState('label', '.mce-tinymce-inline', function (elm) {
|
||||
return elm.dom().style.display === "";
|
||||
})
|
||||
]);
|
||||
|
||||
var cClickToolbarButton = function (ariaLabel) {
|
||||
return Chain.fromChains([
|
||||
UiFinder.cFindIn('div[aria-label="' + ariaLabel + '"]'),
|
||||
Mouse.cTrueClick
|
||||
]);
|
||||
};
|
||||
|
||||
var sClickFocusedButton = Chain.asStep(TinyDom.fromDom(document), [
|
||||
FocusTools.cGetFocused,
|
||||
Mouse.cTrueClick
|
||||
]);
|
||||
|
||||
var sClickContextButton = function (ariaLabel) {
|
||||
return Chain.asStep({}, [
|
||||
cWaitForContextToolbar,
|
||||
cClickToolbarButton(ariaLabel)
|
||||
]);
|
||||
};
|
||||
|
||||
var sWaitForToolbar = function () {
|
||||
return Chain.asStep({}, [
|
||||
cWaitForContextToolbar
|
||||
]);
|
||||
};
|
||||
|
||||
var sBoldTests = function (tinyApis) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent('<p>a</p>'),
|
||||
tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
|
||||
sClickContextButton('Bold'),
|
||||
tinyApis.sAssertContent('<p><strong>a</strong></p>')
|
||||
]);
|
||||
};
|
||||
|
||||
var sH2Tests = function (tinyApis) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent('<p>a</p>'),
|
||||
tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
|
||||
sClickContextButton('Heading 2'),
|
||||
tinyApis.sAssertContent('<h2>a</h2>')
|
||||
]);
|
||||
};
|
||||
|
||||
var sInsertLink = function (url) {
|
||||
return Chain.asStep({}, [
|
||||
cWaitForContextToolbar,
|
||||
cClickToolbarButton('Insert/Edit link'),
|
||||
cWaitForContextToolbar,
|
||||
UiFinder.cFindIn('input'),
|
||||
UiControls.cSetValue(url),
|
||||
cWaitForContextToolbar,
|
||||
cClickToolbarButton('Ok')
|
||||
]);
|
||||
};
|
||||
|
||||
var cWaitForConfirmDialog = Chain.fromChainsWith(dialogRoot, [
|
||||
UiFinder.cWaitForState('window element', '.mce-window', function () {
|
||||
return true;
|
||||
})
|
||||
]);
|
||||
|
||||
var cClickButton = function (btnText) {
|
||||
return Chain.fromChains([
|
||||
UiFinder.cFindIn('button:contains("' + btnText + '")'),
|
||||
Mouse.cTrueClick
|
||||
]);
|
||||
};
|
||||
|
||||
var sClickConfirmButton = function (btnText) {
|
||||
return Chain.asStep({}, [
|
||||
cWaitForConfirmDialog,
|
||||
cClickButton(btnText)
|
||||
]);
|
||||
};
|
||||
|
||||
var sInsertLinkConfirmPrefix = function (url, btnText) {
|
||||
return GeneralSteps.sequence([
|
||||
sInsertLink(url),
|
||||
sClickConfirmButton(btnText)
|
||||
]);
|
||||
};
|
||||
|
||||
var sUnlink = Chain.asStep({}, [
|
||||
cWaitForContextToolbar,
|
||||
cClickToolbarButton('Insert/Edit link'),
|
||||
cWaitForContextToolbar,
|
||||
cClickToolbarButton('Remove link')
|
||||
]);
|
||||
|
||||
var sLinkTests = function (tinyApis) {
|
||||
var sContentActionTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml, sAction) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(spath, soffset, fpath, foffset),
|
||||
sAction,
|
||||
tinyApis.sAssertContent(expectedHtml)
|
||||
]);
|
||||
};
|
||||
|
||||
var sLinkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
|
||||
return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLink(url));
|
||||
};
|
||||
|
||||
var sUnlinkTest = function (inputHtml, spath, soffset, fpath, foffset, expectedHtml) {
|
||||
return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sUnlink);
|
||||
};
|
||||
|
||||
var sLinkWithConfirmOkTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
|
||||
return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Ok'));
|
||||
};
|
||||
|
||||
var sLinkWithConfirmCancelTest = function (inputHtml, spath, soffset, fpath, foffset, url, expectedHtml) {
|
||||
return sContentActionTest(inputHtml, spath, soffset, fpath, foffset, expectedHtml, sInsertLinkConfirmPrefix(url, 'Cancel'));
|
||||
};
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sLinkWithConfirmOkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="http://www.site.com">a</a></p>'),
|
||||
sLinkWithConfirmCancelTest('<p>a</p>', [0, 0], 0, [0, 0], 1, 'www.site.com', '<p><a href="www.site.com">a</a></p>'),
|
||||
sLinkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, '#1', '<p><a href="#1">a</a></p>'),
|
||||
sLinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '#2', '<p><a id="x" href="#2">a</a></p>'),
|
||||
sLinkTest('<p><a href="#3">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '', '<p>a</p>'),
|
||||
sUnlinkTest('<p><a id="x" href="#1">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>')
|
||||
]);
|
||||
};
|
||||
|
||||
var sInsertTableTests = function (tinyApis) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent('<p><br></p><p>b</p>'),
|
||||
tinyApis.sSetCursor([0], 0),
|
||||
sClickContextButton('Insert table'),
|
||||
tinyApis.sAssertContent([
|
||||
'<table style="width: 100%;">',
|
||||
'<tbody>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'</tbody>',
|
||||
'</table>',
|
||||
'<p>b</p>'
|
||||
].join('\n')
|
||||
)
|
||||
]);
|
||||
};
|
||||
|
||||
var sAriaTests = function (tinyApis, tinyActions) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent('<p>a</p>'),
|
||||
tinyApis.sSetSelection([0, 0], 0, [0, 0], 1),
|
||||
sWaitForToolbar(),
|
||||
tinyActions.sContentKeydown(121, {alt: true}),
|
||||
sClickFocusedButton,
|
||||
tinyApis.sAssertContent('<p><strong>a</strong></p>')
|
||||
]);
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor), tinyActions = TinyActions(editor);
|
||||
|
||||
Pipeline.async({}, [
|
||||
sBoldTests(tinyApis),
|
||||
sH2Tests(tinyApis),
|
||||
sLinkTests(tinyApis),
|
||||
sInsertTableTests(tinyApis),
|
||||
sAriaTests(tinyApis, tinyActions)
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
theme: 'inlite',
|
||||
plugins: 'image table link paste contextmenu textpattern',
|
||||
insert_toolbar: 'quickimage media quicktable',
|
||||
selection_toolbar: 'bold italic | quicklink h1 h2 blockquote',
|
||||
inline: true
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,65 +0,0 @@
|
||||
asynctest('browser/alien/BookmarkTest', [
|
||||
'ephox/tinymce',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.agar.api.Chain',
|
||||
'ephox.agar.api.Cursors',
|
||||
'ephox.agar.api.Assertions',
|
||||
'ephox.mcagar.api.TinyDom',
|
||||
'tinymce/inlite/alien/Bookmark'
|
||||
], function (tinymce, Pipeline, Chain, Cursors, Assertions, TinyDom, Bookmark) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var toNativeRange = function (range) {
|
||||
var domRange = document.createRange();
|
||||
domRange.setStart(range.start().dom(), range.soffset());
|
||||
domRange.setEnd(range.finish().dom(), range.foffset());
|
||||
return domRange;
|
||||
};
|
||||
|
||||
var rangeToBookmark = function (dom) {
|
||||
return function (range) {
|
||||
return Bookmark.create(dom, range);
|
||||
};
|
||||
};
|
||||
|
||||
var bookmarkToRange = function (dom) {
|
||||
return function (bookmark) {
|
||||
return Bookmark.resolve(dom, bookmark);
|
||||
};
|
||||
};
|
||||
|
||||
var cAssertRangeEq = function (expected) {
|
||||
return Chain.op(function (actual) {
|
||||
Assertions.assertEq('Not equal startContainer', expected.start().dom(), actual.startContainer);
|
||||
Assertions.assertEq('Not equal startOffset', expected.soffset(), actual.startOffset);
|
||||
Assertions.assertEq('Not equal endContainer', expected.finish().dom(), actual.endContainer);
|
||||
Assertions.assertEq('Not equal endOffset', expected.foffset(), actual.endOffset);
|
||||
});
|
||||
};
|
||||
|
||||
var sTestBookmark = function (html, path) {
|
||||
var dom = tinymce.DOM;
|
||||
var elm = TinyDom.fromDom(dom.create('div', {}, html));
|
||||
|
||||
return Chain.asStep(elm, [
|
||||
Cursors.cFollowPath(Cursors.pathFrom(path)),
|
||||
Chain.mapper(toNativeRange),
|
||||
Chain.mapper(rangeToBookmark(dom)),
|
||||
Chain.mapper(bookmarkToRange(dom)),
|
||||
cAssertRangeEq(Cursors.calculate(elm, Cursors.pathFrom(path)))
|
||||
]);
|
||||
};
|
||||
|
||||
Pipeline.async({}, [
|
||||
sTestBookmark('abc', {element: [0], offset: 0}),
|
||||
sTestBookmark('abc', {element: [0], offset: 1}),
|
||||
sTestBookmark('abc', {start: {element: [0], offset: 0}, finish: {element: [0], offset: 1}}),
|
||||
sTestBookmark('<b>a</b>', {element: [0, 0], offset: 0}),
|
||||
sTestBookmark('<b>a</b>', {element: [0, 0], offset: 0}),
|
||||
sTestBookmark('<b>a</b>', {start: {element: [0, 0], offset: 0}, finish: {element: [0, 0], offset: 1}}),
|
||||
sTestBookmark('<b>a</b><b>b</b>', {start: {element: [0, 0], offset: 0}, finish: {element: [1, 0], offset: 1}})
|
||||
], function () {
|
||||
success();
|
||||
}, failure);
|
||||
});
|
||||
@ -1,38 +0,0 @@
|
||||
asynctest('browser/alien/UnlinkTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'tinymce/inlite/alien/Unlink',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.GeneralSteps'
|
||||
], function (TinyLoader, TinyApis, Unlink, Pipeline, Step, GeneralSteps) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var sUnlinkSelection = function (editor) {
|
||||
return Step.sync(function () {
|
||||
Unlink.unlinkSelection(editor);
|
||||
});
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor);
|
||||
|
||||
var sAssertUnlink = function (inputHtml, startPath, startOffset, finishPath, finishOffset, expectedHtml) {
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(startPath, startOffset, finishPath, finishOffset),
|
||||
sUnlinkSelection(editor),
|
||||
tinyApis.sAssertContent(expectedHtml, 'Should match expected anchor less html')
|
||||
]);
|
||||
};
|
||||
|
||||
Pipeline.async({}, [
|
||||
sAssertUnlink('<p><a href="#">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>'),
|
||||
sAssertUnlink('<p><a href="#">a</a>b</p>', [0, 0, 0], 0, [0, 1], 1, '<p>ab</p>'),
|
||||
sAssertUnlink('<p><a href="#">a</a><p><a href="#">b</a>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>\n<p><a href="#">b</a></p>'),
|
||||
sAssertUnlink('<p><a href="#">a</a><p><a href="#">b</a>', [0, 0, 0], 0, [1, 0, 0], 1, '<p>a</p>\n<p>b</p>')
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,177 +0,0 @@
|
||||
asynctest('browser/core/ActionsTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'tinymce/inlite/core/Actions',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.GeneralSteps'
|
||||
], function (TinyLoader, TinyApis, Actions, Pipeline, Step, GeneralSteps) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var wrap = function (f, args) {
|
||||
return function () {
|
||||
var currentArgs = Array.prototype.slice.call(arguments);
|
||||
return Step.sync(function () {
|
||||
f.apply(null, [].concat(args).concat(currentArgs));
|
||||
});
|
||||
};
|
||||
};
|
||||
|
||||
var sInsertTableTests = function (editor, tinyApis) {
|
||||
var sInsertTableTest = function (cols, rows, expectedHtml, message) {
|
||||
var sInsertTable = wrap(Actions.insertTable, editor);
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(''),
|
||||
sInsertTable(cols, rows),
|
||||
tinyApis.sAssertContent(expectedHtml, message)
|
||||
]);
|
||||
};
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sInsertTableTest(2, 3, [
|
||||
'<table style="width: 100%;">',
|
||||
'<tbody>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'</tbody>',
|
||||
'</table>'
|
||||
].join('\n'),
|
||||
'Should be a 2x3 table'
|
||||
),
|
||||
|
||||
sInsertTableTest(3, 2, [
|
||||
'<table style="width: 100%;">',
|
||||
'<tbody>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'<td> </td>',
|
||||
'</tr>',
|
||||
'</tbody>',
|
||||
'</table>'
|
||||
].join('\n'),
|
||||
'Should be a 3x2 table'
|
||||
)
|
||||
]);
|
||||
};
|
||||
|
||||
var sFormatBlockTests = function (editor, tinyApis) {
|
||||
var sFormatBlockTest = function (name) {
|
||||
var sFormatBlock = wrap(Actions.formatBlock, editor);
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent('<p>a</p>'),
|
||||
tinyApis.sSetCursor([0], 0),
|
||||
sFormatBlock(name),
|
||||
tinyApis.sAssertContent('<' + name + '>a</' + name + '>', 'Should be a ' + name + ' block')
|
||||
]);
|
||||
};
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sFormatBlockTest('h1'),
|
||||
sFormatBlockTest('h2'),
|
||||
sFormatBlockTest('pre')
|
||||
]);
|
||||
};
|
||||
|
||||
var sCreateLinkTests = function (editor, tinyApis) {
|
||||
var sCreateLinkTest = function (inputHtml, url, sPath, sOffset, fPath, fOffset, expectedHtml) {
|
||||
var sCreateLink = wrap(Actions.createLink, editor);
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(sPath, sOffset, fPath, fOffset),
|
||||
sCreateLink(url),
|
||||
tinyApis.sAssertContent(expectedHtml, 'Should have a link')
|
||||
]);
|
||||
};
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sCreateLinkTest('<p>a</p>', '#1', [0, 0], 0, [0, 0], 1, '<p><a href="#1">a</a></p>'),
|
||||
sCreateLinkTest('<p><a href="#1">a</a></p>', '#2', [0, 0], 0, [0, 0], 1, '<p><a href="#2">a</a></p>'),
|
||||
sCreateLinkTest('<p><a href="#1"><em>a</em></a></p>', '#2', [0, 0, 0], 0, [0, 0, 0], 1, '<p><a href="#2"><em>a</em></a></p>')
|
||||
]);
|
||||
};
|
||||
|
||||
var sUnlinkTests = function (editor, tinyApis) {
|
||||
var sUnlinkTest = function (inputHtml, sPath, sOffset, fPath, fOffset, expectedHtml) {
|
||||
var sUnlink = wrap(Actions.unlink, editor);
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(sPath, sOffset, fPath, fOffset),
|
||||
sUnlink(),
|
||||
tinyApis.sAssertContent(expectedHtml, 'Should not have a link')
|
||||
]);
|
||||
};
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sUnlinkTest('<p>a</p>', [0, 0], 0, [0, 0], 1, '<p>a</p>'),
|
||||
sUnlinkTest('<p><a href="#">a</a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p>a</p>'),
|
||||
sUnlinkTest('<p><a href="#"><em>a</em></a></p>', [0, 0, 0], 0, [0, 0, 0], 1, '<p><em>a</em></p>'),
|
||||
sUnlinkTest('<p><a href="#">a</a>b</p>', [0, 0, 0], 0, [0, 1], 1, '<p>ab</p>')
|
||||
]);
|
||||
};
|
||||
|
||||
var base64ToBlob = function (base64, type) {
|
||||
var buff = atob(base64);
|
||||
var bytes = new Uint8Array(buff.length);
|
||||
|
||||
for (var i = 0; i < bytes.length; i++) {
|
||||
bytes[i] = buff.charCodeAt(i);
|
||||
}
|
||||
|
||||
return new Blob([bytes], {type: type});
|
||||
};
|
||||
|
||||
var sInsertBlobTests = function (editor, tinyApis) {
|
||||
var sInsertBlobTest = function (inputHtml, path, offset, blob, base64, expectedHtml) {
|
||||
var sInsertBlob = wrap(Actions.insertBlob, editor);
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetCursor(path, offset),
|
||||
sInsertBlob(blob, base64),
|
||||
tinyApis.sAssertContent(expectedHtml, 'Should have a image')
|
||||
]);
|
||||
};
|
||||
|
||||
var base64 = 'R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
|
||||
var blob = base64ToBlob(base64, 'image/gif');
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
sInsertBlobTest('<p>a</p>', [0, 0], 0, base64, blob, '<p><img src="data:image/gif;base64,' + base64 + '" />a</p>')
|
||||
]);
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor);
|
||||
|
||||
Pipeline.async({}, [
|
||||
sInsertTableTests(editor, tinyApis),
|
||||
sFormatBlockTests(editor, tinyApis),
|
||||
sInsertBlobTests(editor, tinyApis),
|
||||
sCreateLinkTests(editor, tinyApis),
|
||||
sUnlinkTests(editor, tinyApis)
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
inline: true
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,69 +0,0 @@
|
||||
asynctest('browser/core/ElementMatcherTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.Assertions',
|
||||
'tinymce/inlite/core/ElementMatcher',
|
||||
'tinymce/inlite/core/PredicateId',
|
||||
'ephox.agar.api.Pipeline'
|
||||
], function (TinyLoader, TinyApis, Step, Assertions, ElementMatcher, PredicateId, Pipeline) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var eq = function (target) {
|
||||
return function (elm) {
|
||||
return elm === target;
|
||||
};
|
||||
};
|
||||
|
||||
var constantFalse = function (/*elm*/) {
|
||||
return false;
|
||||
};
|
||||
|
||||
var sElementTest = function (tinyApis, editor, inputHtml, selector) {
|
||||
return Step.sync(function () {
|
||||
var target, result;
|
||||
|
||||
editor.setContent(inputHtml);
|
||||
target = editor.dom.select(selector)[0];
|
||||
|
||||
result = ElementMatcher.element(target, [
|
||||
PredicateId.create('a', constantFalse),
|
||||
PredicateId.create('b', eq(target))
|
||||
])(editor);
|
||||
|
||||
Assertions.assertEq(result.id, 'b', 'Should be matching B');
|
||||
Assertions.assertEq(result.rect.w > 0, true, 'Should be have width');
|
||||
});
|
||||
};
|
||||
|
||||
var sParentTest = function (tinyApis, editor, inputHtml, selector) {
|
||||
return Step.sync(function () {
|
||||
var target, parents, result;
|
||||
|
||||
editor.setContent(inputHtml);
|
||||
target = editor.dom.select(selector)[0];
|
||||
parents = editor.dom.getParents(target);
|
||||
|
||||
result = ElementMatcher.parent(parents, [
|
||||
PredicateId.create('a', constantFalse),
|
||||
PredicateId.create('b', eq(parents[1])),
|
||||
PredicateId.create('c', eq(parents[0]))
|
||||
])(editor);
|
||||
|
||||
Assertions.assertEq(result.id, 'c', 'Should be matching C the closest one');
|
||||
Assertions.assertEq(result.rect.w > 0, true, 'Should be have width');
|
||||
});
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor);
|
||||
|
||||
Pipeline.async({}, [
|
||||
sElementTest(tinyApis, editor, '<p>a</p>', 'p'),
|
||||
sParentTest(tinyApis, editor, '<div><p><em>a</em></p></div>', 'em')
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
inline: true
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,118 +0,0 @@
|
||||
test('browser/core/LayoutTest', [
|
||||
'ephox/tinymce',
|
||||
'tinymce/inlite/core/Layout'
|
||||
], function (tinymce, Layout) {
|
||||
// TODO: Move this to atomic test when we can require parts of tinymce core using bolt
|
||||
|
||||
var rect = function (x, y, w, h) {
|
||||
return {x: x, y: y, w: w, h: h};
|
||||
};
|
||||
|
||||
var clientRect = function (x, y, w, h) {
|
||||
return {left: x, top: y, width: w, height: h, bottom: y + h, right: x + w};
|
||||
};
|
||||
|
||||
var assertLayout = function (expected, rects) {
|
||||
var result;
|
||||
|
||||
result = Layout.calc(
|
||||
rects.targetRect,
|
||||
rects.contentAreaRect,
|
||||
rects.panelRect
|
||||
);
|
||||
|
||||
assert.eq(expected, result);
|
||||
};
|
||||
|
||||
var testCalcPanelAtBottomLeft = function () {
|
||||
assertLayout({
|
||||
rect: rect(0, 10, 20, 10),
|
||||
position: 'bl-tl'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(0, 0, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testCalcPanelAtBottomRight = function () {
|
||||
assertLayout({
|
||||
rect: rect(80, 10, 20, 10),
|
||||
position: 'br-tr'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(90, 0, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testCalcPanelAtTopLeft = function () {
|
||||
assertLayout({
|
||||
rect: rect(0, 10, 20, 10),
|
||||
position: 'tl-bl'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(0, 20, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testCalcPanelAtTopRight = function () {
|
||||
assertLayout({
|
||||
rect: rect(80, 10, 20, 10),
|
||||
position: 'tr-br'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(90, 20, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testCalcPanelAtTopCenter = function () {
|
||||
assertLayout({
|
||||
rect: rect(35, 10, 20, 10),
|
||||
position: 'tc-bc'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(40, 20, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testCalcPanelAtBottomCenter = function () {
|
||||
assertLayout({
|
||||
rect: rect(35, 10, 20, 10),
|
||||
position: 'bc-tc'
|
||||
}, {
|
||||
contentAreaRect: rect(0, 0, 100, 100),
|
||||
targetRect: rect(40, 0, 10, 10),
|
||||
panelRect: rect(0, 0, 20, 10)
|
||||
});
|
||||
};
|
||||
|
||||
var testUserConstrain = function () {
|
||||
var targetRect, contentAreaRect, panelRect, userConstrainedPanelRect, handler;
|
||||
|
||||
contentAreaRect = rect(0, 0, 100, 100);
|
||||
targetRect = rect(40, 0, 10, 10);
|
||||
panelRect = rect(0, 0, 20, 10);
|
||||
|
||||
handler = function (rects) {
|
||||
assert.eq(rects.elementRect, clientRect(40, 0, 10, 10));
|
||||
assert.eq(rects.contentAreaRect, clientRect(0, 0, 100, 100));
|
||||
assert.eq(rects.panelRect, clientRect(0, 0, 20, 10));
|
||||
return clientRect(1, 2, 3, 4);
|
||||
};
|
||||
|
||||
userConstrainedPanelRect = Layout.userConstrain(handler, targetRect, contentAreaRect, panelRect);
|
||||
assert.eq(userConstrainedPanelRect, rect(1, 2, 3, 4));
|
||||
};
|
||||
|
||||
testCalcPanelAtBottomLeft();
|
||||
testCalcPanelAtBottomRight();
|
||||
testCalcPanelAtTopLeft();
|
||||
testCalcPanelAtTopRight();
|
||||
testCalcPanelAtTopCenter();
|
||||
testCalcPanelAtBottomCenter();
|
||||
testUserConstrain();
|
||||
});
|
||||
@ -1,62 +0,0 @@
|
||||
asynctest('browser/core/MeasureTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'tinymce/inlite/core/Measure',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.Chain',
|
||||
'ephox.agar.api.UiFinder',
|
||||
'ephox.agar.api.Assertions'
|
||||
], function (TinyLoader, Measure, Pipeline, TinyApis, Step, Chain, UiFinder, Assertions) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var containsXY = function (r, x, y) {
|
||||
return x >= r.x && x <= r.x + r.w && y >= r.y && y <= r.y + r.h;
|
||||
};
|
||||
|
||||
var contains = function (a, b) {
|
||||
return containsXY(a, b.x, b.y) && containsXY(a, b.x + b.w, b.y + b.h);
|
||||
};
|
||||
|
||||
var sAssertRect = function (editor, measure) {
|
||||
return Step.sync(function () {
|
||||
var elementRect = measure();
|
||||
var pageAreaRect = Measure.getPageAreaRect(editor);
|
||||
var contentAreaRect = Measure.getContentAreaRect(editor);
|
||||
|
||||
Assertions.assertEq('Rect is not in page area rect', contains(pageAreaRect, elementRect), true);
|
||||
Assertions.assertEq('Rect is not in content area rect', contains(contentAreaRect, elementRect), true);
|
||||
Assertions.assertEq('Rect should have width', elementRect.w > 0, true);
|
||||
Assertions.assertEq('Rect should have height', elementRect.h > 0, true);
|
||||
});
|
||||
};
|
||||
|
||||
var getElementRectFromSelector = function (editor, selector) {
|
||||
return function () {
|
||||
var elm = editor.dom.select(selector)[0];
|
||||
var rect = Measure.getElementRect(editor, elm);
|
||||
return rect;
|
||||
};
|
||||
};
|
||||
|
||||
var getSelectionRectFromSelector = function (editor) {
|
||||
return function () {
|
||||
var rect = Measure.getSelectionRect(editor);
|
||||
return rect;
|
||||
};
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor);
|
||||
|
||||
Pipeline.async({}, [
|
||||
tinyApis.sSetContent('<p>a</p><div style="width: 50px; height: 300px">b</div><p>c</p>'),
|
||||
sAssertRect(editor, getElementRectFromSelector(editor, 'p:nth-child(1)')),
|
||||
tinyApis.sSetCursor([0, 0], 0),
|
||||
sAssertRect(editor, getSelectionRectFromSelector(editor))
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
inline: true
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,26 +0,0 @@
|
||||
test('browser/core/PredicateIdTest', [
|
||||
'ephox/tinymce',
|
||||
'tinymce/inlite/core/PredicateId'
|
||||
], function (tinymce, PredicateId) {
|
||||
var testFromContextToolbars = function () {
|
||||
var isTrue = function () {
|
||||
return true;
|
||||
};
|
||||
|
||||
var isFalse = function () {
|
||||
return false;
|
||||
};
|
||||
|
||||
var predIds = PredicateId.fromContextToolbars([
|
||||
{toolbar: 'a b c', predicate: isTrue, id: 'a'},
|
||||
{toolbar: 'd e', predicate: isFalse, id: 'b'}
|
||||
]);
|
||||
|
||||
assert.eq([
|
||||
PredicateId.create('a', isTrue),
|
||||
PredicateId.create('b', isFalse)
|
||||
], predIds);
|
||||
};
|
||||
|
||||
testFromContextToolbars();
|
||||
});
|
||||
@ -1,76 +0,0 @@
|
||||
asynctest('browser/core/SelectionMatcherTest', [
|
||||
'ephox.mcagar.api.TinyLoader',
|
||||
'ephox.mcagar.api.TinyApis',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.Assertions',
|
||||
'tinymce/inlite/core/SelectionMatcher',
|
||||
'tinymce/inlite/core/PredicateId',
|
||||
'ephox.agar.api.GeneralSteps',
|
||||
'ephox.agar.api.Pipeline'
|
||||
], function (TinyLoader, TinyApis, Step, Assertions, SelectionMatcher, PredicateId, GeneralSteps, Pipeline) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var assertResult = function (expectedResultState, result) {
|
||||
Assertions.assertEq('Should not be null', result !== null, expectedResultState);
|
||||
|
||||
if (expectedResultState === true) {
|
||||
Assertions.assertEq('Should be matching a', result.id, 'a');
|
||||
Assertions.assertEq('Should be have width', result.rect.w > 0, true);
|
||||
}
|
||||
};
|
||||
|
||||
var sTextSelectionTest = function (tinyApis, editor, inputHtml, spath, soffset, fpath, foffset, expectedResultState) {
|
||||
var sAssertTextSelectionResult = Step.sync(function () {
|
||||
var result = SelectionMatcher.textSelection('a')(editor);
|
||||
assertResult(expectedResultState, result);
|
||||
});
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(spath, soffset, fpath, foffset),
|
||||
sAssertTextSelectionResult
|
||||
]);
|
||||
};
|
||||
|
||||
var sTextSelectionTests = function (tinyApis, editor) {
|
||||
return GeneralSteps.sequence([
|
||||
sTextSelectionTest(tinyApis, editor, '<p>a</p>', [0], 0, [0], 1, true),
|
||||
sTextSelectionTest(tinyApis, editor, '<p>a</p>', [0], 0, [0], 0, false)
|
||||
]);
|
||||
};
|
||||
|
||||
var sEmptyTextBlockTest = function (tinyApis, editor, inputHtml, spath, soffset, fpath, foffset, expectedResultState) {
|
||||
var sAssertTextSelectionResult = Step.sync(function () {
|
||||
var elements = editor.dom.getParents(editor.selection.getStart());
|
||||
var result = SelectionMatcher.emptyTextBlock(elements, 'a')(editor);
|
||||
assertResult(expectedResultState, result);
|
||||
});
|
||||
|
||||
return GeneralSteps.sequence([
|
||||
tinyApis.sSetContent(inputHtml),
|
||||
tinyApis.sSetSelection(spath, soffset, fpath, foffset),
|
||||
sAssertTextSelectionResult
|
||||
]);
|
||||
};
|
||||
|
||||
var sEmptyTextBlockTests = function (tinyApis, editor) {
|
||||
return GeneralSteps.sequence([
|
||||
sEmptyTextBlockTest(tinyApis, editor, '<p>a</p>', [0], 0, [0], 0, false),
|
||||
sEmptyTextBlockTest(tinyApis, editor, '<p>a</p>', [0], 0, [0], 1, false),
|
||||
sEmptyTextBlockTest(tinyApis, editor, '<p><br></p>', [0], 0, [0], 0, true),
|
||||
sEmptyTextBlockTest(tinyApis, editor, '<p><em><br></em></p>', [0, 0], 0, [0, 0], 0, true)
|
||||
]);
|
||||
};
|
||||
|
||||
TinyLoader.setup(function (editor, onSuccess, onFailure) {
|
||||
var tinyApis = TinyApis(editor);
|
||||
|
||||
Pipeline.async({}, [
|
||||
sTextSelectionTests(tinyApis, editor),
|
||||
sEmptyTextBlockTests(tinyApis, editor)
|
||||
], onSuccess, onFailure);
|
||||
}, {
|
||||
inline: true
|
||||
}, success, failure);
|
||||
});
|
||||
@ -1,41 +0,0 @@
|
||||
asynctest('atomic/core/ConvertTest', [
|
||||
'ephox/tinymce',
|
||||
'tinymce/inlite/file/Conversions',
|
||||
'ephox.agar.api.Step',
|
||||
'ephox.agar.api.Pipeline',
|
||||
'ephox.agar.api.Assertions'
|
||||
], function (tinymce, Conversions, Step, Pipeline, Assertions) {
|
||||
var success = arguments[arguments.length - 2];
|
||||
var failure = arguments[arguments.length - 1];
|
||||
|
||||
var base64ToBlob = function (base64, type) {
|
||||
var buff = atob(base64);
|
||||
var bytes = new Uint8Array(buff.length);
|
||||
|
||||
for (var i = 0; i < bytes.length; i++) {
|
||||
bytes[i] = buff.charCodeAt(i);
|
||||
}
|
||||
|
||||
return new Blob([bytes], {type: type});
|
||||
};
|
||||
|
||||
var sBlobToBase64 = function () {
|
||||
return Step.async(function (next) {
|
||||
var base64 = 'R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
|
||||
var blob = base64ToBlob(base64, 'image/gif');
|
||||
|
||||
Conversions.blobToBase64(blob).then(function (convertedBase64) {
|
||||
Assertions.assertEq('Not the correct base64', base64, convertedBase64);
|
||||
next();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
Pipeline.async({}, [
|
||||
sBlobToBase64()
|
||||
], function () {
|
||||
success();
|
||||
}, function () {
|
||||
failure();
|
||||
});
|
||||
});
|
||||
@ -1,55 +0,0 @@
|
||||
/**
|
||||
* SelectionMatcher.js
|
||||
*
|
||||
* Released under LGPL License.
|
||||
* Copyright (c) 1999-2016 Ephox Corp. All rights reserved
|
||||
*
|
||||
* License: http://www.tinymce.com/license
|
||||
* Contributing: http://www.tinymce.com/contributing
|
||||
*/
|
||||
|
||||
define('tinymce/inlite/core/SelectionMatcher', [
|
||||
'tinymce/inlite/core/Matcher',
|
||||
'tinymce/inlite/core/Measure'
|
||||
], function (Matcher, Measure) {
|
||||
// textSelection :: String -> (Editor -> Matcher.result | Null)
|
||||
var textSelection = function (id) {
|
||||
return function (editor) {
|
||||
if (!editor.selection.isCollapsed()) {
|
||||
return Matcher.result(id, Measure.getSelectionRect(editor));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
// emptyTextBlock :: [Elements], String -> (Editor -> Matcher.result | Null)
|
||||
var emptyTextBlock = function (elements, id) {
|
||||
return function (editor) {
|
||||
var i, textBlockElementsMap = editor.schema.getTextBlockElements();
|
||||
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
if (elements[i].nodeName === 'TABLE') {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
if (elements[i].nodeName in textBlockElementsMap) {
|
||||
if (editor.dom.isEmpty(elements[i])) {
|
||||
return Matcher.result(id, Measure.getSelectionRect(editor));
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
};
|
||||
|
||||
return {
|
||||
textSelection: textSelection,
|
||||
emptyTextBlock: emptyTextBlock
|
||||
};
|
||||
});
|
||||
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Diff de fichier supprimé car une ou plusieurs lignes sont trop longues
Fichier binaire non affiché.
|
Avant Largeur: | Hauteur: | Taille: 2.2 KiB Après Largeur: | Hauteur: | Taille: 133 KiB |
Chargement…
Référencer dans un nouveau ticket
Block a user