如何在php页面中添加或嵌入CKEditor

时间:2011-11-16 12:42:46

标签: php ckeditor

如何在php页面中添加或嵌入CKEditor,我将zip文件下载并解压缩到目录的根目录中,并在我的页面上调用

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

给了textarea这个字段

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

但它不起作用, 没有找到在PHP上安装的文档CKEditor网站。

有没有人知道我们在哪里或帮助我......对于这个应用程序。

6 个答案:

答案 0 :(得分:24)

将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,查看,使用,分享和享受,因为我们都喜欢开源。

由于

答案 1 :(得分:15)

如果您已下载最新版本4.3.4,请按照以下步骤操作。

  • 下载软件包,解压缩并放在您的网站目录或根文件夹中。
  • 为该文件夹(最好是Ubuntu机器)提供读写权限
  • 创建视图页面test.php
  • 粘贴下面提到的代码,它应该可以正常工作。

加载提到的js文件

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

答案 2 :(得分:4)

或者,也可以这样做:

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

请注意,最后一行是'editor1'作为名称,可以根据您的要求进行更改。

答案 3 :(得分:3)

无需要求ckeditor.php,因为CKEditor不会被PHP处理...

您只需要关注_samples目录,看看他们做了什么。

只需要通过html标记包含ckeditor.js,并在javascript中进行一些配置。

答案 4 :(得分:3)

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

答案 5 :(得分:1)

阅读Quick Start Guide

  

在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会发生变化。