Maison >Tutoriel CMS >PHPCMS >Quel éditeur est utilisé pour PHPCMS ?
Quel éditeur est utilisé pour PHPCMS ?
- Guanhuioriginal
- 2020-06-19 17:34:022902parcourir
Quel éditeur PHPCMS utilise-t-il ?
PHPCMS utilise l'éditeur CKEditor est une nouvelle génération de FCKeditor, une version redéveloppée. Cet éditeur est l'un des meilleurs éditeurs de texte Web en ligne au monde en raison de ses incroyables performances et de ses performances. son évolutivité le rend largement utilisé dans les principaux sites Web.
Intégration de CKEditor
Il existe plusieurs façons d'intégrer CKEditor dans votre page Web. Nous présentons ici la méthode d'implémentation la plus couramment utilisée. .
Première étape : charger CKEditor
CKEditor est une application JavaScript, il vous suffit d'inclure une référence de fichier dans votre page Web pour la charger.
Si vous avez installé CKEditor dans le répertoire "ckeditor" de votre site web, vous pouvez vous référer à l'exemple suivant :
<head> ... <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> </head>
Chargez-le de la manière ci-dessus, et l'API JavaScript CKEditor est prête à utiliser.
Étape 2 : Créer une instance d'éditeur
CKEditor fonctionne comme une zone de texte (textarea) dans votre page Web. Il fournit une interface utilisateur et une mise en page simples et faciles à écrire. zones de saisie de texte. Mais il n’est pas facile d’obtenir le même effet avec une zone de texte. Cela nécessite que l’utilisateur saisisse du code HTML.
Cependant, dans les faits, CKEditor utilise toujours une zone de texte pour transmettre ses données au serveur. Cette zone de texte est invisible pour l'utilisateur. Par conséquent, vous devez créer et modifier une instance. Créez d'abord une instance :
<textarea id="editor1"></textarea>
Notez que si vous souhaitez charger certaines données dans l'éditeur, comme la lecture de données d'une base de données, il vous suffit de mettre les données. in Juste à l'intérieur d'une zone de texte, comme dans l'exemple ci-dessus. Dans cet exemple, nous avons nommé la zone de texte "editor1". Ce nom sera utilisé dans les opérations du serveur lors de la réception des données soumises par POST. Pour commencer à utiliser l'API Javascript de CKEditor, nous utilisons une instance d'éditeur pour "remplacer" cette zone de texte ordinaire (textarea). Pour ce faire, nous devons ajouter le code JavaScript suivant :
<script type="text/javascript"> CKEDITOR.replace( 'editor1' ); </script>
Le bloc de script ci-dessus ne peut que). être inclus après la balise 4750256ae76b6b9d804861d8f69e79d3 d'une page Web. Vous pouvez également exécuter ce processus de remplacement dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e, mais dans ce cas, vous devez vous assurer que le DOM a été chargé. Cela peut généralement être écrit dans l'événement window.onload (le DOM doit avoir été chargé à. cette fois) :
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>Étape 3 : Enregistrez les données du contenu de l'éditeur
Comme décrit précédemment, l'éditeur fonctionne comme une zone de texte, donc lors de la soumission d'une instance d'éditeur contenant Lors de la formation d'un formulaire, ses données sera également transmis très simplement, en utilisant le nom de la zone de texte comme clé pour recevoir les données. Par exemple, selon l'exemple ci-dessus, en PHP, nous devons traiter les données comme ceci :
<?php $editor_data = $_POST[ 'editor1' ]; ?>
Traitement des données côté client Dans certaines applications (telles que les applications ajax), toutes les données doivent être traitées sur le client. côté. Il a alors sa propre façon d'envoyer les données au serveur, dans ces cas, l'utilisation de l'API CKEditor suffit pour obtenir facilement le contenu dans l'instance de l'éditeur. Par exemple :
<script type="text/javascript"> var editor_data = CKEDITOR.instances.editor1.getData(); </script>
Tutoriel recommandé : "Tutoriel PHPCMS"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!