Pregunta

Me había integrado ckeditor en mi aplicación web ASP.NET y VB.NET. Anteriormente, esta aplicación web estaba usando Bootstrap-WYSIHTML5. Pero ahora los clientes requieren usar CKEDITOR.

Para integrar ckeditor He hecho lo siguiente:

Estoy usando ckeditor_4.4.1. He copiado la carpeta Ckeditor en el directorio raíz. y lo vinculó en la página principal como lo siguiente.

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

No he cambiado el encabezado de la página de contenido. Es como el siguiente

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

y finalmente el código de área de texto en la página de contenido

<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 de herramientas CKEDITOR está mostrando en la línea de texto. Pero el sitio web no puede reconocer el valor que está escrito en el campo CKEDITOR, ni le guarda ese valor en la base de datos. Incluso cuando envíe el formulario después de escribir en el área de texto, no me permite enviar el formulario, ya que el campo Descripción tiene que tener algún texto. Pero en realidad he escrito en la textarea o copiar la pasta de la palabra Archivo. Pero aún así simplemente no tiene ningún valor.

por favor ayúdame con el código

¿Fue útil?

Solución

Encontré la respuesta.Y creo que tengo que compartirlo;En caso de que alguien más se enfrente al mismo problema.

Aquí están los pasos que seguí.

  1. descargó el ckeditor desde el enlace http://ckeditor.com/download

  2. copió toda la carpeta en la carpeta del proyecto.

  3. en la página principal agregó las siguientes líneas para agregar referencia 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. cambió la clase para el texto específico

    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>
    
  5. agregado después de la función JavaScript en la parte inferior de la página de contenido

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

    Aquí, el BTN.Save es el botón que envía los datos

    gracias

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top