Текстовый редактор (ckeditor) не работает в моей DIV коробке - PullRequest
0 голосов
/ 02 октября 2010

Привет, у меня есть блок div, который открывается на моей странице, а затем загружает html-файл, который содержит CKeditor для работы с текстовой областью.Проблема в том, что, если я просматриваю HTML-файл в своем браузере, все работает хорошо, и у меня есть все варианты редактирования.Когда я использую его в своем скрипте JS, я ничего не получаю.Кто-нибудь может мне помочь ?

Код JS, который делает это, здесь

        $(document).ready(function(){ 

              $('#'+divbox).load('../customer_rm/display_email_send.php', function() {
                      // once loaded 
                    CKEDITOR.replace( 'mail_body' );

, а рабочий HTML-файл здесь

    <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
    <html xmlns='http://www.w3.org/1999/xhtml'>

    <head>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    </head>
    <body>


    <style type='text/css'>
    table.t {border: 1px solid black}
    td, tr {border: 0}

    .bdr {
        border: 4px solid black ;
    }
    .white {
        background-color:#FFF ;
    }

    </style>

    <div align='center'>

    <br><br />

    <table id='t' width='700' border='2' bgcolor='#ccc'>
      <tr >
        <td width='20'>&nbsp;</td>
        <td width='50'>&nbsp;</td>
        <td width='50'>&nbsp;</td>
        <td >&nbsp;</td>
        <td width='20' >&nbsp;</td>    

      </tr>

      <tr>
        <td>&nbsp;</td>
        <td rowspan='3'>
        <input type='button'id='send' value='Send'
        style='width:60px; height:40px '
         /><hr>
        <input type='button' value='Close'
        style='width:60px; height:20px '                        onclick='fadeout()' 
         />
        </td>
        <td><input type='button' value='To :' /></td>
        <td><input type='text' class='white' id='mailto' size='80'  /></td>
        <td>&nbsp;</td>
      </tr> 

      <tr>
        <td>&nbsp;</td>

        <td><input type='button' value='Cc :' /></td>
        <td><input type='text' class='white' id='mailcc' name='mailcc' size='80' /></td>
        <td>&nbsp;</td>
      </tr>  
      <tr>
        <td>&nbsp;</td>

        <td><input type='button' value='Bcc :' id='bcc'  /></td>
        <td><input type='text' class='white' id='mailbcc' size='80' /></td>
        <td>&nbsp;</td>
      </tr>  
      <tr>
        <td>&nbsp;</td>
        <td><input type='button' value='Subject'
        style='width:60px; height:20px '                        onclick='fadeout()' 
         /></td>
        <td colspan='2'><input type='text' class='white' id='subject' size='89' /></td>


        <td>&nbsp;</td>
      </tr>  
      <tr>
        <td>&nbsp;</td>
        <td colspan='3'>
          <textarea  id='mail_body'  class='white'  style='height:380px; width:600px; bgcolor:#fff ' >
          </textarea>
        </td>
        <td>&nbsp;</td>
      </tr>  
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>  
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>  

     </table>


    </div>

1 Ответ

1 голос
/ 02 октября 2010

Почему бы не использовать Jquery для вызова CKEditor для замены вашего div ... кажется гораздо более простым:

$( 'textarea' ).ckeditor();

Ссылка здесь: http://ckeditor.com/blog/CKEditor_for_jQuery

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...