Implementation of CKEDITOR with javascript
Html Portition
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<!-- Make sure the path to CKEditor is correct. -->
<script src="../ckeditor.js"></script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</body>
</html>
Script Portition
<script>
$(function(){
CKEDITOR.replace( 'editor1', { // Here editor1 is id of textarea
filebrowserUploadUrl: "../ckupload.php" // Controller Action
});
CKEDITOR.dtd.a.div = 1;
});
</script>
ckupload.php
// filebrowserUploadUrl handing
$url = WWW_ROOT.'images'. DS .'uploads'. DS .time()."_".$_FILES['upload']['name'];
$default_url = Router::url('/', true).'app/webroot/images/uploads/'.time()."_".$_FILES['upload']['name'];
//extensive suitability check before doing anything with the file…
if(($_FILES['upload'] == "none") OR (empty($_FILES['upload']['name'])))
{
$message = "No file uploaded.";
}
elseif($_FILES['upload']["size"] == 0)
{
$message = "The file is of zero length.";
}
elseif(($_FILES['upload']["type"] != "image/pjpeg") AND ($_FILES['upload']["type"] != "image/jpeg") AND ($_FILES['upload']["type"] != "image/png"))
{
$message = "The image must be in either JPG or PNG format. Please upload a JPG or PNG instead.";
}
elseif(!is_uploaded_file($_FILES['upload']["tmp_name"]))
{
$message = "You may be attempting to hack our server. We're on to you; expect a knock on the door sometime soon.";
}
else{
$message = "";
if(move_uploaded_file($_FILES['upload']['tmp_name'], $url)) {
chmod($url, 0755);
} else{
$message = "Error moving uploaded file. Check the script is granted Read/Write/Modify permissions.";
}
}
$funcNum = $_GET['CKEditorFuncNum'] ;
echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$default_url', '$message');</script>";
Html Portition
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<!-- Make sure the path to CKEditor is correct. -->
<script src="../ckeditor.js"></script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</body>
</html>
Script Portition
<script>
$(function(){
CKEDITOR.replace( 'editor1', { // Here editor1 is id of textarea
filebrowserUploadUrl: "../ckupload.php" // Controller Action
});
CKEDITOR.dtd.a.div = 1;
});
</script>
ckupload.php
// filebrowserUploadUrl handing
$url = WWW_ROOT.'images'. DS .'uploads'. DS .time()."_".$_FILES['upload']['name'];
$default_url = Router::url('/', true).'app/webroot/images/uploads/'.time()."_".$_FILES['upload']['name'];
//extensive suitability check before doing anything with the file…
if(($_FILES['upload'] == "none") OR (empty($_FILES['upload']['name'])))
{
$message = "No file uploaded.";
}
elseif($_FILES['upload']["size"] == 0)
{
$message = "The file is of zero length.";
}
elseif(($_FILES['upload']["type"] != "image/pjpeg") AND ($_FILES['upload']["type"] != "image/jpeg") AND ($_FILES['upload']["type"] != "image/png"))
{
$message = "The image must be in either JPG or PNG format. Please upload a JPG or PNG instead.";
}
elseif(!is_uploaded_file($_FILES['upload']["tmp_name"]))
{
$message = "You may be attempting to hack our server. We're on to you; expect a knock on the door sometime soon.";
}
else{
$message = "";
if(move_uploaded_file($_FILES['upload']['tmp_name'], $url)) {
chmod($url, 0755);
} else{
$message = "Error moving uploaded file. Check the script is granted Read/Write/Modify permissions.";
}
}
$funcNum = $_GET['CKEditorFuncNum'] ;
echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($funcNum, '$default_url', '$message');</script>";
Thank you for posting helpful information about Implementation of CKEDITOR with javascript for PHP Development
ReplyDeleteThanks @Prajapati , if you need any PHP development help, let me know.
Delete