javascript - 如何使用 JavaScript 将数据插入 Yii 框架 2.0 CKEditor 扩展？

Question

我已经使用以下命令安装了 CKEditor Yii 框架 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 文本区域并将数据插入其中？

Answer 1

在您的 View 文件中尝试以下代码段:

<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>