Katalog: Kein TinyMCE im Frontend-Editing

**MacKP** · 26.01.2012, 10:11

Hallo Tina,
so ein Thema hatten wir gestern erst noch: https://www.contao-community.de/show...tioniert-nicht

2. Die TinyMCE config bitte nie einfach nur kopieren. Die funktioniert im Frontend nicht richtig. Der Catalog müsste eine eigene tinyfrontend mitbringen. Ansonsten mal hier im Forum suchen, welche Zeile man genau entfernen muss, damit das keine Probleme gibt ;-)

Viele Grüße

**Tina** · 26.01.2012, 15:05

Danke! Ich dachte, man müsste nur "TinyCallback.cleanHTML" entfernen, was ich nicht gefunden hatte.

Falls noch jemand das Problem hat, mit dieser tinyFrontend.php funktioniert es:

http://code.google.com/p/typolight-catalog/source/browse/trunk/src/tinytemplates/tinyFrontend.php

**darth_saschi** · 14.03.2013, 10:49

HURRAAAAA

Zitat von Tina Beitrag anzeigen

Danke! Ich dachte, man müsste nur "TinyCallback.cleanHTML" entfernen, was ich nicht gefunden hatte.

Falls noch jemand das Problem hat, mit dieser tinyFrontend.php funktioniert es:
http://code.google.com/p/typolight-c...nyFrontend.php

Danke! Es geht

**cont77** · 14.03.2013, 14:21

Zitat von Tina Beitrag anzeigen

Danke! Ich dachte, man müsste nur "TinyCallback.cleanHTML" entfernen, was ich nicht gefunden hatte.

Falls noch jemand das Problem hat, mit dieser tinyFrontend.php funktioniert es:
http://code.google.com/p/typolight-c...nyFrontend.php

Bei mir funktioniert es leider nicht

Hat jemand eine Erklärung, warum der Editor bei folgendem Seiten-Code nicht angezeigt wird?

HTML-Code:

<!--<![endif]--><head>
	<meta charset="utf-8">

	<title>Mein Firmeneintrag Leser</title>

	<base href="http://example.de/">
	
  </head>
<body id="top" class="win firefox fx19 vision-sidebar-left">
	<!-- Prompt IE 7 users to install Chrome Frame. Remove this if you support IE 7.
	     chromium.org/developers/how-tos/chrome-frame-getting-started -->
	<!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
	
	
	<div id="wrapper">
			
				
			<section role="main" id="content">
			
<div class="mod_article block" id="mein-firmeneintrag-leser">

<section class="mod_catalogedit block">
<script src="http://example.de/plugins/tinyMCE/tiny_mce_gzip.js"></script>
<script>
tinyMCE_GZ.init({
  plugins : "advimage,autosave,directionality,emotions,inlinepopups,paste,save,searchreplace,spellchecker,style,tabfocus,table,template,xhtmlxtras",
  themes : "advanced",
  languages : "de",
  disk_cache : false,
  debug : false
});
</script>
<script>
tinyMCE.init({
  mode : 'exact',
//  mode : "none",
  height : "300",
  language : "de",
  elements : "ctrl_mitglied_beschreibung_kurz",
  remove_linebreaks : false,
  force_hex_style_colors : true,
  fix_list_elements : true,
  fix_table_elements : true,
  doctype : '<!DOCTYPE html>',
  element_format : 'html',
  document_base_url : "http://example.de/",
  entities : "160,nbsp,60,lt,62,gt,173,shy",
  cleanup_on_startup : true,
  save_enablewhendirty : true,
  save_on_tinymce_forms : true,
  advimage_update_dimensions_onchange : false,
  plugins : "advimage,autosave,directionality,emotions,inlinepopups,paste,save,searchreplace,spellchecker,style,tabfocus,table,xhtmlxtras",
  spellchecker_languages : "+Deutsch=de,Englisch=en",
  event_elements : "a,div,h1,h2,h3,h4,h5,h6,img,p,span",
  extended_valid_elements : "q[cite|class|title],article,section,hgroup,figure,figcaption",
  tabfocus_elements : ":prev,:next",
  theme : "advanced",
  theme_advanced_resizing : true,
  theme_advanced_resize_horizontal : false,
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "left",
  theme_advanced_statusbar_location : "bottom",
  theme_advanced_source_editor_width : "700",
  theme_advanced_blockformats : "div,p,address,pre,h1,h2,h3,h4,h5,h6",
  theme_advanced_buttons1 : "newdocument,save,separator,spellchecker,separator,anchor,separator,link,unlink,separator,image,typobox,separator,sub,sup,separator,abbr,separator,styleprops,attribs,separator,search,replace,separator,undo,redo,separator,removeformat,cleanup,separator,code",
  theme_advanced_buttons2 : "formatselect,fontsizeselect,separator,bold,italic,underline,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,bullist,numlist,indent,outdent,separator,blockquote,separator,forecolor,backcolor",
  theme_advanced_buttons3 : "tablecontrols,separator,charmap,emotions,separator,help",
  theme_advanced_font_sizes : "9px,10px,11px,12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px"
});
</script>
 
<form action="mein-firmeneintrag-leser/items/testfirma_01.html" id="tl_catalog_items" method="post" enctype="application/x-www-form-urlencoded">
<div class="formbody">
<input name="FORM_SUBMIT" value="tl_catalog_items" type="hidden">
<input name="REQUEST_TOKEN" value="e5fa78a5586f2695d6938547a4ca154d" type="hidden">
<table summary="Table holds form input fields" cellpadding="0" cellspacing="0">
  <tbody><tr class="row_0 row_first even">
    <td class="col_0 col_first"><label for="ctrl_mitglied_beschreibung_kurz">Beschreibung Kurz</label></td>
    <td class="col_1 col_last"><textarea name="mitglied_beschreibung_kurz" id="ctrl_mitglied_beschreibung_kurz" class="textarea" rows="12" cols="70">&lt;p&gt;Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung. Dies ist der Blindtext für die Kurzbeschreibung.&lt;/p&gt;</textarea></td>
  </tr>
  <tr class="row_1 odd">
    <td class="col_0 col_first"><label for="ctrl_catalog" class="mandatory"><span class="invisible">Pflichtfeld</span> Sicherheitsfrage<span class="mandatory">*</span> <span class="invisible">Bitte addieren Sie 3 und 8.</span></label></td>
    <td class="col_1 col_last"><input name="c0b2198116ab553d7a6562d0b2701b656" id="ctrl_catalog" class="captcha mandatory" value="" maxlength="2" required="" type="text"> <span class="captcha_text">Bitte addieren Sie 3 und 8.</span></td>
  </tr>
  <tr class="">
    <td class="col_0 col_first">&nbsp;</td>
    <td class="col_1 col_last">
      <div class="submit_container">  
<input name="save" id="save" class="tl_submit" accesskey="s" value="Speichern" type="submit">
<input name="saveNclose" id="saveNclose" class="tl_submit" accesskey="c" value="Speichern und schließen" type="submit">
<!--
<input type="submit" name="saveNcreate" id="saveNcreate" class="tl_submit" accesskey="n" value="Speichern und neu">
-->
      </div>
    </td>
  </tr>
</tbody></table>
</div>
</form>


</section>
</div>
		</section>
		</div>
	

	<!-- JavaScript at the bottom for fast page loading -->

	
	
<script>
(function($) {
  window.addEvent('domready', function() {
    new Accordion($$('div.toggler'), $$('div.accordion'), {
      opacity: false,
      alwaysHide: true,
      onActive: function(tog, el) {
        el.setProperty('aria-hidden', 'false');
        tog.addClass('active');
        tog.getNext('div').fade('in');
        tog.setProperty('aria-expanded', 'true');
        return false;
      },
      onBackground: function(tog, el) {
        el.setProperty('aria-hidden', 'true');
        tog.removeClass('active');
        tog.getNext('div').fade('out');
        tog.setProperty('aria-expanded', 'false');
        return false;
      }
    });
    $$('div.toggler').each(function(el) {
      el.setProperty('role', 'tab');
      el.setProperty('tabindex', 0);
      el.addEvents({
        'keypress': function(event) {
          if (event.code == 13) {
            this.fireEvent('click');
          }
        },
        'focus': function() {
          this.addClass('hover');
        },
        'blur': function() {
          this.removeClass('hover');
        },
        'mouseenter': function() {
          this.addClass('hover');
        },
        'mouseleave': function() {
          this.removeClass('hover');
        }
      });
    });
    $$('div.ce_accordion').each(function(el) {
      el.setProperty('role', 'tablist');
    });
    $$('div.accordion').each(function(el) {
      el.setProperty('role', 'tabpanel');
    });
  });
})(document.id);
</script>

	<script>
	new Request({
		url:'system/html/cron.txt',
		onComplete: function(txt) {
			if (!txt) txt = 0;
			if (parseInt(txt) < (Math.round(+new Date()/1000) - 300)) {
				new Request({url:'cron.php'}).get();
			}
		}
	}).get();
	</script>



</body>

Hilfe wäre super! Danke.

**MacKP** · 14.03.2013, 18:09

Hallo cont77,
äh.. ne, so kann ich dir nix dazu sagen....
Was hast du denn gemacht, damit es funktioniert?

Viele Grüße

**cont77** · 14.03.2013, 18:34

Hallo,