Javascript機能が起動していませんか？

Question

私のMVC 3アプリでは、リッチテキストの編集にCKeditorを使用しています。今はHTMLタグでテキストをDBに保存する必要があります。

問題は「保存」ボタンをクリックしても何も起こりません。

アラートは未定義です。

ビュー：

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    <fieldset> 
     @Html.DropDownListFor(model=>model.Id, Model.Texts) 
     <div class="editor-field"> 
      @Html.TextAreaFor((model => model.Text), new { @Id = "editor1" }) 
      @Html.ValidationMessageFor(model => model.Text) 
     </div> 
     <script type="text/javascript"> 
      CKEDITOR.replace('editor1'); 
      </script> 

     <script type="text/javascript"> 
      var editor_data1 = $('editor1').val(); 
      var editor_data = editor_data1.getHtml(); 
      var url = '@Url.Action("EditText", "Admin")'; 
      var data = { commentText: editor_data }; 

      function Save() { 
       alert(editor_data); 
       $.post(url, data, function(result) { 

}); 

      }; 
      $('#Id').change(function() { 
       var selectedText = $(this).val(); 
       if (selectedText != null && selectedText != '') { 
        $.getJSON('@Url.Action("Text","Admin")', { Id: selectedText }, function (text) { 

//      var textSelect = $('#Text'); 
//      textSelect.empty(); 
//      $("#Text")[0].value = text; 
         CKEDITOR.instances['editor1'].setData(text); 
         //    $.each(text, function (index, employee) { 
         //     textSelect.append($('<option/>', { 
         //      value: employee.Value, 
         //      text: employee.Text 
         ////     })); 
         //    }); 
        }); 

       } 
      }); 
</script> 
    </fieldset> 
    <p> 
      <input type="button" value="Save" onclick="Save()"/> 
     </p> 
} 

Answer 1

は交換してみてください：

var editor_data1 = $('editor1').val(); 

と：

jQueryので

var editor_data1 = $('#editor1').val(); 

あなたがid selectorを実行したい場合は、#を前に付けなければなりません。

また、使用している.val()メソッドは文字列を返します。私はCKEditorを認識していませんが、文字列タイプにgetHtmlがあることは非常に疑いがあります。

おそらく意味：

var editor_data = CKEDITOR.instances['editor1'].getData(); 

また、あなたがid="Id"でいくつかのDOM要素の変更イベントをサブスクライブしているように見える：

$('#Id').change(...); 

私はあなたのDOMのいずれかのような要素を見ることができません。

$('#editor1').change(...); 

または他の要素がありますか？多分ドロップダウンですか？

jQuery構文に問題があるようです。いくつかのチュートリアルをお勧めします。

Answer 2

Save()の上の行は、ドキュメントの解析中に実行されます。その時点で、あなたのCKEditorはまだ存在しないかもしれません。この問題を修正するには、このように、Save()の内側その後、移動：

 function Save() { 
     var editor_data1 = $('editor1').val(); 
     var editor_data = editor_data1.getHtml(); 
     var url = '@Url.Action("EditText", "Admin")'; 
     var data = { commentText: editor_data }; 
     alert(editor_data); 
     $.post(url, data, function(result) { });