Modifier texte FCKeditor
Si vous êtes là, vous savez probablement ce qu'est Fckeditor. Le cas échéant, voici une brève explication :
Il s'agit d'un editeur de texte "javascript" ( pour site web ) particulièrement puissant qui permet de créer de riches pages web. Vous pouvez voir à quoi Fckeditor ressemble en ajoutant un tutoriel sur ce site ( menu de gauche ).
La difficulté de celui-ci est qu'il propose des fonctions api surpuissante mais difficile à trouver pour bien tout prendre en main.
Ainsi, pour modifier en "direct" ( sans avoir à recharger la page ) le contenu d'un richtext de Fckeditor il convient de copier coller ce petit code javascript :
[code=javascript]
function modifiertextfck() {
var oEditor = FCKeditorAPI.GetInstance('message') ;
oEditor.SetHTML("Votre nouveau texte modifié ;)");
}
[/code]
Comme vous l'aurez compris, la boîte de texte s'appelle dans notre exemple message , libre à vous de la modifier !
Pour l'intégrer à un évènement javascript, à travers un bouton peut être, il suffirait d'utiliser l'évènement onclick.
[code=html]
<input name="test" type="button" id="test" onclick=" modifiertextfck()" value="test" />
[/code]
News
Grand tableau pour école : ActivBoard
Un tableau interactifs moderne !
1 logiciel et 4 astuces pour booster la productivité de son restaurant
Des astuces et un logiciel pratique pour son restaurant
Astuce pour lancer sa boutique en ligne de matériel informatique
Quand les prix du matériel informatique augmentent...
Pourquoi une batterie explose ?
Pourquoi et comment une batterie qu'on a dans nos téléphone explosent ?
Autonomie de Mario Odyssey sur Nintendo Switch
Quelle est l'autonomie moyenne en mode portable ?
Savoir si on capte la 4G chez soi
Un site bien pratique !
Test de la box 4G de Bouygues
Avis : Que vaut la Box 4G illimité de Bouygues ?
Tutoriel lié
Fckeditor ajax récupérer texteRécupérer le contenu d'un richtext fckeditor
Modifier texte FCKeditor AjaxUn petit truc pratique pour Fckeditor...
Définition AJAXUne brève définition de L'jax
Couleur d'arrière plan invite de commande msd..Modifier la couleur d'arrière plan de l'invite de commande
Passer l'activation de Windows 7 temporairement avec invite de commande
Liste des commentaires pour Modifier texte FCKeditor Ajax [-A-]
Salut,
Effectivement ce code fonctionne très bien. cela dit j'ai utilisé l'API XAJAX et FKCeditor et jen'ai pas réussi à faire passer dans l'éditeut du texte formaté HTML(avec des balises HTML j'entends).
si quelqu'un à une idée.
si vous passez du texte avec des accents vous pouvez essayer en ajoutant la fonction escape
oEditor.SetHTML(escape(texte));
dslé trompé de post...
Problème d'UTF8 / iso ça ( codage de texte ), je ne vois pas véritablement non désolé.
visiblement ce site y a un soucis de poste avec les et commercial
je disais donc fck traduit par
je suis un [etcommercial]l[etcommercial]phant
et lors de l'envoi cela ne va donc un peu comme un ici
poster uniquement je suis un
et je ne sais pas trop comment palier à ce probleme ... si vous avec une idée..?
Bonjour,
votre méthode fonctionne bien avec moi sauf que si je met du texte avec accent il
exemple
je suis un éléphant
fck traduisant cela par
je suis un
Merci spudstyle
Cela fonctionne, j'arrive bien à remplacer le contenu de la boite texte.
Mais je voudrais combiner tes deux fonction Zabuza, c'est à dire récupérer le contenu de la boite texte et y ajouter le contenu via la fonction modifiertextfck.
Je dois reconnaitre que je suis un peux allergique au javascript
Encore merci
Wwwmarco, essaies de remplacer "oEditor" par "oFCKeditor". J'ai pas encore testé mais je vais le faire.
Bonjour, êtes vous sûr d'avoir un minimum de connaissance en javascript ?
Bonjour,
j'ai essayé ce bout de code sans succès. j'utilise la dernière version de fck en php
Une idée?? ou faut-il installer ce bout de code ?
merci
Laissez un commentaire sur cet article.
Pseudo :
Facultatif : Cliquez ici pour choisir une tête
Votre email ( non publié ) :
Image anti spam :
Recopier les 5 chiffres de cette image :
Les lecteurs ont donné une note moyenne de :
Note: 6 sur 10
Donnez votre note à ce tuto sur 10 :