CKEditorをphpページに追加または埋め込む方法

PHPページにCKEditorを追加または埋め込むには、ZIPファイルをダウンロードし、ディレクトリのルートに解凍し、私のページで呼び出します。

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

textareaに次のフィールドを指定しました。

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

しかし、それは動作しません、 PHPにインストールするためのドキュメントは、CKEditorのウェブサイトが見つかりません。

どなたかこのアプリの場所を知っている方、または私を助けてくれる方はいませんか?

質問へのコメント (3)
ソリューション

ckeditorをphpページに統合する簡単な手順

ステップ1:ckeditor.zipファイルをダウンロードする

ステップ2 : ckeditor.zipファイルをサイトのルートディレクトリに貼り付けるか、または ファイルのある場所に貼り付けることもできます。

ステップ3 : ckeditor.zipファイルを解凍します。

step 4 : 統合したいphpページを開く page1.php

これはckeditorの要素とスタイリングとCSSを呼び出すためです。 これがないと空白のテキストエリアが表示されます。

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

また、他のサイトで使用する場合は、相対リンクを使用してください。

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

step 6 : 今すぐ!あなたのページpage1.phpでckeditorの作業コードを呼び出す必要があります。 以下はその呼び出し方です

<?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');

?>

ステップ7:ステップ6の最後の行を変更することで、ckeditorに好きな名前を付けることができます。

$ckeditor->editor('mycustomname');

step 8 : page1.phpを開いて、見て、使って、共有して、楽しんでください。

ありがとう

解説 (4)

最新のバージョン4.3.4をダウンロードした場合は、次の手順に従ってください。

-パッケージをダウンロードして解凍し、Webディレクトリまたはルートフォルダーに配置します。 -そのフォルダー(できればUbuntuマシン)に読み取り権限を提供します。 -ビューページtest.phpを作成します。 -以下のコードを貼り付けてください。

上記のjsファイルをロードします。

< script type = "text / javascript" src = "/ckeditor/ckeditor.js">< / script>。 < textarea class = "ckeditor" name = "editor">< / textarea>。
解説 (0)

または、次のようにすることもできます。

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

最後の行には名前として「editor1」があり、要件に従って変更できることに注意してください。

解説 (2)

CKEditorはPHPによって処理されないので、ckeditor.phpを要求する必要はありません。

というのも、CKEditorはPHPで処理されないからです。

ただ、<script> htmlタグでckeditor.jsをインクルードし、javascriptでいくつかの設定を行う必要があります。

解説 (2)

<?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">
解説 (0)

クイックスタートガイドを読んだ後。

HTMLページに、CKEditorが置き換える要素を追加します。

<textarea name="content" id="editor">クラシックエディタービルドをロードします(ここではCDNの場所が使用されます)。

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

ClassicEditor.create()メソッドを呼び出します。

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

例。




    <meta charset="utf-8">
    CKEditor 5 - Classic editor
    <script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/classic/ckeditor.js"></script>


    <h1>Classic editor</h1>
    <textarea name="content" id="editor">
        <p>This is some sample content.</p>
     {
                console.error( error );
            } );
    </script>

この例は、特定のクラシックエディター用です。 その他のバリアントについては、CDNのみが変更されます。

解説 (0)