PHPCMS にはどのエディタが使用されますか?

Guanhui
リリース: 2020-06-19 17:34:02
オリジナル
2851 人が閲覧しました

PHPCMS にはどのエディタが使用されますか?

# PHPCMS はどのエディタを使用しますか?

PHPCMS は CKEditor エディタを使用します。CKEditor は新世代の FCKeditor であり、再開発されたバージョンです。このエディタは、その驚くべきパフォーマンスと優れたパフォーマンスにより、世界最高のオンライン Web テキスト エディタの 1 つです。スケーラビリティにより、主要な Web サイトで広く使用されています。

CKEditor の統合

CKEditor を Web ページに統合するにはいくつかの方法があります。ここでは、最も一般的に使用される実装方法を紹介します。 。

ステップ 1: CKEditor をロードする

CKEditor は JavaScript アプリケーションです。Web ページにファイル参照を含めるだけでロードできます。

Web サイトの「ckeditor」ディレクトリに CKEditor をインストールしている場合は、次の例を参照できます。

<head>
...
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
ログイン後にコピー

上記の方法でロードすると、CKEditor JavaScript API の準備が整い、次の例を参照できます。利用される。 。

ステップ 2: エディター インスタンスを作成する

CKEditor は、Web ページのテキスト領域 (textarea) のように機能します。シンプルで書きやすいユーザー インターフェイスとレイアウトを提供します。テキスト入力エリア。ただし、テキスト領域で同じ効果を実現するのは簡単ではなく、ユーザーが HTML コードを入力する必要があります。

ただし、実際には、CKEditor は依然としてテキスト領域を使用してデータをサーバーに転送します。このテキスト領域はユーザーには見えません。したがって、インスタンスを作成して編集する必要があります。まずインスタンスを作成します:

<textarea id="editor1"></textarea>
ログイン後にコピー

データベースからデータを読み取るなど、エディターにデータをロードする場合は、データを配置するだけでよいことに注意してください。 in 上の例のように、テキストエリアのすぐ内側にあります。この例では、テキストエリアに「editor1」という名前を付けています。この名前は、POST 送信されたデータを受信する際のサーバー操作で使用されます。 CKEditor Javascript API の使用を開始するには、エディター インスタンスを使用して、この通常のテキスト領域 (textarea) を「置換」します。これを行うには、次の JavaScript コードを追加する必要があります:

<script type="text/javascript">
CKEDITOR.replace( &#39;editor1&#39; );
</script>
ログイン後にコピー

上記のスクリプト ブロックのみが可能Web ページの