O valor do ckeditor não é reconhecido por asp.net e vb.net
-
02-01-2020 - |
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
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.
Baixei o ckeditor do linkhttp://ckeditor.com/download
Copiou toda a pasta na pasta do projeto.
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>
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>
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