Tiny MCE Editor Java WYSIWYG Editor
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
benutzen
berechtigung
bringen
code
editor
fehler
feld
fenster
first
grafik
helfen
http
index
kennzeichnen
normales textfeld
ordner
pfad
text
textfeld
url
-
Hallo !
Ich habe in meinem Adminbereich eine Funktion, mit der ich an meine User Newsletter verschicken kann. Jetzt ist es so, dass ich in ein Textfeld Text eingeben kann, der dann versendet wird. Ich will jetzt aber mit einem Javascript WYSIWYG Editor auch HTML verschicken können. Dazu habe ich mir Tiny MCE ausgesucht.
Wie baue ich den aber in meine Seite ein, sodass der HTML Code auch versendet wird?
Der Code muss ja dann irgendwie auch in das Textfeld kommen, welches als Text versendet wird.
Könnt Ihr mir helfen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Nein, wir helfen dir dieses Mal nicht. Ist einfach so. Schau dir doch verdammt die Beispiele in dem TinyMCE an, den Du dir runtergeladen hast. Da wird dir auffallen, dass sich das Ding bloß über ein normales Text-Area legt. Oder du rufst die offizielle Webseite auf, da ist das sogar mit nem Text erklärt: http://tinymce.moxiecode.com/
Edit: Hab gerade nochmal genauer geschaut, und dir den passenden Link schon rausgesucht: TinyMCE for dummies (offizielles Wiki)
Beitrag zuletzt geändert: 19.12.2010 15:29:18 von telelo -
telelo schrieb:
Nein, wir helfen dir dieses Mal nicht. Ist einfach so. Schau dir doch verdammt die Beispiele in dem TinyMCE an, den Du dir runtergeladen hast. Da wird dir auffallen, dass sich das Ding bloß über ein normales Text-Area legt. Oder du rufst die offizielle Webseite auf, da ist das sogar mit nem Text erklärt: http://tinymce.moxiecode.com/
Edit: Hab gerade nochmal genauer geschaut, und dir den passenden Link schon rausgesucht: TinyMCE for dummies (offizielles Wiki)
Ok, aber wo füge ich den JS Code für Tiny MCE ein? In das Textarea Feld? -
Wie viel gibst du für die Antwort? Einen kleinen € Betrag?
-
Du tust mir leid, wirklich. Hast es nicht mal geschafft die 2 Links in meinem vorherigen Post anzuklicken.
-
Ich habe es jetzt probiert.
Muss ich mein textarea Feld besonders kennzeichnen?
Weil jetzt ist da noch ein normales Textfeld, obwohl ich die Javascripts eingefügt habe, in den head
Es kommt auch immer der Fehler "Load jQuery first".
Beitrag zuletzt geändert: 19.12.2010 16:28:29 von davy -
davy schrieb:
Ich habe es jetzt probiert.
Muss ich mein textarea Feld besonders kennzeichnen?
Weil jetzt ist da noch ein normales Textfeld, obwohl ich die Javascripts eingefügt habe, in den head
Es kommt auch immer der Fehler "Load jQuery first".
http://wiki.moxiecode.com/index.php/TinyMCE:For_Dummies -
telelo schrieb:
davy schrieb:
Ich habe es jetzt probiert.
Muss ich mein textarea Feld besonders kennzeichnen?
Weil jetzt ist da noch ein normales Textfeld, obwohl ich die Javascripts eingefügt habe, in den head
Es kommt auch immer der Fehler "Load jQuery first".
http://wiki.moxiecode.com/index.php/TinyMCE:For_Dummies
Ich hab alles so gemacht, aber es geht trotzdem nicht. -
*slap*
Davy:
Sag mal die Seite auf der du des Versuchst.
Und sag uns mal den Fehler falls einer kommt.
MfG
karlsve
Beitrag zuletzt geändert: 19.12.2010 16:41:35 von karlsve -
karlsve schrieb:
*slap*
Davy:
Sag mal die Seite auf der du des Versuchst.
Und sag uns mal den Fehler falls einer kommt.
MfG
karlsve
Hier versuche ich das: http://davidlohmann.de/admin/newsletter.php
Es kommt kein Fehler, nur es erscheint kein WYSIWYG Editor -
Verrat mir mal bitte wo du das hier eingebunden hast:
<script type="text/javascript" > tinyMCE.init({ mode : "textareas", theme : "simple" //(n.b. no trailing comma, this will be critical as you experiment later) }); </script >
-
karlsve schrieb:
Verrat mir mal bitte wo du das hier eingebunden hast:
<script type="text/javascript" > tinyMCE.init({ mode : "textareas", theme : "simple" //(n.b. no trailing comma, this will be critical as you experiment later) }); </script >
Ich wollte das Theme advanced, das ist auf der Seite http://wiki.moxiecode.com/index.php/TinyMCE:For_Dummies dadrunter.
Das habe ich eingebunden. -
Das sehe ich leider auch nirgends in deinem Quellcode. Wo genau hast du das denn eingebunden und wie?
-
Die Dev-Tools von meinem Chromium verraten mir folgendes 2 mal:
Failed to load resource: the server responded with a status of 404 (Not Found) editor_plugin.js
-
karlsve schrieb:
Das sehe ich leider auch nirgends in deinem Quellcode. Wo genau hast du das denn eingebunden und wie?
Das mit dem advanced ist das hier:
<script type="text/javascript"> tinyMCE.init({ // General options mode : "textareas", theme : "advanced", plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager", // Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, // Example content CSS (should be your site CSS) content_css : "admin_style.css", // Drop lists for link/image/media/template dialogs template_external_list_url : "js/template_list.js", external_link_list_url : "js/link_list.js", external_image_list_url : "js/image_list.js", media_external_list_url : "js/media_list.js", // Replace values for the template plugin template_replace_values : { username : "Some User", staffid : "991234" } }); </script>
-
So wird das nix!
1. Odentlichen Doctype definieren
2. HTML in Ordnung bringen
Solange 1 und 2 nicht erledigt sind, wirst Du mit jquery & tinyMCE nur Probleme haben.
FF -
fatfreddy schrieb:
So wird das nix!
1. Odentlichen Doctype definieren
2. HTML in Ordnung bringen
Solange 1 und 2 nicht erledigt sind, wirst Du mit jquery & tinyMCE nur Probleme haben.
FF
Jetzt habe ich den Editor, also er wird angezeigt. Nur wenn ich z.B. auf Edit image klicke, sollte ein Fenster mit Inhalt aufgehen, aber es geht nur ein weißes auf. -
Du bindest tinyMCE über WWW.davidlohmann.de ein und rufst die Seite über http://davidlohmann.de/admin/newsletter.php auf.
Domainübergreifend (ja dazu zählen auch Subdomains wie www) haben scripte keine Zugriffsrechte. Darum meldet die Fehlerkonsole:
Fehler: <http://www.davidlohmann.de> wurde die Erlaubnis für das Lesen der Eigenschaft Window.tinymce von <http://davidlohmann.de> verweigert. Quelldatei: http://www.davidlohmann.de/admin/tinymce/jscripts/tiny_mce/tiny_mce_popup.js Zeile: 5
Also entweder ohne www einbinden, oder mit www aufrufen.
FF -
fatfreddy schrieb:
Du bindest tinyMCE über WWW.davidlohmann.de ein und rufst die Seite über http://davidlohmann.de/admin/newsletter.php auf.
Domainübergreifend (ja dazu zählen auch Subdomains wie www) haben scripte keine Zugriffsrechte. Darum meldet die Fehlerkonsole:
Fehler: <http://www.davidlohmann.de> wurde die Erlaubnis für das Lesen der Eigenschaft Window.tinymce von <http://davidlohmann.de> verweigert. Quelldatei: http://www.davidlohmann.de/admin/tinymce/jscripts/tiny_mce/tiny_mce_popup.js Zeile: 5
Also entweder ohne www einbinden, oder mit www aufrufen.
FF
Ah, danke ! Jetzt gehts !
Noch ein Fehler ist da. In der Demo kommt das neue Fenster direkt auf das Textfeld. Bei mir öffnet sich ein neues Fenster.
Weißt du, was ich meine?
Die Demo ist hier: http://tinymce.moxiecode.com/examples/full.php
Besteht der Fehler bei der Fehlerkonsole noch?
Noch ein Fehler:
Wenn ich einen Smiley einfüge, verschickt er die Mail mit "tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-foot-in-mouth.gif". Der Smiley liegt aber in http://davidlohmann.de/admin/tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-foot-in-mouth.gif
Wo muss ich das ändern?
Beitrag zuletzt geändert: 19.12.2010 22:24:18 von davy -
Der Pfad stimmt so.
Du mußt allerding die Berechtigungen des Grafikverzeichnisses
und der Grafiken darin auf alle Rechte stellen (CHMOD 777).
Wenn du Windows benutzen solltest empfehle ich Dir Filezilla.
Mit dem Server verbinden und zum Ordner img Browsen
Rechtsklick auf den Ordner und ins das Eingabefeld 777 eingeben.
Fertig.
[Edit]
Und was den Rest betrifft, ALLES hiervon lesen, auch die Links
http://wiki.moxiecode.com/index.php/TinyMCE:For_Dummies
Beitrag zuletzt geändert: 20.12.2010 1:22:36 von fedprod -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage