CKEditorの値は、ASP.NETおよびVB.NETによって認識されません

StackOverflow https://stackoverflow.com//questions/24063243

質問

私は私のASP.NETおよびVB.NET WebアプリケーションにCKEDITORを統合しました。以前は、このWebアプリケーションはbootstrap-wysihtml5を使用していました。しかし今、クライアントはCKEditorを使用する必要があります。

CKEditorを統合するために、次のことを行いました：

CKEDITOR_4.4.1を使用しています。 CKEditorフォルダをルートディレクトリにコピーしました。そして次のようなマスターページにそれをリンクしました。

   <%@ Master Language="VB" CodeFile="E4.master.vb" Inherits="_resx_E4" %>
   <!doctype html>
   <html lang="en">
   <head runat="server">
       <title></title>
       <meta name="robots" content="noindex, nofollow">
       <meta name="googlebot" content="noindex, nofollow">
       <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>
       <script src="/ckeditor/ckeditor.js" type="text/javascript"></script>
   </head>
.

コンテンツページのヘッダを変更していません。次の

のようなものです 
<%@ Page Page Title="" Language="VB" MasterPageFile="~/_resx/E4.master" AutoEventWireup="false" CodeFile="new.aspx.vb" Inherits="E4_Jobs_new" ValidateRequest="false" %>
<%@ Page    <%@ Register Src="~/_controls/ucApplicationQuestions.ascx" TagPrefix="Application"
TagName="Questions" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
.

と最後に、コンテンツページのテキスト領域コード

<div><label>Description (required)</label>
  <div>
    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"  ></textarea>
  </div>
</div>
.

CKEditorツールバーはTextAreaに表示されています。しかし、WebサイトはCKEditorフィールドに書かれている値を認識できないことも、データベースにそれらの値を保存しません。テキスト領域に書いた後にフォームを送信しても、説明フィールドにはテキストがある必要があるため、フォームを送信できません。しかし、私は実際にTextareaに書かれたか、Wordファイルから貼り付けをコピーしました。しかしそれでもそれはちょうどどんな価値も得ません。

コードで私を助けてください

役に立ちましたか？

解決

私は答えを見つけました。そして私はそれを共有しなければならないと思います。他の誰かが同じ問題に直面している場合。

これは私が続くステップです。

  1. リンクからCKEditorをダウンロードしました http://ckeditor.com/download

  2. フォルダ全体をプロジェクトフォルダの下にコピーしました。

  3. マスターページの参照を追加してCKEditor

    の参照を追加しました 
    <script src="/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="/ckeditor/adapters/jquery.js" type="text/javascript"></script>
<script src="/ckeditor/ckeditor_custom.js" type="text/javascript"></script>

  4. 特定のtextarea

    のクラスを変更しました 
    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>

  5. コンテンツページの下部にあるJavaScript関数を追加しました。

    $('#' + '<%= btnSave.ClientID%>').mousedown(function () {
 for (var i in CKEDITOR.instances) {
     CKEDITOR.instances[i].updateElement();
 }
});

    6. それはそれを;

    ここBtn.saveはデータを送信するボタンです。

    ありがとう

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top