jQueryとPHPを使ってTextareaにHTMLテンプレートを追加する

Question

誰かがボタンをクリックするとテンプレートをテキストエリアに即座に作成し、その中のすべてのデータを消去できるテンプレートを作成しようとしています。

PHP：

function get_jquery_templates() { 
    require('MYSQLI CONNECTION'); 

    $query = "SELECT * FROM **TEMPLATE DATABASE**"; 

    $result = $mysqli->query($query); 
    echo "$(document).ready(function(){"; 
    while($row = $result->fetch_array()) { 
     $category_name = $row['category_name']; 
     $short_name = $row['short_name']; 

     echo "$('#" . $short_name . "').click(function(){ 
       $('#ckeditor').html('" . $row['template'] . "'); 
      });\n"; 
    } 
    echo "});"; 
} 

jQueryの "ソースの表示" から：

<script type="text/javascript" src="../../../../../../assets/js/jquery-1.10.2.min.js"></script>        <!-- Load jQuery --> 
<script> 
     $(document).ready(function(){ 
      $('#test1').click(function(){ 
       $('#ckeditor').html('Test 1'); 
      }); 
$('#test2').click(function(){ 
       $('#ckeditor').html('Test 2'); 
      }); 
});</script> 

はHTML：

<label class="col-sm-2 control-label">Templates</label> 
<div class=\col-sm-8"><input type="button" class="btn btn-default btn-xs" id="test1" value="Test 1" /> 
<input type="button" class="btn btn-default btn-xs" id="test2" value="Test 2" /> 
</div> 
</div> 
<div class="col-12"><textarea name="ckeditor" id="" cols="100" rows="20" class="ckeditor"></textarea> 

Firebugを経由して私のコンソールは、問題を示していないとjFiddleをされて使用してまた働いていない。

Answer 1

あなたはCKEditorバージョン、 を使用している場合、私はCKEditorバージョンにHTML文字列を渡すための正しい方法はのsetDataメソッドを使用していると思いますが、一例

CKEDITOR.instances.myinstance.setData('html here');