jquery - 类型错误 : this. getWindow(...).$ 未定义

Question

我明白

TypeError: this.getWindow(...).$ is undefined

当我使用CKEDITOR.instances['pageContent'].getData();使用ajax将记录保存到数据库时。我正在使用模态。

请告诉我如何解决这个错误。

<div class="modal-body">
    <div class="form-group">
        <label>Page Content</label>
        <textarea id="pageContent" name="pageContent" ng-model="editCmsPageDetail.pageContent" class="form-control ckeditor">
        </textarea>
    </div>
</div>

这是我的文本区域，其 ID 为 pageContent。脚本如下:

<script>
      //CKEDITOR.replace('pageContent');
      $('#pageContent').ckeditor();
</script>

点击确定按钮时的功能

$scope.ok = function () {       
    $scope.editCmsPageDetail['pageContent'] = CKEDITOR.instances['pageContent'].getData();
    //alert(pageContent);

    var getCmsPageUpdateUrl = $('#updateCmsPageUrl').val();

    var httpRequest = $http({
        method: 'POST',
        url: getCmsPageUpdateUrl,
        data : $scope.editCmsPageDetail
    }).success(function(data, status) {

        if(data.response.error) {

        } else if(data.response.cmsPageDetail) {

        }
    });

    $modalInstance.dismiss($scope.editCmsPageDetail);
};

Answer 1

您可能缺少 CKEditor 的 jQuery 适配器，请参阅:http://docs.ckeditor.com/#!/guide/dev_jquery

或者，您可以通过在 textarea 上设置 ckeditor 类来启动它，就像您现在所做的那样，请参阅:http://ckeditor.com/ckeditor_4.3_beta/samples/replacebyclass.html

然后您可以访问 ckeditor 实例并获取其值，例如:

$(document).on('click', '#AddBrandButton', function () {
    alert(CKEDITOR.instances['pageContent'].getData());
});

演示:http://jsfiddle.net/IrvinDominin/9p8pkcpc/