web-dev-qa-db-fra.com

comment ajouter ou intégrer CKEditor dans la page php

comment ajouter ou intégrer CKEditor dans la page php, j'ai téléchargé et extrait le fichier Zip à la racine du répertoire et aussi appelé sur ma page

<?php require("ckeditor/ckeditor.php"); ?>

a donné à la zone de texte ces champs

<textarea class="ckeditor" name="editor1">Write any thing</textarea>

Mais cela ne fonctionne pas, Documentation pour l'installation sur PHP est introuvable sur le site Web de CKEditor.

Est-ce que quelqu'un sait où nous ou m'aider .. pour cette application.

phpckeditor
9
Rafee

Étapes faciles pour intégrer ckeditor aux pages php

étape 1: téléchargez le fichier ckeditor.Zip

étape 2: collez le fichier ckeditor.Zip sur le répertoire racine du site ou vous pouvez le coller où se trouvent les fichiers (j'ai fait celui-ci)

étape 3: extraire le fichier ckeditor.Zip

étape 4: ouvrez la page php que vous souhaitez intégrer avec ici page1.php

étape 5: ajoutez d'abord du javascript ci-dessous, c'est pour appeler des éléments de ckeditor et de style et css sans cela vous n'aurez qu'une zone de texte vide

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

Et si vous utilisez sur d'autres sites, utilisez des liens relatifs pour cela en voici un ci-dessous

<script type="text/javascript" src="somedirectory/ckeditor/ckeditor.js"></script>

étape 6: maintenant !, vous devez appeler le code de travail de ckeditor sur votre page page1.php ci-dessous est comment vous l'appelez

<?php

// Make sure you are using a correct path here.
include_once 'ckeditor/ckeditor.php';

$ckeditor = new CKEditor();
$ckeditor->basePath = '/ckeditor/';
$ckeditor->config['filebrowserBrowseUrl'] = '/ckfinder/ckfinder.html';
$ckeditor->config['filebrowserImageBrowseUrl'] = '/ckfinder/ckfinder.html?type=Images';
$ckeditor->config['filebrowserFlashBrowseUrl'] = '/ckfinder/ckfinder.html?type=Flash';
$ckeditor->config['filebrowserUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
$ckeditor->config['filebrowserImageUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
$ckeditor->config['filebrowserFlashUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
$ckeditor->editor('CKEditor1');

?>

étape 7: quel que soit le nom que vous souhaitiez, vous pouvez lui donner un nom ckeditor en modifiant la dernière ligne du code de l'étape 6

$ckeditor->editor('mycustomname');

étape 8: Ouvrez la page1.php, voyez-la, utilisez-la, partagez-la et profitez-en parce que nous aimons tous l'Open Source.

Merci

25
uzair

Si vous avez téléchargé la dernière version 4.3.4, suivez simplement ces étapes.

  • Téléchargez le package, décompressez et placez-le dans votre répertoire Web ou dossier racine.
  • Fournissez les autorisations de lecture-écriture à ce dossier (de préférence des machines Ubuntu)
  • Créer une page de vue test.php
  • Collez le code mentionné ci-dessous, cela devrait fonctionner correctement.

Chargez le fichier js mentionné

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<textarea class="ckeditor" name="editor"></textarea>
15
Vinit Kadkol

Alternativement, cela pourrait aussi se faire comme:

<?php
    include("ckeditor/ckeditor.php");
    $CKeditor = new CKeditor();
    $CKeditor->BasePath = 'ckeditor/';
    $CKeditor->editor('editor1');
?>

Notez que la dernière ligne a pour nom "editor1", elle peut être modifiée selon vos besoins.

4
abhijeet kumar

pas besoin d'exiger le ckeditor.php, car CKEditor ne sera pas traité par PHP ...

il vous suffit de suivre le répertoire _samples et de voir ce qu'ils font.

suffit d'inclure ckeditor.js par la balise html et de faire une configuration en javascript.

3
Francis.TM
<?php require("ckeditor/ckeditor.php"); ?>

 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 <script type="text/javascript" src="somedirectory/ckeditor/ckeditor.js"></script>

<textarea class="ckeditor" name="editor1"></textarea>
3
Govind

Après avoir lu le Guide de démarrage rapide

Dans votre page HTML, ajoutez un élément que CKEditor devrait remplacer:

<textarea name="content" id="editor"></textarea>

Chargez la construction de l'éditeur classique (ici l'emplacement CDN est utilisé):

<script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/classic/ckeditor.js"></script>

Appelez la méthode ClassicEditor.create ().

<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .catch( error => {
            console.error( error );
        } );
</script>

Exemple

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 - Classic editor</title>
    <script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/classic/ckeditor.js"></script>
</head>
<body>
    <h1>Classic editor</h1>
    <textarea name="content" id="editor">
        <p>This is some sample content.</p>
    </textarea>
    <script>
        ClassicEditor
            .create( document.querySelector( '#editor' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

Cet exemple concerne l'éditeur classique spécifique. Pour les autres variantes, seul CDN changera.

1
Siraj Alam