Heim >CMS-Tutorial >PHPCMS >Welcher Editor wird für PHPCMS verwendet?
Welcher Editor wird für PHPCMS verwendet?
- GuanhuiOriginal
- 2020-06-19 17:34:022902Durchsuche
Welchen Editor verwendet PHPCMS?
PHPCMS verwendet den CKEditor-Editor, eine neu entwickelte Version. Dieser Editor ist aufgrund seiner erstaunlichen Leistung und Aufgrund seiner Skalierbarkeit wird es häufig auf großen Websites eingesetzt.
CKEditor integrieren
Es gibt mehrere Möglichkeiten, CKEditor in Ihre Webseite zu integrieren. Hier stellen wir die am häufigsten verwendete Implementierungsmethode vor .
Schritt eins: CKEditor laden
CKEditor ist eine JavaScript-Anwendung. Sie müssen zum Laden lediglich einen Dateiverweis in Ihre Webseite einfügen.
Wenn Sie CKEditor im Verzeichnis „ckeditor“ Ihrer Website installiert haben, können Sie sich auf das folgende Beispiel beziehen:
<head> ... <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> </head>
Laden Sie es auf die oben beschriebene Weise und die CKEditor-JavaScript-API ist bereit verwendet werden.
Schritt 2: Erstellen Sie eine Editor-Instanz
CKEditor funktioniert wie ein Textbereich (Textbereich) in Ihrer Webseite. Er bietet eine einfache und leicht zu schreibende Benutzeroberfläche und ein reichhaltiges Layout Texteingabebereiche. Es ist jedoch nicht einfach, den gleichen Effekt mit einem Textbereich zu erzielen. Dazu muss der Benutzer HTML-Code eingeben.
Tatsächlich verwendet CKEditor jedoch immer noch einen Textbereich, um seine Daten an den Server zu übergeben. Dieser Textbereich ist für den Benutzer unsichtbar. Daher müssen Sie zunächst eine Instanz erstellen und bearbeiten:
<textarea id="editor1"></textarea>
Beachten Sie, dass Sie nur die Daten eingeben müssen, wenn Sie einige Daten in den Editor laden möchten, z. B. Daten aus einer Datenbank lesen in Nur innerhalb eines Textbereichs, wie im obigen Beispiel. In diesem Beispiel haben wir den Textbereich „editor1“ genannt. Dieser Name wird im Serverbetrieb beim Empfang von per POST übermittelten Daten verwendet. Um mit der Verwendung der CKEditor-Javascript-API zu beginnen, verwenden wir eine Editor-Instanz, um diesen gewöhnlichen Textbereich (textarea) zu „ersetzen“. Dazu müssen wir den folgenden JavaScript-Code hinzufügen:
<script type="text/javascript"> CKEDITOR.replace( 'editor1' ); </script>
Der obige Skriptblock kann nur verwendet werden nach dem 4750256ae76b6b9d804861d8f69e79d3-Tag einer Webseite eingefügt werden. Sie können diesen Ersetzungsprozess auch innerhalb des 93f0f5c25f18dab9d176bd4f6de5d30e-Tags ausführen, aber in diesem Fall müssen Sie sicherstellen, dass das DOM geladen wurde. Dies kann normalerweise in das window.onload-Ereignis geschrieben werden (das DOM muss geladen worden sein). Diesmal) :
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>Schritt 3: Speichern Sie die Inhaltsdaten des Editors
Wie zuvor beschrieben funktioniert der Editor wie ein Textbereich, d wird ebenfalls sehr einfach übergeben, wobei der Name des Textbereichs als Schlüssel zum Empfangen der Daten verwendet wird. Gemäß dem obigen Beispiel müssen wir in PHP beispielsweise Daten wie folgt verarbeiten:
<?php $editor_data = $_POST[ 'editor1' ]; ?>
Clientseitige Datenverarbeitung In einigen Anwendungen (z. B. Ajax-Anwendungen) müssen alle Daten auf dem Client verarbeitet werden Es gibt dann eine eigene Möglichkeit, die Daten an den Server zu senden. In diesen Fällen reicht die Verwendung der CKEditor-API aus, um den Inhalt einfach in der Editor-Instanz abzurufen. Zum Beispiel:
<script type="text/javascript"> var editor_data = CKEDITOR.instances.editor1.getData(); </script>
Empfohlenes Tutorial: „PHPCMS Tutorial“
Das obige ist der detaillierte Inhalt vonWelcher Editor wird für PHPCMS verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!