tinyMCE, besoin d'aide sur ce WYSIWYG 100% JS

par **BeRoots** » 02 oct. 2006, 19:04

bon, j'ai resolu tout mes soucis avec l'aperçu

je commence à bien maitriser tinyMCE mais j'ai encore un soucis qui ce coup là vient de Opera (là ça me surprend

)

tout fonctionne au top du top sur IF, Mozilla, IE, konqueror (pas encore tester sous safari)

par contre sous opera tinyMCE ne s'affiche pas (juste le textarea mais sans les bouton)

si quelqu'un a déja réussi à faire fonctionner Tiny sous Opéra, merci pour le retour d'info

par **BeRoots** » 29 sept. 2006, 08:39

en fait je vient de comprendre un truc...

tinymce détecte tout seul l'url pointant vers les images qu'il insert à partir du dossier du fichier où il est implanter (via le textarea)

mon problème est qu'en fait j'utilise l'éditeur depuis mes pages à la racine et depuis d'autres pages contenu dans un dossier /admin...

donc soit il faut que j'integre tinymce 2 fois (une fois à la racine et une fois dans mon dossier admin) ou alors que je retire automatiquement "../" à chaque url d'image inserer depuis l'admin et destinée à être afficher sur le site

si je le copie 2 fois, j'évite donc de retravailler toute les urls du code source géneré...

si quelqu'un a déja utiliser tinymce sur des pages contenus dans des dossiers different, j'aimerai bien savoir comment il a geré ce soucis

merci d'avance

par **BeRoots** » 29 sept. 2006, 08:02

ok, j'ai casiment résolut mon problème mais il me reste encore un point important à traiter...

lorsque j'insert des smileys avec mce, il met ceci comme url à l'image:

Code : Tout sélectionner

../tinymce/jscripts/tiny_mce/plugins/emotions/images/mon_smiley.gif

vue que les page de mon site sont à la racine, les images n'apparaisse pas

j'aimerai bien savoir si c'est normal ou si tinyMCE impose un systeme de dossier spécifique pour fonctionner?

merci d'avance

par **Invité** » 29 sept. 2006, 00:55

je suis toujours sur le même problème mais je vais entrer plus dans les détails car j'ai trouvé plein de bonne chose

TinyMCE dispose d'un bouton preview qui ouvre un popup pointant vers un fichier de mon site que j'ai appelé mce_apercu.php

j'ai donc réui grace à ceci à avoir la popup preview comme je le souhaitais mais par contre pas moyen de récuperer le contenu de l'éditeur dans l'aperçu

voici le code JS du plugin preview:
(attention <?php ne fait pas parti du code. j'utilise le bbcode php juste pour la colorisation)

/* Import plugin specific language pack */
tinyMCE.importPluginLanguagePack('preview', 'fr');

var TinyMCE_PreviewPlugin = {
	getInfo : function() {
		return {
			longname : 'Preview',
			author : 'Moxiecode Systems',
			authorurl : 'http://tinymce.moxiecode.com',
			infourl : 'http://tinymce.moxiecode.com/tinymce/docs/plugin_preview.html',
			version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
		};
	},

	/**
	 * Returns the HTML contents of the preview control.
	 */
	getControlHTML : function(cn) {
		switch (cn) {
			case "preview":
				return tinyMCE.getButtonHTML(cn, 'lang_preview_desc', '{$pluginurl}/images/preview.gif', 'mcePreview');
		}

		return "";
	},

	/**
	 * Executes the mcePreview command.
	 */
	execCommand : function(editor_id, element, command, user_interface, value) {
		// Handle commands
		switch (command) {
			case "mcePreview":
				var previewPage = tinyMCE.getParam("plugin_preview_pageurl", null);
				var previewWidth = tinyMCE.getParam("plugin_preview_width", "550");
				var previewHeight = tinyMCE.getParam("plugin_preview_height", "600");

				// Use a custom preview page
				if (previewPage) {
					var template = new Array();

					template['file'] = previewPage;
					template['width'] = previewWidth;
					template['height'] = previewHeight;

					tinyMCE.openWindow(template, {editor_id : editor_id, resizable : "yes", scrollbars : "yes", inline : "yes", content : tinyMCE.getContent(), content_css : tinyMCE.getParam("content_css")});
				} else {
					var win = window.open("", "mcePreview", "menubar=no,toolbar=no,scrollbars=yes,resizable=yes,left=20,top=20,width=" + previewWidth + ",height="  + previewHeight);
					var html = "";
					var c = tinyMCE.getContent();
					var pos = c.indexOf('<body'), pos2;

					if (pos != -1) {
						pos = c.indexOf('>', pos);
						pos2 = c.lastIndexOf('</body>');
						c = c.substring(pos + 1, pos2);
					}

					html += tinyMCE.getParam('doctype');
					html += '<html xmlns="http://www.w3.org/1999/xhtml">';
					html += '<head>';
					html += '<title>' + tinyMCE.getLang('lang_preview_desc') + '</title>';
					html += '<base href="' + tinyMCE.settings['base_href'] + '" />';
					html += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
					html += '<link href="' + tinyMCE.getParam("content_css") + '" rel="stylesheet" type="text/css" />';
					html += '</head>';
					html += '<body dir="' + tinyMCE.getParam("directionality") + '">';
					html += c;
					html += '</body>';
					html += '</html>';

					win.document.write(html);
					win.document.close();
				}

				return true;
		}

		return false;
	}
};

tinyMCE.addPlugin("preview", TinyMCE_PreviewPlugin);

pouvez vous me dire par quel moyen est sauvé le contenu de l'éditeur, et surtout comment faire pour le recuperer dans mon fichier php "distant"

Merci d'avance

par **BeRoots** » 23 sept. 2006, 00:41

je ne pense pas que cela fonctionne car je veut paramètrer la fenetre ouverte par le bouton aperçu de tinyMCE et vue qu'il est tout en js...

si quelqu'un à une idée

par **fred9999** » 21 sept. 2006, 10:51

rebonjour,

Petite question si tu cherche à "afficher la popup en plein ecran" à quoi ça sert d'utiliser une popup?? tu ne peut pas "includer" ton xhtml dans une page plutot(pas le chien de mickey bien sur

)

echo $headxthml;
include "tinymce.php";//appel de tinymce
echo $footxhtml;

je sais pas si ça répond à ta question?

par **BeRoots** » 20 sept. 2006, 20:11

je n'arrive pas faire en sorte de configurer l'aperçu:

- afficher la popup en plein ecran
- ajouter mon xhtml dedans afin que lorsqu'on lance l'aperçu, on voit ce que sa donne sur une page du site plutot qu'une page blanche

pas moyen de trouver le code correspondant dans tinyMCE pour paramètrer ceci

j'utilise des echo de $headxthml et $footxhtml pour mes page de site et j'aimerai les mettre aussi en echo dans cette page d'aperçu...

Merci d'avance pour votre aide

par **fred9999** » 20 sept. 2006, 09:26

salut
j'ai utilisé tinymce il y a un moment et je l'ai trouvé assez simple à installer.
le pb c'est qu'il est pas très complet par rapport a fckeditor enfin bref quel est ton problème réel??

par **BeRoots** » 18 sept. 2006, 22:46

Salut à tous

j'utilise actuellement TinyMCE (de façon sucsinte), et j'ai du mal à personnaliser la fenetre d'apercu afin que celle si soit identique à une page de mon site...

j'ouvre ce topic suite à l'aide proposer par pascaltje via un MP sur ce WYSIWYG 100% JS

j'espere que cela servira à d'autre...

merci d'avance pour tous ceux souhaitant apporter leur aide

[edit] j'ai déja créé un plugin pour l'insertion de smiley de cet editeur de texte et j'essayerai dès que possible de poster un petit tuto via ce sujet...

tinyMCE, besoin d'aide sur ce WYSIWYG 100% JS

Répondre

Étendre la vue Revue du sujet : tinyMCE, besoin d'aide sur ce WYSIWYG 100% JS

tinyMCE, besoin d'aide sur ce WYSIWYG 100% JS