web-dev-qa-db-ja.com

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

pHPページにCKEditorを追加または埋め込む方法、Zipファイルをダウンロードしてディレクトリのルートに抽出し、自分のページでも呼び出しました

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

textareaにこのフィールドを与えました

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

しかし、機能していません。PHPにインストールするためのドキュメントがCKEditor Webサイトに見つかりません。

このアプリのために、私たちがどこにいるか私を助けてくれる人を知っていますか？.

phpckeditor
9
Rafee

CkeditorとPHPページを統合する簡単な手順

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

手順2：サイトのルートディレクトリにckeditor.Zipファイルを貼り付けるか、ファイルの場所に貼り付けることができます（これを行いました）

ステップ3：ckeditor.Zipファイルを抽出する

ステップ4：ここに統合したいphpページを開きますpage1.php

手順5：最初にいくつかのjavascriptを追加します。これは、ckeditorの要素とスタイルとcssを呼び出すためのもので、これを使用しない場合は、空白のtextarea

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

そして、あなたが他のサイトで使用している場合は、そのための相対リンクを使用してください。

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

ステップ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');

ステップ8：page1.phpを開いて確認し、使用し、共有し、お楽しみください。私たち全員がオープンソースを愛しているからです。

ありがとう

25
uzair

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

  • パッケージをダウンロードし、解凍してWebディレクトリまたはルートフォルダーに配置します。
  • そのフォルダー（できればUbuntuマシン）に読み取り/書き込み権限を付与します。
  • ビューページtest.phpを作成する
  • 下記のコードを貼り付けて、正常に機能するはずです。

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

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

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

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

最後の行には「editor1」という名前が付いていることに注意してください。要件に応じて変更できます。

4
abhijeet kumar

cKEditorはPHPで処理されないため、ckeditor.phpは必要ありません...

_samplesディレクトリーをたどって、それらが何をするかを確認する必要があります。

htmlタグでckeditor.jsをインクルードし、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

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

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

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

クラシックエディタービルドをロードします（ここでは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>

例

<!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>

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

1
Siraj Alam