ckeditor - 如何在 cake php 2.3 中使用 CKEditor

Question

我想在 cake php 2.3 中使用 CKEditor，尝试了很多但没有得到任何解决方案。基本上我需要本地系统的编辑器中的图像上传选项。

我怎样才能获得成功？

Answer 1

经过大量研究，我终于得到了在 cakephp 2.3 中实现带有图像上传选项的 CKEditor 的解决方案

要在 CKEditor 中上传图片，您必须使用 KCFinder，请查看以下链接，您可以在此处获取详细信息

http://cakephpclues.blogspot.in/2012/01/ckeditor-kcfinder-integration-with.html

CKEditor 也有 3 个包

1. 基本套餐
2. 标准包装
3. 全包

还有一个选项来自定义编辑器工具栏以下载 CKEditor 请访问 - http://ckeditor.com/download

Answer 2

下载 CKEditor并将文件解压到 app/webroot/js/ckeditor

现在在您的 ctp 文件中添加以下代码，以便将 ckeditor.js 文件集成到页面的头部。

   <?php echo $this->Html->script('ckeditor/ckeditor', array('inline' => false));?>

注意：在 Layouts/default.ctp 中确认下面的代码放在头部

   <?php echo $scripts_for_layout; ?>

现在将类添加到要应用 CKEditor 特性的表单元素：

  <?php echo $this->Form->textarea('myelement', array('class'=>'ckeditor')); ?>

现在运行你的文件..它完成了..！

为了更改 CKEditor 的其他属性，如宽度、高度和工具栏设置，请在 ctp 文件中添加代码。（你可以将它粘贴在ctp文件的末尾）

 <script type="text/javascript">
    CKEDITOR.replace( 'textarea_id', {
    toolbar: [[ 'Bold', 'Italic','Underline','Subscript','Superscript'],],
    width: '700',
    height: '100',
    });
</script>

Answer 3

网站编辑器对于使内容更美观非常重要，因此我们将看到如何将 CKEditor 和 CKFinder 与 cakephp 2.x 集成。

创建编辑器助手：EditorHelper.php

<?php
class EditorHelper extends Helper
{
 function loadCK($id){
 $buff = "<script type=\"text/javascript\">
 //<![CDATA[
 var editor_$id = CKEDITOR.replace('$id', {customConfig : '/js/editor/config.js'});
 CKFinder.SetupCKEditor( editor_$id, '/js/ckfinder/' );
 //]]>
 </script>";
 return $buff;
 }
}
?>

其次，我们将在控制器中调用它：

<?php
    public $helpers = array('Editor');
?>

第三，我们将创建视图：form.ctp

<script src="/js/editor/ckeditor.js" type="text/javascript"></script>
<script src="/js/ckfinder/ckfinder.js" type="text/javascript"></script>

<?php echo $this->Form->textarea('Item.content', array('size' => '32')); ?>
<?php echo $this->Editor->loadCK ('PagetextContent');  ?>

从源http://ckeditor.com下载 ckeditor 和 ckfinder 后，我们将它们放在 /webroot/js/ 文件夹中。

就是这样，希望对你有帮助。