✔ CKEditor zeigt keine Toolbar an

M

martin1981ww

Grünschnabel
Hallo zusammen.

Nachdem ich mich nun durch die Dokumentation des CKEditors gelesen und nach einer Lösung im Internet gesucht habe, bin ich nun recht ratlos...

Ich würde gerne den CKEditor in ein Webprojekt einbauen. Soweit funktioniert das auch ganz gut, nur zeigt mir der Editor keine Toolbar an. Nachfolgend die interessanten Codeausschnitte:

PHP: 
<?php  
session_start ();  
include ("checkUser_Aktuelles.php"); 
include ("../../Include/dbConnect.php");
include ("../../Include/head.php"); 
include ("../../Include/ckeditor/ckeditor.php");

error_reporting(E_ALL);
?>

PHP: 
		<form action="updateAktuelles.php" method="post"> 

			<table width="600" border="0" cellspacing="0">
				<tr>
					<td width="100"><b>Tag:</b></td>
					<td width="450"><input type="text" name="tag" size="81" value="<?PHP echo "$row->Tag"; ?>"></td>
				</tr>
				<tr>
					<td valign="top"><b>Monat:</b></td>
					<td><input type="text" name="monat" size="81" value="<?PHP echo "$row->Monat"; ?>"></td>
				</tr>
				<tr>
					<td valign="top"><b>Jahr:</b></td>
					<td><input type="text" name="jahr" size="81" value="<?PHP echo "$row->Jahr"; ?>"></td>
				</tr>
				<tr>
					<td><b>Text:</b></td>
					
                    <td>
					<?php
					// Create a class instance.
					$CKEditor = new CKEditor();
					// Path to the CKEditor directory.
					$CKEditor->basePath = "../../Include";
					// Create a textarea element and attach CKEditor to it					
					$CKEditor->editor("text", "$row->Text");
					?>
					
                    </td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td><input name="submit" type="submit" value="Speichern">
						<input type="hidden" name="Id" value="<?PHP echo "$row->ID"; ?>">
					</td>
					<td><input type="reset" value="Zur&uuml;cksetzen" size="30"></td>
				</tr>
			</table>
		</form>


Sieht jemand meinen Fehler? Was mache ich falsch?

Vielen Dank und viele Grüße
Martin
 
Vielen Dank für den Tip, leider hat es aber nicht geholfen.
Der Text selbst wird auch problemlos angezeigt, nur fehlt leider die komplette Toolbar. Ein Bild sagt mehr als 1000 Worte, darum ein Screenshot als Anhang.
 

Anhänge

  • Unbenannt.JPG
    Unbenannt.JPG
    25,9 KB · Aufrufe: 31
Zuletzt bearbeitet:
Ich habe es sowohl mit dem InternetExplorer 9 sowie mit dem Firefox 4 versucht. Bei beiden Browsern das gleiche Ergebnis. Java-Script ist aktiviert.
 
Gerne. Hier der HTML Code der geladenen Seite:

HTML: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TV Rodenbach 1965 e.V.</title>

<style type="text/css">
a.Hauptlink:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a.Hauptlink:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a.Hauptlink:hover { text-decoration:underline; font-weight:bold; }

a.Textlink:link { text-decoration:none; font-weight:bold; color:#999999; }
a.Textlink:visited { text-decoration:none; font-weight:bold; color:#999999; }
a.Textlink:hover { text-decoration:underline; font-weight:bold; }

a.Adminlink:link { text-decoration:none; font-weight:bold; color:#836a3f; }
a.Adminlink:visited { text-decoration:none; font-weight:bold; color:#836a3f; }
a.Adminlink:hover { text-decoration:underline; font-weight:bold; }
</style>

</head>

<body>
        <table width="1200" height="240" border="0" cellspacing="0" cellpadding="0"  background="../../Media/Design/Header.png">
          <tr>

            <td height="190" valign="bottom">
            <table width="190" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a class="Adminlink" href="logoutAktuelles.php"><font size="-2">Logout</font></a></td>
          </tr>
        </table>
    </td>
  </tr>

  <tr>
    <td height="50" align="center">
    	<table width="1200" border="0" cellspacing="0" cellpadding="0">
    	  <tr>
    	    <td width="304" >&nbsp;</td>
    	    <td align="center">    	
            	<font size="+1" face="Tahoma" color="#294E7B"> <b>
       				Interner Bereich - Aktuelles <br />

                    <hr color="ca9f5c" width="700" />
              </b> </font>
            </td>
  	    </tr>
    </table></td>
</table>

<table width="1200" border="0" cellspacing="0" cellpadding="0">
  <tr height="400">
    <td width="21">&nbsp;</td>

    <td width="304" align="right" valign="top" background="../../Media/Design/Menu.png">
    	<blockquote>
    	  <p><font color="ca9f5c" size="+2"><b>
    	    <a class="Hauptlink" href="../../index.php">Startseite</a> <br />
    	    <a class="Hauptlink" href="../../abteilungen.php">Abteilungen</a> <br />
    	    <a class="Hauptlink" href="../../angebot.php">Angebot</a> <br />

            <a class="Hauptlink" href="../../kontakt.php">Kontakt</a>
    	    </b></font>
  	   	  </p>
    	</blockquote>
    </td>
    <td valign="top">
    <blockquote>
    

		<form action="updateAktuelles.php" method="post"> 

			<table width="600" border="0" cellspacing="0">

				<tr>
					<td width="100"><b>Tag:</b></td>
					<td width="450"><input type="text" name="tag" size="81" value="16"></td>
				</tr>
				<tr>
					<td valign="top"><b>Monat:</b></td>
					<td><input type="text" name="monat" size="81" value="02"></td>
				</tr>

				<tr>
					<td valign="top"><b>Jahr:</b></td>
					<td><input type="text" name="jahr" size="81" value="2011"></td>
				</tr>
				<tr>
					<td><b>Text:</b></td>
					
                    <td>
					<textarea name="text" rows="8" cols="60">Aktuelles TVR Vereinsheft steht zum Download bereit</textarea>

<script type="text/javascript" src="../../Includeckeditor.js?t=B5GJ5GG"></script>
<script type="text/javascript">//<![CDATA[
CKEDITOR.replace('text');
//]]></script>
					
                    </td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>

					<td><input name="submit" type="submit" value="Speichern">
						<input type="hidden" name="Id" value="2">
					</td>
					<td><input type="reset" value="Zur&uuml;cksetzen" size="30"></td>
				</tr>
			</table>
		</form> 
		
	
<br><br><br>

 

    </blockquote>

    </td>

<table width="1200" border="0" cellspacing="0" cellpadding="0"  background="../../Media/Design/Footer.png">
  <tr>
    <td width="40">&nbsp;</td>
    <td width="80"><a class="Hauptlink" href="../../impressum.php"><font size="-1"><center> Impressum </center></font></td>
    <td width="80"><a class="Hauptlink" href="../../satzung.php"><font size="-1"><center> Satzung </center></font></td>
    <td width="80"><a class="Hauptlink" href="../../kontakt.php"><font size="-1"><center> Kontakt </center></font></td>

    <td ><font size="-1"><center> &nbsp; </center></font></td>
  </tr>
</table>

</body> 
</html>
 
Du kannst mal das hier Probieren: Installiere dir im Firefox die Erweiterungen "Web Developer" und "HTML Validator", dann lass dir die Seite anzeigen. Rechts oben im Browser sollte die Java-Script-Fehler-Konsole auftauchen, mit der kannst raus finden, ob es Fehler im Javascript gibt. Meine Idee wäre den Java-Script-Sourcode von CKEditor anzusehen, ob es die Methode "replace" gibt und was die da genau macht. Vermutlich irgendwas wie "getElementById", denn dein Textarea hat keine ID sondern nur einen Namen:

HTML: 
<textarea name="text" rows="8" cols="60">

ist etwas anderes als

HTML: 
<textarea id="text" rows="8" cols="60">

Da du HTML-Element aber nicht selbst ausgibst, sondern dieser ominöse CKEditor, habe ich keine wirkliche Idee, was es sein könnte. Dann schließt man halt wenigstens Java-Script erstmal aus, in dem man feststellt, das kein JavaScript-Fehler vorliegt.

Falls du nicht zu einer Lösung kommst: Ich setze schon seit Jahren tinyMCE ein.
 
Vielen Dank für den Tip.
Ich finde heute leider keine Zeit Deine Ratschläge umzusetzen. Melde mich aber umgehen, nachdem ich es versucht habe.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück