e107_plugins/tinymce4/wysiwyg_class.php
<?php
class wysiwyg
{
private $js;
private $config;
private $configName;
private $bootstrapVersion;
function renderConfig($config='')
{
$this->getConfig($config);
$text = "\n /* TinyMce Config: ".$this->configName." */\n\n";
$text .= "tinymce.init({\n";
/*
$text .= "save_onsavecallback: function() {console.log('Save'); },\n";
$text .= "setup: function (editor) {
editor.on('blur', function () {
editor.save();
});
},\n";
*/
$text .= $this->config; // Moc: temporary fix for BC with PHP 5.3: https://github.com/e107inc/e107/issues/614
$text .= "\n});";
return stripslashes($text);
}
function __construct($config=FALSE)
{
$this->bootstrapVersion = e107::getTheme()->getLibVersion('bootstrap');
}
function tinymce_lang()
{
$lang = e_LANGUAGE;
// Languages supported by TinyMce.
// Commented out languages are not found in e107's language_class.php.
$tinylang = array(
'Arabic' => 'ar',
// 'Arabic (Saudi Arabia)' => 'ar_SA',
'Armenian' => 'hy',
'Azerbaijani' => 'az',
'Basque' => 'eu',
'Belarusian' => 'be',
'Bengali' => 'bn_BD',
'Bosnian' => 'bs',
'Bulgarian' => 'bg_BG',
'Catalan' => 'ca',
'ChineseSimp' => 'zh_CN',
'ChineseTrad' => 'zh_TW',
'Croatian' => 'hr',
'Czech' => 'cs',
// 'Czech (Czech Republic)' => 'cs_CZ',
'Danish' => 'da',
// 'Divehi' => 'dv',
'Dutch' => 'nl',
'English' => 'en_GB', // Default language file.
// 'English (Canada)' => 'en_CA',
// 'English (United Kingdom)' => 'en_GB',
'Esperanto' => 'eo',
'Estonian' => 'et',
'Faroese' => 'fo',
'Finnish' => 'fi',
'French' => 'fr_FR',
// 'French (Switzerland)' => 'fr_CH',
'Gaelic' => 'gd',
'Gallegan' => 'gl',
'Georgian' => 'ka_GE',
'German' => 'de',
// 'German (Austria)' => 'de_AT',
'Greek' => 'el',
'Hebrew' => 'he_IL',
'Hindi' => 'hi_IN',
'Hungarian' => 'hu_HU',
'Icelandic' => 'is_IS',
'Indonesian' => 'id',
'Irish' => 'ga',
'Italian' => 'it',
'Japanese' => 'ja',
// 'Kabyle' => 'kab',
'Kazakh' => 'kk',
'Khmer' => 'km_KH',
'Korean' => 'ko',
// 'Korean (Korea)' => 'ko_KR',
'Kurdish' => 'ku',
// 'Kurdish (Iraq)' => 'ku_IQ',
'Latvian' => 'lv',
'Lithuanian' => 'lt',
'Letzeburgesch' => 'lb',
'Macedonian' => 'mk_MK',
'Malayalam' => 'ml',
// 'Malayalam (India)' => 'ml_IN',
'Mongolian' => 'mn_MN',
'Norwegian' => 'nb_NO',
'Persian' => 'fa',
// 'Persian (Iran)' => 'fa_IR',
'Polish' => 'pl',
// 'Portuguese (Brazil)' => 'pt_BR',
'Portuguese' => 'pt_PT',
'Romanian' => 'ro',
'Russian' => 'ru',
// 'Russian (Russia)' => 'ru_RU',
'Serbian' => 'sr',
'Sinhala' => 'si_LK',
'Slovak' => 'sk',
'Slovenian' => 'sl_SI',
'Spanish' => 'es',
// 'Spanish (Mexico)' => 'es_MX',
'Swedish' => 'sv_SE',
'Tajik' => 'tg',
'Tamil' => 'ta',
// 'Tamil (India)' => 'ta_IN',
'Tatar' => 'tt',
'Thai' => 'th_TH',
'Turkish' => 'tr',
// 'Turkish (Turkey)' => 'tr_TR',
'Uighur' => 'ug',
'Ukrainian' => 'uk',
// 'Ukrainian (Ukraine)' => 'uk_UA',
'Vietnamese' => 'vi',
// 'Vietnamese (Viet Nam)' => 'vi_VN',
'Welsh' => 'cy',
);
if(!isset($tinylang[$lang]))
{
$tinylang[$lang] = "en_GB";
}
// If language file is not present, use default.
$jsFile = e_PLUGIN . 'tinymce4/langs/' . $tinylang[$lang] . '.js';
if($tinylang[$lang] != 'en_GB' && !file_exists($jsFile))
{
$tinylang[$lang] = "en_GB";
}
return $tinylang[$lang];
}
function getExternalPlugins($data)
{
if(empty($data))
{
return null;
}
$tmp = explode(" ",$data);
if(e107::pref('core','smiley_activate',false))
{
$tmp[] = "smileys";
}
$ext = array();
foreach($tmp as $val)
{
$ext[$val] = e_PLUGIN_ABS."tinymce4/plugins/".$val."/plugin.js";
}
return json_encode($ext);
}
function convertBoolean($string)
{
if(substr($string,0,1) == '{' || substr($string,0,1) == '[' || substr($string,0,9) == 'function(')
{
return $string;
}
if(is_numeric($string))
{
return $string;
}
if(is_string($string))
{
$string = trim($string);
$string = str_replace("\n","",$string);
}
if($string === true)
{
return 'true';
}
if($string === false)
{
return 'false';
}
if($string === 'true' || $string === 'false' || $string[0] == '[')
{
return $string;
}
return '"'.$string.'"';
}
function getConfig($config=false)
{
$tp = e107::getParser();
// $fl = e107::getFile();
if($config !== false)
{
$template = $tp->filter($config).".xml";
}
else
{
if(getperms('0'))
{
$template = "mainadmin.xml";
}
elseif(ADMIN)
{
$template = "admin.xml";
}
elseif(USER)
{
$template = "member.xml";
}
else
{
$template = "public.xml";
}
}
if(($template == 'mainadmin.xml' && !getperms('0')) || ($template == 'admin.xml' && !ADMIN))
{
$template = 'public.xml';
}
$configPath = (is_readable(THEME."templates/tinymce/".$template)) ? THEME."templates/tinymce/".$template : e_PLUGIN."tinymce4/templates/".$template;
$config = e107::getXml()->loadXMLfile($configPath, true);
//TODO Cache!
$this->configName = $config['@attributes']['name'];
$tinyMceLanguage = $this->tinymce_lang();
unset($config['@attributes']);
$ret = array(
'selector' => '.e-wysiwyg',
// 'editor_selector' => 'advancedEditor',
'language' => $tinyMceLanguage,
'language_url' => SITEURLBASE.e_PLUGIN_ABS."tinymce4/langs/" . $tinyMceLanguage . ".js"
);
// if(e_ADMIN_AREA)
{
// $ret['skin_url'] = e_PLUGIN_ABS.'tinymce4/skins/eskin';
}
// Loop thru XML parms.
foreach($config as $k=>$xml)
{
if($k == 'plugins')
{
$ret[$k] = $this->filter_plugins($xml);
}
else
{
$ret[$k] = $xml;
}
}
$tPref = e107::pref('tinymce4');
if(!empty($tPref['paste_as_text']))
{
$ret['paste_as_text'] = true;
}
if(!empty($tPref['browser_spellcheck']))
{
$ret['browser_spellcheck'] = true;
}
if(!empty($tPref['visualblocks']))
{
$ret['visualblocks_default_state'] = true;
}
$ret['autosave_ask_before_unload'] = true;
$ret['autosave_retention'] = "30m";
$ret['autosave_interval'] = "3s";
$ret['autosave_prefix'] = "tinymce-autosave-{path}{query}-{id}-";
$ret['verify_html'] = false;
// plugins: "visualblocks",
/*
$formats = array(
'hilitecolor' => array('inline'=> 'span', 'classes'=> 'hilitecolor', 'styles'=> array('backgroundColor'=> '%value'))
// block : 'h1', attributes : {title : "Header"}, styles : {color : red}
);*/
//@see http://www.tinymce.com/wiki.php/Configuration:formats
$codeHighlightClass = varset($tPref['code_highlight_class'], 'prettyprint linenums');
$formats = "[
{title: 'Headers', items: [
{title: 'Heading 1', block: 'h1'},
{title: 'Heading 2', block: 'h2'},
{title: 'Heading 3', block: 'h3'},
{title: 'Heading 4', block: 'h4'},
{title: 'Heading 5', block: 'h5'},
{title: 'Heading 6', block: 'h6'}
]},
{title: 'Inline', items: [
{title: 'Bold', inline: 'b', icon: 'bold'},
{title: 'Italic', inline: 'em', icon: 'italic'},
{title: 'Underline', inline: 'span', styles : {textDecoration : 'underline'}, icon: 'underline'},
{title: 'Strikethrough', inline: 'span', styles : {textDecoration : 'line-through'}, icon: 'strikethrough'},
{title: 'Superscript', inline: 'sup', icon: 'superscript'},
{title: 'Subscript', inline: 'sub', icon: 'subscript'},
{title: 'Code', inline: 'code', icon: 'code'},
{title: 'Small', inline: 'small', icon: ''},
]},
{title: 'Blocks', items: [
{title: 'Paragraph', block: 'p'},
{title: 'Blockquote', block: 'blockquote'},
{title: 'Blockquote alt.', block: 'blockquote', classes: 'blockquote-alt blockquote__alternative'},
{title: 'Div', block: 'div'},
{title: 'Pre', block: 'pre'},
{title: 'Code Highlighted', block: 'pre', classes: '".$codeHighlightClass."' }
]},
{title: 'Lists', items: [
{title: 'FontAwesome', selector: 'ul', classes: 'fa-ul' },
{title: 'FontAwesome List Icon', selector: 'i', classes: 'fa-li' },
{title: 'Bootstrap Listgroup', selector: 'ul', classes: 'list-group' },
{title: 'Bootstrap Listgroup Item', selector: 'li', classes: 'list-group-item' },
]},
{title: 'Alignment', items: [
{title: 'Left', block: 'div', classes: 'text-left', icon: 'alignleft'},
{title: 'Center', block: 'div',classes: 'text-center', icon: 'aligncenter'},
{title: 'Right', block: 'div', classes: 'text-right', icon: 'alignright'},
{title: 'Justify', block: 'div', classes: 'text-justify', icon: 'alignjustify'},
{title: 'No Text-Wrap', block: 'div', classes: 'text-nowrap', icon: ''},
{title: 'Clear Float', block: 'div', classes: 'clearfix'},
{title: 'Image Left', selector: 'img', classes: 'bbcode-img-left', icon: 'alignleft'},
{title: 'Image Right', selector: 'img', classes: 'bbcode-img-right', icon: 'alignright'}
]},
{title: 'Glyphs', items: [
{title: 'Size 2x', selector: 'i', classes: 'fa-2x'},
{title: 'Size 3x', selector: 'i', classes: 'fa-3x'},
{title: 'Size 4x', selector: 'i', classes: 'fa-4x'},
{title: 'Size 5x', selector: 'i', classes: 'fa-5x'},
{title: 'Fixed Width', selector: 'i', classes: 'fa-fw'},
{title: 'Spin', selector: 'i', classes: 'fa-spin'}
]},
{title: 'Bootstrap Inline', items: [
{title: 'Label (Default)', inline: 'span', classes: 'label label-default'},
{title: 'Label (Primary)', inline: 'span', classes: 'label label-primary'},
{title: 'Label (Success)', inline: 'span', classes: 'label label-success'},
{title: 'Label (Info)', inline: 'span', classes: 'label label-info'},
{title: 'Label (Warning)', inline: 'span', classes: 'label label-warning'},
{title: 'Label (Danger)', inline: 'span', classes: 'label label-danger'},
{title: 'Muted', inline: 'span', classes: 'text-muted'},
]},
{title: 'Bootstrap Blocks', items: [
{title: 'Alert (Success)', block: 'div', classes: 'alert alert-success'},
{title: 'Alert (Info)', block: 'div', classes: 'alert alert-info'},
{title: 'Alert (Warning)', block: 'div', classes: 'alert alert-warning'},
{title: 'Alert (Danger)', block: 'div', classes: 'alert alert-block alert-danger'},
{title: 'Lead', block: 'p', classes: 'lead'},
{title: 'Well', block: 'div', classes: 'well'},
{title: 'Row', block: 'div', classes: 'row'},
{title: '1/4 Width Block', block: 'div', classes: 'col-md-3 col-sm-12'},
{title: '3/4 Width Block', block: 'div', classes: 'col-md-9 col-sm-12'},
{title: '1/3 Width Block', block: 'div', classes: 'col-md-4 col-sm-12'},
{title: '2/3 Width Block', block: 'div', classes: 'col-md-8 col-sm-12'},
{title: '1/2 Width Block', block: 'div', classes: 'col-md-6 col-sm-12'},
]},
{title: 'Bootstrap Buttons', items: ".$this->bootstrapButtonStyles()."},
{title: 'Bootstrap Images', items: [
{title: 'Responsive (recommended)', selector: 'img', classes: 'img-responsive img-fluid'},
{title: 'Rounded', selector: 'img', classes: 'img-rounded rounded'},
{title: 'Circle', selector: 'img', classes: 'img-circle rounded-circle'},
{title: 'Thumbnail', selector: 'img', classes: 'img-thumbnail'},
]},
{title: 'Bootstrap Tables', items: [
{title: 'Bordered', selector: 'table', classes: 'table-bordered'},
{title: 'Condensed', selector: 'table', classes: 'table-condensed'},
{title: 'Hover', selector: 'table', classes: 'table-hover'},
{title: 'Striped', selector: 'table', classes: 'table-striped'},
]},
{title: 'Animate.css Style', items: [
{title: 'bounce', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounce'},
{title: 'flash', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flash'},
{title: 'pulse', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated pulse'},
{title: 'rubberBand', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rubberBand'},
{title: 'shake', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated shake'},
{title: 'headShake', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated headShake'},
{title: 'swing', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated swing'},
{title: 'tada', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated tada'},
{title: 'wobble', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated wobble'},
{title: 'jello', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated jello'},
{title: 'bounceIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceIn'},
{title: 'bounceInDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceInDown'},
{title: 'bounceInLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceInLeft'},
{title: 'bounceInRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceInRight'},
{title: 'bounceInUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceInUp'},
/* {title: 'bounceOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceOut'},
{title: 'bounceOutDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceOutDown'},
{title: 'bounceOutLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceOutLeft'},
{title: 'bounceOutRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceOutRight'},
{title: 'bounceOutUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated bounceOutUp'},*/
{title: 'fadeIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeIn'},
{title: 'fadeInDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInDown'},
{title: 'fadeInDownBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInDownBig'},
{title: 'fadeInLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInLeft'},
{title: 'fadeInLeftBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInLeftBig'},
{title: 'fadeInRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInRight'},
{title: 'fadeInRightBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInRightBig'},
{title: 'fadeInUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInUp'},
{title: 'fadeInUpBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeInUpBig'},
{title: 'fadeOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOut'},
/* {title: 'fadeOutDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutDown'},
{title: 'fadeOutDownBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutDownBig'},
{title: 'fadeOutLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutLeft'},
{title: 'fadeOutLeftBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutLeftBig'},
{title: 'fadeOutRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutRight'},
{title: 'fadeOutRightBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutRightBig'},
{title: 'fadeOutUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutUp'},
{title: 'fadeOutUpBig', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated fadeOutUpBig'}, */
{title: 'flip', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flip'},
{title: 'flipInX', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flipInX'},
{title: 'flipInY', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flipInY'},
/* {title: 'flipOutX', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flipOutX'},
{title: 'flipOutY', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated flipOutY'}, */
{title: 'lightSpeedIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated lightSpeedIn'},
/* {title: 'lightSpeedOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated lightSpeedOut'}, */
{title: 'rotateIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateIn'},
{title: 'rotateInDownLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateInDownLeft'},
{title: 'rotateInDownRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateInDownRight'},
{title: 'rotateInUpLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateInUpLeft'},
{title: 'rotateInUpRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateInUpRight'},
/* {title: 'rotateOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateOut'},
{title: 'rotateOutDownLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateOutDownLeft'},
{title: 'rotateOutDownRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateOutDownRight'},
{title: 'rotateOutUpLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateOutUpLeft'},
{title: 'rotateOutUpRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rotateOutUpRight'}, */
{title: 'hinge', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated hinge'},
{title: 'jackInTheBox', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated jackInTheBox'},
{title: 'rollIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rollIn'},
{title: 'rollOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated rollOut'},
{title: 'zoomIn', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomIn'},
{title: 'zoomInDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomInDown'},
{title: 'zoomInLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomInLeft'},
{title: 'zoomInRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomInRight'},
{title: 'zoomInUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomInUp'},
{title: 'zoomOut', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomOut'},
{title: 'zoomOutDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomOutDown'},
{title: 'zoomOutLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomOutLeft'},
{title: 'zoomOutRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomOutRight'},
{title: 'zoomOutUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated zoomOutUp'},
{title: 'slideInDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideInDown'},
{title: 'slideInLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideInLeft'},
{title: 'slideInRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideInRight'},
{title: 'slideInUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideInUp'},
/* {title: 'slideOutDown', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideOutDown'},
{title: 'slideOutLeft', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideOutLeft'},
{title: 'slideOutRight', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideOutRight'},
{title: 'slideOutUp', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animated slideOutUp'}, */
]},
{title: 'Animate.css Delay', items: [
{title: '2 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-2'},
{title: '4 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-4'},
{title: '6 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-6'},
{title: '8 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-8'},
{title: '10 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-10'},
{title: '12 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-12'},
{title: '14 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-14'},
{title: '16 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-16'},
{title: '18 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-18'},
{title: '20 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-20'},
{title: '22 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-22'},
{title: '24 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-24'},
{title: '26 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-26'},
{title: '28 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-28'},
{title: '30 sec.', selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'animation-delay-30'},
]},
]";
// $ret['style_formats_merge'] = true;
// $ret['visualblocks_default_state'] = true; //pref
$ret['style_formats'] = $formats; // json_encode($formats);
$ret['link_class_list'] = $this->getLinkClassList(); "[
{title: 'None', value: ''},
{title: 'Link', value: 'btn btn-link'},
{title: 'Alert Link', value: 'alert-link'},
{title: 'Button (Default)', value: 'btn btn-default'},
{title: 'Button (Primary)', value: 'btn btn-primary'},
{title: 'Button (Success)', value: 'btn btn-success'},
{title: 'Button (Info)', value: 'btn btn-info'},
{title: 'Button (Warning)', value: 'btn btn-warning'},
{title: 'Button (Danger)', value: 'btn btn-danger'}
]";
/* $ret['setup'] = "function(ed) {
ed.addMenuItem('test', {
text: 'Clear Floats',
context: 'insert',
icon: false,
onclick: function() {
ed.insertContent('<div class=\"clearfix\" ></div>');
}
});
}";*/
// https://github.com/valtlfelipe/TinyMCE-LocalAutoSave
/*
$ret['setup'] = "function(ed) {
ed.addMenuItem('test', {
text: 'Clear Floats',
context: 'insert',
icon: false,
onclick: function() {
ed.insertContent('<br class=\"clearfix\" />');
}
});
}";
*/
// e107 Bbcodes.
/*
$ret['setup'] = "function(ed) {
ed.addButton('e107-bbcode', {
text: 'bbcode',
icon: 'emoticons',
onclick: function() {
// Open window
ed.windowManager.open({
title: 'Example plugin',
body: [
{type: 'listbox', name: 'code', label: 'BbCode', values: [
{text: 'Left', value: 'left'},
{text: 'Right', value: 'right'},
{text: 'Center', value: 'center'}
]},
{type: 'textbox', name: 'parm', label: 'Parameters'}
],
onsubmit: function(e) {
var selected = ed.selection.getContent({format : 'text'});
// alert(selected);
// Insert content when the window form is submitted
ed.insertContent('[' + e.data.code + ']' + selected + '[/' + e.data.code + ']');
}
});
}
});
}";
*/
// Emoticon Support @see //https://github.com/nhammadi/Smileys
if(e107::pref('core','smiley_activate',false))
{
$emo = e107::getConfig("emote")->getPref();
$pack = e107::pref('core','emotepack');
$emotes = array();
$i = 0;
$c = 0;
foreach($emo as $path=>$co)
{
$codes = explode(" ",$co);
$url = e_IMAGE_ABS."emotes/" . $pack . "/" . str_replace("!",".",$path);
$emotes[$i][] = array('shortcut'=>$codes, 'url'=>$url, 'title'=>ucfirst($path));
if($c == 6)
{
$i++;
$c = 0;
}
else
{
$c++;
}
}
// print_r($emotes);
$ret['extended_smileys'] = json_encode($emotes);
}
// $ret['skin'] = 'e107admin';
// $ret['skin_url'] = SITEURLBASE.e_PLUGIN_ABS.'tinymce4/skins/e107admin';
$ret['convert_fonts_to_spans'] = false;
/*
$editorCSS = array(
'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css',
'http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css',
e_PLUGIN_ABS.'tinymce4/editor.css',
);
*/
$editorCSS = $this->getEditorCSS();
// file_put_contents(e_LOG."wysiwyg.log", print_r($editorCSS,true));
// $editorCSS = $tp->replaceConstants($editorCSS, 'abs');
$ret['content_css'] = json_encode($editorCSS);
$ret['content_style'] = "div.clearfix { border-top:1px solid red } ";
$ret['relative_urls'] = false; //Media Manager prefers it like this.
$ret['preformatted'] = true;
$ret['document_base_url'] = SITEURL;
$ret['schema'] = "html5";
$ret['element_format'] = "html";
// $ret['table_default_attributes'] = json_encode(array('class'=>'table table-striped' ));
if(!empty($ret['templates']))
{
$ret['templates'] = $tp->replaceConstants($ret['templates'],'abs'); // $this->getTemplates();
}
if(ADMIN)
{
$ret['templates'] = $this->getSnippets();
}
// $this->config['verify_css_classes'] = 'false';
$text = array();
foreach($ret as $k=>$v)
{
if($k == 'external_plugins')
{
$text[] = 'external_plugins: '. $this->getExternalPlugins($v);
continue;
}
$text[] = $k.': '.$this->convertBoolean($v);
}
$this->config = implode(",\n",$text);
// -------------------------------------------------------------------------------------
/*
$this->config += array(
// 'theme_advanced_buttons1' => $config['tinymce_buttons1'],
// 'theme_advanced_buttons2' => vartrue($config['tinymce_buttons2']),
// 'theme_advanced_buttons3' => vartrue($config['tinymce_buttons3']),
// 'theme_advanced_buttons4' => vartrue($config['tinymce_buttons4']),
// 'theme_advanced_toolbar_location' => vartrue($config['theme_advanced_toolbar_location'],'top'),
// 'theme_advanced_toolbar_align' => 'left',
// 'theme_advanced_blockformats' => 'p,h2,h3,h4,h5,h6,blockquote,pre,code',
// 'theme_advanced_styles' => str_replace(array("+")," ",http_build_query($content_styles)), //'Bootstrap Button=btn btn-primary;Bootstrap Table=table;border=border;fborder=fborder;tbox=tbox;caption=caption;fcaption=fcaption;forumheader=forumheader;forumheader3=forumheader3',
// 'theme_advanced_resize_vertical' => 'true',
'dialog_type' => "modal",
// 'theme_advanced_source_editor_height' => '400',
// ------------- html5 Stuff.
// 'visualblocks_default_state' => 'true',
// Schema is HTML5 instead of default HTML4
// 'schema' => "html5",
// End container block element when pressing enter inside an empty block
// 'end_container_on_empty_block' => true,
// HTML5 formats
'style_formats' => "[
{title : 'h1', block : 'h1'},
{title : 'h2', block : 'h2'},
{title : 'h3', block : 'h3'},
{title : 'h4', block : 'h4'},
{title : 'h5', block : 'h5'},
{title : 'h6', block : 'h6'},
{title : 'p', block : 'p'},
{title : 'div', block : 'div'},
{title : 'pre', block : 'pre'},
{title : 'section', block : 'section', wrapper: true, merge_siblings: false},
{title : 'article', block : 'article', wrapper: true, merge_siblings: false},
{title : 'blockquote', block : 'blockquote', wrapper: true},
{title : 'hgroup', block : 'hgroup', wrapper: true},
{title : 'aside', block : 'aside', wrapper: true},
{title : 'figure', block : 'figure', wrapper: true}
]",
// --------------------------------
// 'theme_advanced_statusbar_location' => 'bottom',
'theme_advanced_resizing' => 'true',
'remove_linebreaks' => 'false',
'extended_valid_elements' => vartrue($config['extended_valid_elements']),
// 'pagebreak_separator' => "[newpage]",
'apply_source_formatting' => 'true',
'invalid_elements' => 'font,align,script,applet',
'auto_cleanup_word' => 'true',
// 'cleanup' => 'true',
'convert_fonts_to_spans' => 'true',
// 'content_css' => $tp->replaceConstants($content_css),
'popup_css' => 'false',
'trim_span_elements' => 'true',
'inline_styles' => 'true',
'auto_resize' => 'false',
'debug' => 'true',
'force_br_newlines' => 'true',
'media_strict' => 'false',
'width' => vartrue($config['width'],'100%'),
// 'height' => '90%', // higher causes padding at the top?
'forced_root_block' => 'false', //remain as false or it will mess up some theme layouts.
'convert_newlines_to_brs' => 'true', // will break [list] if set to true
// 'force_p_newlines' => 'false',
'entity_encoding' => 'raw',
'convert_fonts_to_styles' => 'true',
'remove_script_host' => 'true',
'relative_urls' => 'false', //Media Manager prefers it like this.
'preformatted' => 'true',
'document_base_url' => SITEURL,
'verify_css_classes' => 'false'
);
// if(!in_array('e107bbcode',$plug_array))
{
// $this->config['cleanup_callback'] = 'tinymce_e107Paths';
}
$paste_plugin = false; // (strpos($config['tinymce_plugins'],'paste')!==FALSE) ? TRUE : FALSE;
if($paste_plugin)
{
$this->config += array(
'paste_text_sticky' => 'true',
'paste_text_sticky_default' => 'true',
'paste_text_linebreaktype' => 'br',
'remove_linebreaks' => 'false', // remove line break stripping by tinyMCE so that we can read the HTML
'paste_create_paragraphs' => 'false', // for paste plugin - double linefeeds are converted to paragraph elements
'paste_create_linebreaks' => 'true', // for paste plugin - single linefeeds are converted to hard line break elements
'paste_use_dialog' => 'true', // for paste plugin - Mozilla and MSIE will present a paste dialog if true
'paste_auto_cleanup_on_paste' => 'true', // for paste plugin - word paste will be executed when the user copy/paste content
'paste_convert_middot_lists' => 'false', // for paste plugin - middot lists are converted into UL lists
'paste_unindented_list_class' => 'unindentedList', // for paste plugin - specify what class to assign to the UL list of middot cl's
'paste_convert_headers_to_strong' => 'true', // for paste plugin - converts H1-6 elements to strong elements on paste
'paste_insert_word_content_callback' => 'convertWord', // for paste plugin - This callback is executed when the user pastes word content
'auto_cleanup_word' => 'true' // auto clean pastes from Word
);
}
if(ADMIN)
{
// $this->config['external_link_list_url'] = e_PLUGIN_ABS."tiny_mce/filelist.php";
}*/
}
function getTemplates()
{
// $templatePath = (is_readable(THEME."templates/tinymce/".$template)) ? THEME."templates/tinymce/".$template : e_PLUGIN."tinymce4/templates/".$template;
}
private function bootstrapButtonStyles()
{
switch($this->bootstrapVersion)
{
case 4:
case 5:
$ret = "[
{title: 'Button (Primary)', selector: 'a', classes: 'btn btn-primary'},
{title: 'Button (Secondary)', selector: 'a', classes: 'btn btn-secondary'},
{title: 'Button (Success)', selector: 'a', classes: 'btn btn-success'},
{title: 'Button (Info)', selector: 'a', classes: 'btn btn-info'},
{title: 'Button (Warning)', selector: 'a', classes: 'btn-warning'},
{title: 'Button (Danger)', selector: 'a', classes: 'btn-danger'},
{title: 'Button (Light)', selector: 'a', classes: 'btn btn-light'},
{title: 'Button (Dark)', selector: 'a', classes: 'btn btn-dark'},
{title: 'Button (Outline Primary)', selector: 'a', classes: 'btn btn-outline-primary'},
{title: 'Button (Outline Secondary)', selector: 'a', classes: 'btn btn-outline-secondary'},
{title: 'Button (Outline Success)', selector: 'a', classes: 'btn btn-outline-success'},
{title: 'Button (Outline Info)', selector: 'a', classes: 'btn btn-outline-info'},
{title: 'Button (Outline Warning)', selector: 'a', classes: 'btn btn-outline-warning'},
{title: 'Button (Outline Danger)', selector: 'a', classes: 'btn btn-outline-danger'},
{title: 'Button (Outline Light)', selector: 'a', classes: 'btn btn-outline-light'},
{title: 'Button (Outline Dark)', selector: 'a', classes: 'btn btn-outline-dark'},
]";
break;
default:
$ret = "[
{title: 'Button (Default)', selector: 'a', classes: 'btn btn-default'},
{title: 'Button (Primary)', selector: 'a', classes: 'btn btn-primary'},
{title: 'Button (Success)', selector: 'a', classes: 'btn btn-success'},
{title: 'Button (Info)', selector: 'a', classes: 'btn btn-info'},
{title: 'Button (Warning)', selector: 'a', classes: 'btn-warning'},
{title: 'Button (Danger)', selector: 'a', classes: 'btn-danger'},
]";
}
return $ret;
}
private function getLinkClassList()
{
switch($this->bootstrapVersion)
{
case 4:
case 5:
return "[
{title: 'None', value: ''},
{title: 'Link', value: 'btn btn-link'},
{title: 'Alert Link', value: 'alert-link'},
{title: 'Button (Primary)', value: 'btn btn-primary'},
{title: 'Button (Secondary)', value: 'btn btn-secondary'},
{title: 'Button (Success)', value: 'btn btn-success'},
{title: 'Button (Info)', value: 'btn btn-info'},
{title: 'Button (Warning)', value: 'btn btn-warning'},
{title: 'Button (Danger)', value: 'btn btn-danger'},
{title: 'Button (Light)', value: 'btn btn-light'},
{title: 'Button (Dark)', value: 'btn btn-dark'},
{title: 'Button (Outline Primary)', value: 'btn btn-outline-primary'},
{title: 'Button (Outline Secondary)', value: 'btn btn-outline-secondary'},
{title: 'Button (Outline Success)', value: 'btn btn-outline-success'},
{title: 'Button (Outline Info)', value: 'btn btn-outline-info'},
{title: 'Button (Outline Warning)', value: 'btn btn-outline-warning'},
{title: 'Button (Outline Danger)', value: 'btn btn-outline-danger'},
{title: 'Button (Outline Light)', value: 'btn btn-outline-light'},
{title: 'Button (Outline Dark)', value: 'btn btn-outline-dark'},
]";
break;
default:
return "[
{title: 'None', value: ''},
{title: 'Link', value: 'btn btn-link'},
{title: 'Alert Link', value: 'alert-link'},
{title: 'Button (Default)', value: 'btn btn-default'},
{title: 'Button (Primary)', value: 'btn btn-primary'},
{title: 'Button (Success)', value: 'btn btn-success'},
{title: 'Button (Info)', value: 'btn btn-info'},
{title: 'Button (Warning)', value: 'btn btn-warning'},
{title: 'Button (Danger)', value: 'btn btn-danger'}
]";
}
}
private function getSnippets()
{
$customPath = THEME."templates/tinymce/snippets";
if(is_dir($customPath))
{
$path = $customPath;
$base = THEME_ABS."templates/tinymce/snippets";
}
else
{
$path = e_PLUGIN."tinymce4/snippets";
$base = e_PLUGIN_ABS."tinymce4/snippets";
}
$files = e107::getFile()->get_files($path);
$ret = array();
foreach($files as $f)
{
$content = file_get_contents($f['path'].$f['fname'], null, null, null, 140);
preg_match('/<!--[^\w]*Title:[\s]([^\r\n]*)[\s]*Info: ?([^\r\n]*)/is', $content, $m);
if(!empty($m[1]))
{
// $url = e_PLUGIN_ABS."tinymce4/snippets/".$f['fname'];
$url = $base."/".$f['fname'];
$ret[] = array('title'=>trim($m[1]), 'url'=>$url, 'description'=>trim($m[2]));
}
}
return json_encode($ret);
}
function filter_plugins($plugs)
{
$smile_pref = e107::getConfig()->getPref('smiley_activate');
$admin_only = array("ibrowser");
$plug_array = explode(" ",$plugs);
$tinymce_plugins = array();
foreach($plug_array as $val)
{
if(in_array($val,$admin_only) && !ADMIN)
{
continue;
}
if(!$smile_pref && ($val=="emoticons"))
{
continue;
}
if(!empty($val))
{
$tinymce_plugins[$val] = trim($val);
}
}
$tPref = e107::pref('tinymce4');
if(!empty($tPref['visualblocks']))
{
$tinymce_plugins['visualblocks'] = 'visualblocks';
}
// print_a($tinymce_plugins);
return implode(" ",$tinymce_plugins);
}
/**
* @return array
*/
public function getEditorCSS($theme = 'front')
{
$tp = e107::getParser();
$libraries = e107::getTheme($theme)->getThemeFiles('library', 'wysiwyg');
$ret = [];
foreach($libraries as $lib)
{
if(!empty($lib['css']))
{
foreach($lib['css'] as $path)
{
$ret[] = $tp->replaceConstants($path, 'abs');
}
}
}
$useThemeStyle = (bool) e107::pref('tinymce4', 'use_theme_style', false);
if($useThemeStyle)
{
$theme = e107::getTheme($theme)->getThemeFiles('css', 'wysiwyg');
if(!empty($theme['css']))
{
foreach($theme['css'] as $path)
{
$ret[] = $tp->replaceConstants($path, 'abs');
}
}
}
$animate = e107::library('files', 'animate.css');
$ret[] = $tp->replaceConstants($animate['css'][0], 'abs');
$ret[] = e_PLUGIN_ABS . 'tinymce4/editor.css';
return $ret;
}
}