如何在 CKEDITOR 中启用和显示输入的数据？

Question

在我的一个网页中，我有一个 CKEDITOR 和两个图像，其中包含 'onclick' events.When 页面加载编辑器 已禁用 。首先：我想要通过按标题为 "Allow edit" 的第一张图片启用编辑器。但是这不起作用。

我的第二个问题是，当我删除禁用属性时，我无法显示输入编辑器的数据的警告消息。我使用的代码是 below.Please advise.Thank 你给的。

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

Answer 1

删除禁用

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

在 CKEDITOR 中获取文本区域数据

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

Answer 2

要从 CKEditor 获取数据，@Venkatesh 建议的答案适用于 me.However 编辑器的 enable/disable，@Dias 在同一论坛中提供的解决方案对我有用。 How to disable CKeditor with jQuery

如何在 CKEDITOR 中启用和显示输入的数据？

How to enable and show entered data in CKEDITOR?

php

jquery

ckeditor