如何使用JavaScript將數據插入Yii framework 2.0 CKEditor擴展？

Question

我已使用以下命令安裝了CKEditor Yii framework 2.0擴展。

php composer.phar require "2amigos/yii2-ckeditor-widget" "*"

我使用以下代碼在我的表單中使用它。

use dosamigos\ckeditor\CKEditor;

$form->field($myModel, 'text')->widget(CKEditor::className(), [
    'options' => ['rows' => 6],
    'preset' => 'basic'
]);

此外，我的表格中有一個下拉列表。 我們假設如下。

<select id="select-number" class="form-control" name="MyModel[select-number]">
    <option value="">-- Select a number --</option>
    <option value="1">Number 1</option>
</select>

當選擇一個選項時，我想將一些默認數據插入到CKEditor textarea中。 如何選擇CKEditor textarea並將數據插入其中？

Answer 1

在您的視圖文件中嘗試以下代碼段：

<script>
$('#select-number').on('change', function(){
    var textareaID = "<?= '#' . Html::getInputId($model, 'your-attribute') ?>";
    var data = $(this).find(':selected').text(); //or any other source of data
    //here we place data into editor instance
    CKEDITOR.instances[textareaID].setData(data);
})
</script>