kostenloser Webspace werbefrei: lima-city


Tiny MCE Editor Java WYSIWYG Editor

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. t****o

    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/ :rolleyes:
    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
  4. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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/ :rolleyes:
    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?
  5. o******e

    Wie viel gibst du für die Antwort? Einen kleinen € Betrag?
  6. t****o

    Du tust mir leid, wirklich. Hast es nicht mal geschafft die 2 Links in meinem vorherigen Post anzuklicken.
  7. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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
  8. t****o

    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
  9. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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.
  10. karlsve

    Moderator Kostenloser Webspace von karlsve

    karlsve hat kostenlosen Webspace.

    *slap* :stupid: :wall:


    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
  11. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    karlsve schrieb:
    *slap* :stupid: :wall:


    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
  12. karlsve

    Moderator Kostenloser Webspace von karlsve

    karlsve hat kostenlosen Webspace.

    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 >
  13. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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.
  14. karlsve

    Moderator Kostenloser Webspace von karlsve

    karlsve hat kostenlosen Webspace.

    Das sehe ich leider auch nirgends in deinem Quellcode. Wo genau hast du das denn eingebunden und wie?
  15. t****o

    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
  16. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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>
  17. 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
  18. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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.
  19. 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
  20. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    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
  21. 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
    :wall::wall::wall:

    Beitrag zuletzt geändert: 20.12.2010 1:22:36 von fedprod
  22. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!