PHP-Code:
<?php
if ($GLOBALS['TL_CONFIG']['useRTE']):
?>
<script>window.tinymce || document.write('<script src="<?php echo TL_ASSETS_URL; ?>assets/tinymce4/tinymce.gzip.js">\x3C/script>')</script>
<script>
window.tinymce && tinymce.init({
skin: 'contao',
selector: '#<?php echo $selector; ?>',
language: '<?php echo Backend::getTinyMceLanguage(); ?>',
element_format: 'html',
document_base_url: '<?php echo Environment::get('base'); ?>',
entities: '160,nbsp,60,lt,62,gt,173,shy',
setup: function(editor) {
editor.getElement().removeAttribute('required');
},
init_instance_callback: function(editor) {
editor.on('focus', function(){ Backend.getScrollOffset(); });
},
file_browser_callback: function(field_name, url, type, win) {
Backend.openModalBrowser(field_name, url, type, win);
},
templates: [
<?php echo Backend::getTinyTemplates(); ?>
],
plugins: 'autosave charmap code fullscreen image importcss link lists paste searchreplace tabfocus template visualblocks',
browser_spellcheck: true,
tabfocus_elements: ':prev,:next',
extended_valid_elements: 'q[cite|class|title],article,section,hgroup,figure,figcaption',
menubar: 'none',
paste_as_text: true,
toolbar: 'formatselect | styleselect | removeformat | bold italic | link unlink | bullist numlist | undo redo | aligncenter alignright alignjustify | code',
content_css: '<?php echo TL_PATH; ?>/system/themes/tinymce.css,<?php echo TL_PATH . '/' . Config::get('uploadPath'); ?>/tinymce.css?' + new Date().getTime(),
importcss_selector_converter: function(selector) {
if(selector.charAt(0) == '.') {
return {title: selector.substr(1), inline: 'span', selector: '*', classes: selector.substr(1)};
}
},
importcss_append: true,
keep_styles: false,
style_formats: [
{title: 'Text grün', inline: 'span', classes: 'green_normal'},
{title: 'Text grün, groß', inline: 'span', classes: 'green_big'},
{title: 'Text grün, sehr groß', inline: 'span', classes: 'green_bigger'},
{title: 'Text grün, kursiv', inline: 'span', classes: 'italic-green_normal'},
{title: 'Text grün, kursiv, groß', inline: 'span', classes: 'italic-green_big'},
{title: 'Text grün, kursiv, sehr groß', inline: 'span', classes: 'italic-green_bigger'}
],
block_formats:
'H1 Haupttitel=h1;' +
'H2 Untertitel 1=h2;' +
'H3 Untertitel 2=h3;' +
'H4 Untertitel 3=h4;' +
'H5 Untertitel 4=h5;' +
'H6 Untertitel 5=h6;' +
'Paragraph=p;',
convert_urls: false
});
</script>
<?php endif; ?>
Die tinymce.css ist auch mit den entsprechenden Styles für die angelegten Klassen (.green_normal, .green_big usw.) gefüllt, damit der Redakteur auch seine Formatierungen im Editor sieht.
Lesezeichen