2013-10-17 32 views
0

我想在蛋糕php 2.3中使用CKEditor,嘗試了很多,但沒有得到任何解決方案。 基本上我需要從本地系統編輯器中的圖像上傳選項。如何使用CKEditor中的蛋糕php 2.3

我怎樣才能獲得成功?

回答

4

經過大量的研究,我終於得到了解決在CKEditor的與CakePHP的2.3

圖片上傳選項執行的CKEditor的上傳圖片,你必須使用KCFinder請檢查下面的鏈接,你可以得到的細節有

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

另外,CKEditor的有3個包

  1. 基本套餐
  2. 標準包裝
  3. 全包

也有自定義編輯器工具欄 向下加載CKEditor的一個選項,請訪問 - http://ckeditor.com/download

1

Download CKEditor和文件提取到應用程序/ Web根目錄/ JS/ckeditor

現在在您的ctp文件中添加下面的代碼,以便將ckeditor.js文件集成到頁面的頭部。

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

注:佈局/ default.thtml中確認下面的代碼放置在頭部

<?php echo $scripts_for_layout; ?> 

現在的類添加到您要應用CKEditor的特性,其形式元素:

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

現在運行您的文件..其完成..!

爲了更改CKEditor的其他屬性(如寬度,高度和工具欄設置),請在您的ctp文件中添加代碼。 (U可以在CTP文件末尾粘貼)

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

編輯器中的網站是如此重要,以使內容更漂亮,所以我們將看到如何整合的CKEditor和CKFinder使用CakePHP 2.x版本

enter image description here

創建編輯幫手: 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'); 
?> 

第三,我們將創建視圖: 形式。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後,我們將它們放在/根目錄/ JS /文件夾。

就是這樣,希望這是有幫助的。