Domanda

Avevo integrato ckeditor nella mia applicazione web asp.net e vb.net.In precedenza questa applicazione Web utilizzava bootstrap-wysihtml5.Ma ora i client richiedono di utilizzare ckeditor.

Per integrare ckeditor ho fatto quanto segue:

Sto usando ckeditor_4.4.1 .Ho copiato la cartella ckeditor nella directory root.e lo ho collegato nella pagina master come il seguente.

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

Non ho cambiato l'intestazione della pagina di contenuto.è come il seguente

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

e infine il codice dell'area di testo nella pagina del contenuto

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

La barra degli strumenti ckeditor viene visualizzata nell'area di testo.Ma il sito web non è in grado di riconoscere il valore scritto nel campo ckeditor né di salvarlo nel database.Anche quando invio il modulo dopo aver scritto nell'area di testo, non mi consente di inviare il modulo, poiché il campo della descrizione deve contenere del testo.Ma in realtà ho scritto nell'area di testo o ho copiato e incollato dal file Word.Ma ancora non ottiene alcun valore.

Per favore aiutami con il codice

È stato utile?

Soluzione

Ho trovato la risposta.E penso di doverlo condividere;nel caso in cui qualcun altro debba affrontare lo stesso problema.

Ecco i passaggi che ho seguito.

  1. Scaricato il ckeditor dal collegamentohttp://ckeditor.com/download

  2. Copiato l'intera cartella nella cartella del progetto.

  3. Nella pagina master aggiunte le seguenti righe per aggiungere il riferimento a 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. Modificata la classe per la textarea specifica

    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>
    
  5. Aggiunta la seguente funzione JavaScript nella parte inferiore della pagina dei contenuti

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

questo è tutto.

qui btn.save è il pulsante che invia i dati

Grazie

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top