Pergunta

Eu integrei o ckeditor em meu aplicativo da web asp.net e vb.net.Anteriormente, esta aplicação web usava bootstrap-wysihtml5.Mas agora os clientes precisam usar o ckeditor.

Para integrar o ckeditor, fiz o seguinte:

Estou usando ckeditor_4.4.1 .Copiei a pasta ckeditor no diretório raiz.e vinculei-o na página mestra como a seguir.

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

Não alterei o cabeçalho da página de conteúdo.é como o seguinte

<%@ 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 finalmente o código de área de texto na página de conteúdo

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

A barra de ferramentas do ckeditor está aparecendo na área de texto.Mas o site não consegue reconhecer o valor que está escrito no campo ckeditor nem salva esses valores no banco de dados.Mesmo quando submeto o formulário depois de escrever na área de texto não me é permitido enviar o formulário, pois o campo de descrição deve conter algum texto.Mas na verdade eu escrevi na área de texto ou copiei e colei do arquivo do Word.Mas ainda assim simplesmente não obtém nenhum valor.

Por favor me ajude com o código

Foi útil?

Solução

Eu encontrei a resposta.E acho que tenho que compartilhar isso;caso outra pessoa enfrente o mesmo problema.

Aqui estão os passos que segui.

  1. Baixei o ckeditor do linkhttp://ckeditor.com/download

  2. Copiou toda a pasta na pasta do projeto.

  3. Na página master adicionadas as seguintes linhas para adicionar referência do 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. Mudou a classe para a área de texto específica

    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>
    
  5. Adicionada a seguinte função javascript na parte inferior da página de conteúdo

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

é isso.

aqui o btn.save é o botão que envia os dados

Obrigado

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top