如何在php页面中添加或嵌入CKEditor,我将zip文件下载并解压缩到目录的根目录中,并在我的页面上调用
<?php require("ckeditor/ckeditor.php"); ?>
给了textarea这个字段
<textarea class="ckeditor" name="editor1">Write any thing</textarea>
但它不起作用, 没有找到在PHP上安装的文档CKEditor网站。
有没有人知道我们在哪里或帮助我......对于这个应用程序。
答案 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,请按照以下步骤操作。
加载提到的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)
在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会发生变化。