如何在CKEDITOR中启用和显示输入的数据 - How to enable and show entered data in CKEDITOR?

How to enable and show entered data in CKEDITOR?

在我的一个网页，我有一个CKEDITOR和两个图像包含'onclick'事件。当页面加载时，编辑器被禁用。首先:我想通过按标题"允许编辑"的第一个图像来启用编辑器。但是这行不通。

我的第二个问题是，当我删除禁用属性时，我无法显示输入编辑器的数据的警报消息。我使用的代码如下所示。请建议。谢谢你。

<html>
<head>
<title>Test</title>
    <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
    <script src="../ckeditor/ckeditor.js"></script>
    <script src="../ckfinder/ckfinder.js"></script>
</head>
<body>
.......
.......
       <img src="../images/allow_edit.gif" alt="" onclick="enableEdit();" class="smallThreeButtons"  data-toggle="tooltip" data-placement="left" title="Allow edit"/>&nbsp;
       <img src="../images/modify_this.gif" alt="" onclick="saveEditData('txtAreaFullStoryP1');" class="smallThreeButtons"  data-toggle="tooltip" data-placement="bottom" title="Save modification"/>&nbsp;
       <textarea class="form-control" id="txtAreaFullStoryP1" disabled name="txtAreaFullStoryP1"></textarea>
       <script type="text/javascript">
            var editor = CKEDITOR.replace( 'txtAreaFullStoryP1', {
            filebrowserBrowseUrl : '../ckfinder/ckfinder.html',
            filebrowserImageBrowseUrl : '../ckfinder/ckfinder.html?type=Images',
            filebrowserFlashBrowseUrl : '../ckfinder/ckfinder.html?type=Flash',
            filebrowserUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
            filebrowserImageUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
            filebrowserFlashUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
            });
            CKFinder.setupCKEditor( editor, '../' );
       </script>
       <script type="text/javascript">
           function enableEdit(cs){
            document.getElementById('txtAreaFullStoryP1').disabled='';//false <--not working
           }
           function saveEditData(ctrlNm){
                var ctrl_val = document.getElementById(ctrlNm).value;
                alert(ctrl_val);//<--not working, showing blank message
            }
       </script>
</body>
</html>

删除禁用

document.getElementById('txtAreaFullStoryP1').removeAttribute('disabled');

在CKEDITOR中获取textarea数据

var ctrl_val= CKEDITOR.instances['txtAreaFullStoryP1'].getData()
alert( ctrl_val);

要从CKEditor获取数据，@Venkatesh建议的答案对我有用。但是，对于启用/禁用编辑器，在同一论坛中提供的解决方案by@Dias对我有效。如何使用jQuery禁用CKeditor