begin process at 2012 05 29 05:23:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Editeur Wysiwig perso


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Editeur Wysiwig perso

samedi 26 février 2011 à 18:00:48 | Editeur Wysiwig perso

VicTeams

Bonjour à tous,

Voila j'ai un problème avec le js, j'ai conçu un éditeur Wysiwyg pour mon projet, mais je bloque sur un truc.
Enfaite d'un coté j'ai ceci :

Code Javascript :
var Editor;
 

	
window.onload = function()
{

	Editor = document.getElementById('textbox').contentWindow.document;
	Editor.designMode = "on";
	document.forms[0].onsubmit = function()
	{
		var text = document.getElementById('text');
		text.value = Editor.body.innerHTML;
	}
}

  
  function Format(action)
{
	Editor.execCommand(action, false, null);
}
 
etc...
  


De l'autre une page test.html avec ceci :
Code HTML :
<script language="Javascript" src="editor.js"></script>
<link type="text/css" href="office07silver/style.css" />

formulaire etc...


Ce que je souhaite faire, et que je n'arrive pas à trouvé sur internet (depuis 3 jours), c'est d'unifier les deux dans mon fichier JS, et pouvoir appeler une fonction depuis n'importe quel formulaire, pour l'intégrer via un id="" sur des textarea

Merci pour votre aide ;)
dimanche 27 février 2011 à 10:58:55 | Re : Editeur Wysiwig perso

007Julien


Une méthode consiste à attribuer une classe aux textarea du formulaire (par exemple txaEdt) devant devenir des fenêtres d'édition, puis à rechercher dans le script les éléments disposant de cette classe pour les traiter en éditeurs.
Code Javascript :
var i,t=document.getElementsByTagName('textarea');
for (i=0;i<t.length;i++) if (/txaEdt/.test(t[i].className)) {
   Editor=t[i].contentWindow.document;
   ...
}
Bien entendu, ces instructions doivent être lancées lorsque le document existe donc, soit incorporées dans une fonction exécutée par un window.onload, soit insérées dans un script placé à la fin du body.

Quant à l'éditeur attention aux instructions spécifiques à certains navigateurs...
dimanche 27 février 2011 à 14:32:37 | Re : Editeur Wysiwig perso

VicTeams

Merci pour cette réponse, mais comment je fait pour mettre mes table avec les boutons et l'iframe dans le .js pour ensuite l'appeler via cette fonction ?
dimanche 27 février 2011 à 20:59:57 | Re : Editeur Wysiwig perso

007Julien


Il faut travailler le document (DOM en vo) en javascript avec des instructions telles que
Code Javascript :
barBtn=document.createElement('div');// crée un container
barBtn/id='idBtn'; // lui affecte un identifiant
barBtn.className='classBt';// une classe 
btn1=document.createElement('input');// crée un input 
btn1.type='button'; // de type button
btn1.className='classBtn1'; // avec son style
barBtn.appendChild(btn1);// insère ce bouton dans la barre 
// ...
monTexarea.parentNode.insertBefore(barBtn,monTextarea); // insère la barre devant le textarea
... etc.
dimanche 27 février 2011 à 22:38:59 | Re : Editeur Wysiwig perso

VicTeams

Ah oué quand même c'est assez complexe à mettre en place enfaite.... Enfaite, j'essaye de faire mon propre Wysisyg car en utilisant un truc genre TyniMCE, il faut que j'achète des licence pour vendre mon script derrière....

Je crois que je fait faire un c/c de ma page de test dans mon form, et tranferer les données de l'iframe à un textarea, se serra plus simple.... Car là ça dépasse largement mes compétence en js ;)

Merci pour votre aide ;)


Cette discussion est classée dans : function, code, editor, document, js


Répondre à ce message

Sujets en rapport avec ce message

document.write() depuis 1 function [ par alonsyl ] bonjour,par l'intermediaire d'une de mes "function" de mon j'actualise le contenu d'un  via la commande suivante : document.monForm.monInput.value = recupérer le code html d'une selection [ par caviar ] Saluté ! j'ai un petit pb tout bête ...j'aimerai récupérer le code html selectionné lorsqu'un utilisateur fait un surlignage sur ma page ...par exempl Est bien le type document ? [ par fregolo52 ] Bonjour,Je reprends un code source d'un composant XPCom FireFox, donc, dll + js.Dans le js, il y a dans une fonction :doc.bodydoc.forms.lengthdoc.defa Function qui ne functionne pas... [ par Xiarea ] Bonjour, Je suis entrain d'essayer de faire ouvrir un popup lors d'un double clic sur une image. La nouvelle page doit connaitre les coordonées de la Menu accordeon [ par NNonepse ] Bonjour, J'utilise un menu accordéon sur mon site dont voici le code : Coté JavaScript : [code=js]$(document).ready(function() { $('.accordeon').h Variable retour de function [ par bydouille ] Bonjour, Je désire faire et utiliser une function qui me renvoie le contenu d'une ligne de tableau (3 cellules) avec comme id : cell-1, cell-2, cell- L'élément document et le reste... [ par alexflex25 ] Bonjour, En désespoir de cause je viens vous demander de l'aide une n-ème fois. Soit la class javascript suivante : [code=js] var alerting = Class.cr Chargement d'une classe externe [ par DakM ] Bonjour ! Voici mes scripts: D'un côté, déjà présent dans le html .. dans une classe X j'ai [code=js] prepair: function() { js = new Element('scrip Souci avec la fonction $(document).ready(function () { ... } [ par Edoth ] Bonjour, J'essaye de faire un carrousel 3D javascript avec des images sur un site ASP.NET en c# mon carrousel fonctionne parfaitement en local mais Application d'un code javascript plusieurs fois [ par ngkckwus ] Bonjour à tous, J'ai récupérer un bout de code plutôt sympa qui me permet de positionner une scrollbar n'importe ou (haut bas gauche droite). Cela m


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,624 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales