[Code Igniter] Tích hợp Ckeditor 3.6.4 vào Codeigniter 2.1

Thảo luận trong 'Codeigniter (CI)' bắt đầu bởi PeaJaStr, 3/4/15.

  1. PeaJaStr

    PeaJaStr Moderator Staff Member

    Tham gia:
    27/3/15
    Bài viết:
    193
    "Thích" đã nhận:
    54
    Điểm nhận Cup:
    28
    Giới tính:
    Nam
    Như các bạn đã biết, Ckeditor là 1 editor tích hợp vào khung nội dung cho người dùng có thể thêm, căn chỉnh style cho văn bản...

    Bài hôm nay mình sẽ hướng dẫn cách tích hợp CKeditor vào CI

    + Đầu tiên bạn download tất cả:

    http://codeigniter.com/
    http://ckeditor.com/
    http://kcfinder.sunhater.com/


    + Sau đó bạn vào application/config/config.php bạn sửa $config['index_page'] = “”; và $autoload['helper'] = array(‘url’); trong application/config/autoload.php. Tiếp theo bạn bỏ tất cả thư mục Kcfinder vừa download vào trong thư mục ckeditor (Chú ý thư mục ckeditor nằm cùng cấp với thư mục application).

    + Bước kế tiếp bạn copy file ckeditor_php5.php trong từ thư mục ckeditor/ckeditor_php5.php vào thư mục application/library/. Sau đó bạn sửa vài thông tin trong file này.

    PHP:
     <?php
    if (!defined('BASEPATH')) exit('No direct script access allowed');
    /* El constructor de la clase debe quedar tal cual, el array que recibe es enviado desde el controlador */
    function __construct($array) {
        
    $this->InstanceName    $array['instanceName'] ;      
        
    $this->basePath        $array['basePath'] ;               
        
    $this->returnOutput        $array['outPut'] ;
        echo 
    $this->basePath ;
    }
     
    class 
    CKEditor
    {
        
    /**
         * The version of %CKEditor.
         */
        
    const version '3.6.3'
    bạn past đoạn đầu vào file nhé (chú ý đổi tên file đó thành ckeditor.php nhé).[​IMG]

    Tiếp theo bạn tìm function ckeditorPath() và sửa lại như thế này:

    PHP:
    private function ckeditorPath()
    {
        if (!empty(
    $this->basePath)) {
            return 
    $this->basePath["basePath"];
        }  
    PHP:
    như vậy phần nào tạm ổn cho cái thư viện rùi nhé .
    gán tí nữa nha các bạn bạn mở file ckeditor/config.js lên và copy đoạn code này vào:
    PHP:
    CKEDITOR.editorConfig = function( config )
        
    config.toolbar_Full =
        [
            { 
    name'document',    items : [ 'Source','-','Print' ] },
            { 
    name'clipboard',   items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
            { 
    name'editing',     items : [ 'Find','Replace','-','SelectAll','-','SpellChecker''Scayt' ] },
            
    '/',
            { 
    name'basicstyles'items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
            { 
    name'paragraph',   items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
            { 
    name'links',       items : [ 'Link','Unlink','Anchor' ] },
            { 
    name'insert',      items : [ 'Image','Flash','Table','PageBreak' ] },
            { 
    name'styles',      items : [ 'Styles','Format','Font','FontSize' ] },
            { 
    name'colors',      items : [ 'TextColor','BGColor' ] },
            { 
    name'code',        items : [ 'Code'] }
        ];
       
    config.filebrowserBrowseUrl 'http://URL-DOMAIN/ckeditor/kcfinder/browse.php';
       
    config.filebrowserImageBrowseUrl 'http://URL-DOMAIN/ckeditor/kcfinder/browse.php?type=images';
       
    config.filebrowserFlashBrowseUrl 'http://URL-DOMAIN/ckeditor/kcfinder//browse.php?type=flash';
       
    config.filebrowserUploadUrl 'http://URL-DOMAIN/ckeditor/kcfinder/upload.php?type=files';
       
    config.filebrowserImageUploadUrl 'http://URL-DOMAIN//ckeditor/kcfinder/upload.php?type=images';
       
    config.filebrowserFlashUploadUrl 'http://URL-DOMAIN//ckeditor/kcfinder/upload.php?type=flash';
       
    config.enterMode 'CKEDITOR.ENTER_BR' // p | div | br
       
    config.shiftEnterMode ' CKEDITOR.ENTER_P' // p | div | br
       
    config.height 400;
       
    };  
    (Chú ý đường đẫn cho phù hợp nhé)
    ===>Cuối cùng tận hưởng thành quả nè.
    bạn edit lại file welcome.php trong controllers nhé

    PHP:
     <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
    session_start(); # Aqui para que inicie la sesión
    class Welcome extends CI_Controller {
        function 
    index()     {  
        
            
    # Variables de sesion de KCFinder, deben declararse al hacer LogIn con un usuario
            
    $_SESSION['KCFINDER'] = array();
            
    $_SESSION['KCFINDER']['disabled'] = false;
            
            
    # Al hacer LogOut deberíamos cambiar disabled a true: $_SESSION['KCFINDER']['disabled'] = true;
         
            
    $this->load->library('ckeditor', array('instanceName' => 'CKEDITOR1','basePath' => base_url()."ckeditor/"'outPut' => true));
            
    # Cargamos la vista
            
    $this->load->view('form_view'null);
         }
    chú ý có cái session_start() trên đầu nhé các bạn. Bạn tạo file form_view.php lên và past đoạn này vào
    HTML:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Test CodeIgniter</title>
        <style type="text/css">
        ::selection{ background-color: #E13300; color: white; }
        ::moz-selection{ background-color: #E13300; color: white; }
        ::webkit-selection{ background-color: #E13300; color: white; }
        body {
            background-color: #fff;
            margin: 40px;
            font: 13px/20px normal Helvetica, Arial, sans-serif;
            color: #4F5155;
        }
        a {
            color: #003399;
            background-color: transparent;
            font-weight: normal;
        }
        h1 {
            color: #444;
            background-color: transparent;
            border-bottom: 1px solid #D0D0D0;
            font-size: 19px;
            font-weight: normal;
            margin: 0 0 14px 0;
            padding: 14px 15px 10px 15px;
        }
        code {
            font-family: Consolas, Monaco, Courier New, Courier, monospace;
            font-size: 12px;
            background-color: #f9f9f9;
            border: 1px solid #D0D0D0;
            color: #002166;
            display: block;
            margin: 14px 0 14px 0;
            padding: 12px 10px 12px 10px;
        }
        #body{
            margin: 0 15px 0 15px;
        }
        
        p.footer{
            text-align: right;
            font-size: 11px;
            border-top: 1px solid #D0D0D0;
            line-height: 32px;
            padding: 0 10px 0 10px;
            margin: 20px 0 0 0;
        }
        
        #container{
            margin: 10px;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow: 0 0 8px #D0D0D0;
        }
        </style>
    </head>
    <body>
    <div id="container">
        <h1>Test CodeIgniter 2.1 + Ckeditor 3.6.1 + kcfinder 2.51</h1>
        <div id="body"><h2>Textarea con CodeIgniter</h2>
            <?php
            $config_mini = array(); 
            $config_mini['toolbar'] = array(
                array( 'Source', '-', 'Bold', 'Italic', 'Underline', 'Strike' ,'-', 'Link', 'Unlink', 'Anchor','Image')
            );
            
    // Bạn có thể dùng mảng full tùy chọn
    // $config_mini =array(
                array( 'Source', '-', 'Bold', 'Italic', 'Underline', '-','Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo','-','NumberedList','BulletedList' ));
    //---- Hoặc tùy biến kích thước
    //  $this->ckeditor->config['width'] = '730px';
    //        $this->ckeditor->config['height'] = '300px';
    
            /* Y la configuración del kcfinder, la debemos poner así si estamos trabajando en local */
            $config_mini['filebrowserBrowseUrl'] = base_url()."ckeditor/kcfinder/browse.php";
            $config_mini['filebrowserImageBrowseUrl'] = base_url()."ckeditor/kcfinder/browse.php?type=images";
            $config_mini['filebrowserUploadUrl'] = base_url()."ckeditor/kcfinder/upload.php?type=files";
            $config_mini['filebrowserImageUploadUrl'] = base_url()."ckeditor/kcfinder/upload.php?type=images";
            echo $this->ckeditor->editor("ejemplo", "Valor Inicial", $config_mini);
            ?>
        </div>
        <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
    </div>
    </body>
    </html>

    Chúc các bạn thành công![​IMG]



    Nguồn: QHonline
     

    Bình Luận Bằng Facebook

  2. saigontown

    saigontown New Member

    Tham gia:
    22/1/16
    Bài viết:
    3
    "Thích" đã nhận:
    0
    Điểm nhận Cup:
    1
    Giới tính:
    Nam
    Bã hèm bia – Loại nguyên liệu ít được biết đến trong ngành thức ăn chăn nuôi trong những năm trước đây, thường được sử dụng để chăn nuôi bò sữa dưới dạng bã hèm tươi. Nhưng sau một thời gian sử dụng, bã hèm bia đã cho thấy giá trị vô cùng lớn của nó và hiện nay đã được sử dụng rộng rãi hơn để làm thức ăn cho các đối tượng gia súc như heo, gà, bò…

    Bã hèm bia, là một sự lựa chọn hợp lý trong thời điểm ngành chăn nuôi nước ta đang trong giai đoạn khó khăn trước sự biến động rất lớn của các loại nguyên liệu đầu vào. Vì tận dụng được nguồn nguyên liệu có sẵn nên giá thành không cao và một phần là có thể đáp ứng được nhu cầu dinh dưỡng của đa phần vật nuôi nên Bã hèm bia đã dần thay thế được các loại nguyên liệu truyền thống hay sử dụng trước đây, giúp hạ giá thành thức ăn cho vật nuôi và tăng lợi nhuận cho người chăn nuôi.

    Hiện nay, Bã hèm bia thường được sử dụng nhiều ở dạng tươi. Đối với dạng này, giá trị dinh dưỡng thường cao và sử dụng có hiệu quả hơn dạng Bã hèm bia khô, nhưng với nhược điểm khó bảo quản trong thời gian dài và vận chuyển đi xa nên để bảo quản và tận dụng được nguồn nguyên liệu giá trị này thì Bã hèm bia phải được sấy khô bằng máy hoặc phơi thủ công.

    DNTN Thức ăn chăn nuôi Vạn Phúc là đơn vị chuyên cung cấp và phân phối sản phẩm Bã hèm bia khô trên phạm vi toàn quốc. Hiện sản phẩm đã được các Công ty TĂCN và các hộ chăn nuôi trang trại sử dụng rộng rãi và có hiệu quả như tại Hà Nội, Bắc Ninh, Nghệ An, Hải Dương, Hưng Yên, Hải Phòng, Đồng Nai, Cần Thơ, Tiền Giang và các tỉnh Miền Tây. Khách hàng có nhu cầu hoặc cần tham khảo thêm thông tin vui lòng liên hệ:

    Chi nhánh Miền Bắc: Tại Trâu Qùy, Gia Lâm, Hà Nội
    Liên hệ: Mr Thuận – 0975 005 303
    Chi nhánh Miền Nam: Tại Bình Tân, HCM
    Liên hệ: Mr Thuận – 0975 005 303
    Zalo & Viber: 0975005303

    Vận chuyển và thời gian giao hàng:
    - Đối với khách hàng tại Miền Bắc: Vận chuyển bằng Tàu biển (cước phí thấp, số lượng tối thiểu 20 tấn), giao hàng sau 5 – 7 ngày kể từ ngày xuất hàng. Hoặc, có thể vận chuyển bằng đường sắt (cước phí cao, số lượng không giới hạn), giao hàng sau 5 – 7 ngày kể từ ngày xuất hàng.
    - Đối với khách hàng tại Miền Nam và các tỉnh lân cận: Giao hàng tận nơi hoặc khách hàng có thể lấy hàng tại kho hoặc có thể gởi chành xe theo yêu cầu, số lượng không giới hạn.

    MỘT SỐ CHỈ TIÊU SẢN PHẨM NHƯ SAU:
    Protein/Đạm: 50%
    Xơ: 13%
    Ẩm: 12%
    Béo: 4%
    Đạm tiêu hóa: 87 – 89%
    Năng lượng hấp thụ: 3.100 Kcal/kg
    PHÂN PHỐI TOÀN QUỐC, GIAO HÀNG TẬN NƠI

    Tags: bã hèm bia 50 đạm, bột men bia 50 đạm, hèm bia khô, hèm bia khô, bã hèm bia, bột lông vũ 80 đạm
     
  3. lanhoang174404

    lanhoang174404 New Member

    Tham gia:
    27/12/16
    Bài viết:
    9
    "Thích" đã nhận:
    0
    Điểm nhận Cup:
    1
    Giới tính:
    Nam
    Bài viết của bạn rất hay , chia sẽ thêm nữa nhé , những thông tin thế này rất hữu ích
     

Share This Page