8

CodeIgniter に CKEditor をロードしたいのですが、よく検索していますが、その方法がわかりません。

ckeditor をapplication/pluginsフォルダーに配置し、エディターを作成したいので、Controller Method で次のようにします。

include APPPATH.'plugins/ckeditor/ckeditor.php';
$CKEditor = new CKEditor();
$CKEditor->basePath = '/'.APPPATH.'plugins/ckeditor/';
$initialValue = '<p>This is some <strong>sample text</strong>.</p>';
echo $CKEditor->editor("editor1", $initialValue);

ただし、単純な teaxaria のみを作成します。

This is some sample text.

価値。問題はどこにあり、どのように解決すればよいですか?

4

7 に答える 7

31

この手順を使用して、ckeditor を codeigniter アプリに追加します。

1) 以下のファイルをダウンロードします。

2) ダウンロードしたファイルをApplication/librariesフォルダーにコピーします。

3) ここから ckeditor ヘルパーをダウンロードします: http://pastebin.com/Cd3GqYbx

4) application/helperフォルダーの最後のファイルをckeditor_helper.phpとしてコピーします。

5) ここから CKeditor コントローラーをダウンロードします: http://pastebin.com/UD0bB9ig

6) application/controllersフォルダーにコントローラーをckeditor.phpとしてコピーします。

7) 公式サイトからメインの ckeditor プロジェクトをダウンロードします: http://ckeditor.com/download/

8) ダウンロードした ckeditor フォルダーをアセット フォルダーにコピーします (必要に応じて、ckfinder プロジェクトをダウンロードして同じフォルダーに配置することもできます)。

9) これらの js 行をビュー ファイルに追加します (パスを調整します)。

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

10) コントローラーにこの php コードを追加し、パスを調整します。

$this->load->library('ckeditor');
$this->load->library('ckfinder');



$this->ckeditor->basePath = base_url().'asset/ckeditor/';
$this->ckeditor->config['toolbar'] = array(
                array( 'Source', '-', 'Bold', 'Italic', 'Underline', '-','Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo','-','NumberedList','BulletedList' )
                                                    );
$this->ckeditor->config['language'] = 'it';
$this->ckeditor->config['width'] = '730px';
$this->ckeditor->config['height'] = '300px';            

//Add Ckfinder to Ckeditor
$this->ckfinder->SetupCKEditor($this->ckeditor,'../../asset/ckfinder/');

11) あなたのビューで、エディターを次のように印刷します。

echo $this->ckeditor->editor("textarea name","default textarea value");
于 2012-08-05T08:38:38.417 に答える
4

そうでなければ、これを行うことができます：

  1. CKEditor ファイルをソースのルートにあるフォルダー (例 ckeditor) にコピーします。

  2. ビュー ファイルに CKEditor ファイルを含めます。

     <script src="<?php echo base_url(); ?>ckeditor/ckeditor.js"></script>
        <link rel="stylesheet" href="<?php base_url(); ?>style/format.css">

  3. 最後に、HTMLドキュメントのテキストエリア

     <textarea cols="80" id="edi" name="editor1" rows="10">
                <?php echo $page_content->message1; ?>
                            </textarea>
                            <script>

                                CKEDITOR.replace('edi');

                     </script>    </body>

これは私にとってとてもうまくいきます。楽しみ！

于 2013-03-07T15:50:23.193 に答える
0

ええと、この質問が古いことは知っていますが、これは私がやったことであり、私にとって最も簡単なようです。

  1. 私のルートには「js」というディレクトリがあり、その中に「plugins」というディレクトリがあります。そこにckeditorファイルをコピーしました。
  2. 次に、application/views/common/headersディレクトリに「 」というタイトルのヘッダー ファイルがありますckeditor.php。このファイル内には、次のコードがあります。
<script type="text/javascript" src="php echo base_url();?>
js/plugin/ckeditor/ckeditor.js"></script>
  1. 次に、コントローラーで、ヘッダー ファイルを $data オブジェクトに追加して、ビューに渡します。 $data['header_files'] = array('header1','header2','header3', 'ckeditor'); // header file names were changed for the sake of my client
  2. 次に、もちろんビューに $data オブジェクトを渡します。 $this->load->view('common/admin-template',$data);
  3. 次に、CKEDITOR.replace('textareaNameHere'); を呼び出しました。

そして出来上がり。できます

于 2014-07-05T17:27:46.343 に答える
0

Ckeditor を使用する最も簡単な方法は、CDN を使用することだと思います。これをビュー ファイルで使用し、

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</title>
<script src="https://cdn.ckeditor.com/ckeditor5/18.0.0/classic/ckeditor.js"></script>
</head>
<body>
<textarea name="editor" id="editor" rows="10" cols="80" placeholder="Insert text here" class="form-control"></textarea>
<script>
ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
console.log( editor );
} )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>

ckeditor の詳細とスタイリング、およびさまざまなスタイルの ckeditor の使用については、https: //cdn.ckeditor.com/#ckeditor5 にアクセスしてください。

Ckeditor のドキュメント エディターをお探しの場合は、以下のリンクをたどって ください https://ckeditor.com/docs/ckeditor5/latest/builds/guides/quick-start.html#document-editor

この例を使用すると、ドキュメント エディターをビュー ファイルに挿入できます。

于 2020-04-27T05:31:09.093 に答える