如何在CKEDITOR中啓用並顯示輸入的數據？

在我的網頁之一，我有一個CKEDITOR和兩個圖像包含的「onClick」 events.When頁面加載編輯器禁用。首先：我想通過按下一個具有title第一圖像，使編輯器「允許編輯」但這不起作用。如何在CKEDITOR中啓用並顯示輸入的數據？

我的第二個問題是，我不能夠表現出進入編輯器中的數據的提示信息時，我刪除了禁用的屬性。我使用的代碼在下面給出。請告知。謝謝。

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

來源

2016-10-30 Cyber Space

請一次提出一個問題，並閱讀如何提出問題的指導原則：http://stackoverflow.com/help/how-to-ask –

刪除禁用

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

獲取textarea的數據CKEDITOR

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

來源

2016-10-30 06:29:03 Venkatesh

感謝您的答覆..如何獲得在CKEditor的textarea的數據是工作，但不幸的是，上述禁止代碼是不能工作 –

它說：無法讀取的未定義的屬性「的removeAttribute」（...） –

的document.getElementById（「txtAreaFullStoryP1」）的removeAttribute（「禁用」）。 – Venkatesh

從CKEditor的獲取數據，通過@Venkatesh建議的答覆工作了me.However的啓用/禁用編輯器，由@迪亞斯在同一論壇提供的解決方案爲我工作。 How to disable CKeditor with jQuery

來源

2016-10-30 13:01:09

如何在CKEDITOR中啓用並顯示輸入的數據？

回答

相關問題