Question

我在获取textarea（ckeditor）值时遇到问题。这是脚本行：

<script src="https://cdn.ckeditor.com/ckeditor5/11.1.1/classic/ckeditor.js"></script>

这是我的文本代码：

 @Html.TextAreaFor(model => model.FullNews, new { @class = "form-control", @id = "Parag" })

这是我的脚本部分代码：

 ClassicEditor
        .create(document.querySelector('#Parag'))
        .catch(error => {
            console.error(error);
        });



    function loadData() {
        debugger;
        var head = $("#Header").val();
        var para = CKEDITOR.instances.Parag.getData();
        document.getElementById("Para").innerHTML = para;
        document.getElementById("Head").innerHTML = head;
        readURL(document.getElementById("newsImage"));
        $("#previwe_before_publish").modal("show");
    }

当我在浏览器中对其进行调试时，在以下行中出现错误“ 未捕获的ReferenceError：未定义CKEDITOR ”

var para = CKEDITOR.instances.Parag.getData();

我在互联网上进行了搜索，但找不到解决方案。有人可以帮我吗？

Answer 1

CKEDITOR.instances 根本没有在CKEditor 5中定义。根据CKEditor 5 FAQ的这一部分：

全局窗口发生了什么。CKEDITOR？如何列出编辑器的所有实例？

默认情况下，CKEditor 5没有编辑器实例的全局注册表。但如有必要，可以按照Stack Overflow answer.
中的说明轻松实现此功能

但是，它是CKEditor 4.中定义的，请参阅CKEditor 5文档中引用的StackOverflow答案，或转到CKEditor 4以使代码起作用。

我从ckeditor textarea获取数据时遇到问题

1 个答案: