La valeur CKEDITOR n'est pas reconnue par ASP.NET et VB.NET

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

Question

J'ai intégré CKEditor dans mon application Web ASP.NET et VB.NET. Auparavant, cette application Web utilisait Bootstrap-WysiHTML5. Mais maintenant, les clients ont besoin d'utiliser CKeditor.

Pour intégrer CKedititor, j'ai fait ce qui suit:

J'utilise ckedititor_4.4.1. J'ai copié le dossier CKEditor dans le répertoire racine. et le lié dans la page principale comme les suivantes. 

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

Je n'ai pas changé l'en-tête de la page de contenu. C'est comme si suit 

<%@ 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">

et enfin l'indicatif de zone texte dans la page de contenu 

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

La barre d'outils CKEditor s'affiche sur Textarea. Mais le site Web ne peut pas reconnaître la valeur écrite dans le champ CKEditor ni ne sauvegarder ces valeurs dans la base de données. Même lorsque je soumets le formulaire après écrit sur la zone de texte, il ne me permet pas de soumettre le formulaire, car le champ Description doit avoir du texte. Mais j'ai effectivement écrit dans la Textarea ou Copy Coller du fichier Word. Mais il ne s'agit toujours d'aucune valeur.

Aidez-moi avec le code

Était-ce utile?

La solution

J'ai trouvé la réponse.Et je pense que je dois le partager;au cas où quelqu'un d'autre est confronté au même problème.

Voici les étapes que j'ai suivies.

  1. téléchargé le ckeditor du lien http://ckeditor.com/download

  2. copié tout le dossier dans le dossier de projet.

  3. dans la page principale a ajouté les lignes suivantes pour ajouter une référence de 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. a changé la classe pour la Texarea spécifique 

    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>

  5. ajouté suite à la fonction JavaScript au bas de la page de contenu 

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

    6. c'est ça.

    Ici, le BTN.Save est le bouton qui soumet les données

    merci

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top