Значение ckeditor не распознается asp.net и vb.net

Я встроил ckeditor в свое веб-приложение asp.net и vb.net. Ранее это веб-приложение использовало bootstrap-wysihtml5. Но теперь клиенты требуют использовать ckeditor.

Чтобы интегрировать ckeditor, я сделал следующее:

Я использую ckeditor_4.4.1 . Я скопировал папку ckeditor в корневой каталог. и связал его на главной странице, как показано ниже.

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

Я не изменил заголовок страницы контента. это похоже на следующее

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

и, наконец, код области текста на странице содержимого

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

Панель инструментов ckeditor отображается на текстовой области. Но веб-сайт не может распознать значение, записанное в поле ckeditor, и не сохраняет его в базе данных. Даже когда я отправляю форму после записи в текстовой области, она не позволяет мне отправить форму, так как в поле описания должен быть какой-то текст. Но я на самом деле написал в текстовой области или скопировать вставить из файла слова. Но все равно это просто не имеет никакого значения.

Пожалуйста, помогите мне с кодом

1 ответ

Решение

Я нашел ответ. И я думаю, что должен поделиться этим; в случае, если кто-то еще сталкивается с той же проблемой.

Вот шаги, за которыми я следовал.

  1. Скачал ckeditor по ссылке http://ckeditor.com/download

  2. Скопировал всю папку в папку проекта.

  3. На главной странице добавлены следующие строки, чтобы добавить ссылку 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. Изменен класс для конкретной текстовой области

    <textarea runat="server" id="txtDescription" name="txtDescription" class="ckeditor" style="width: 98%; height: 250px;"   ></textarea>
    
  5. Добавлена ​​следующая функция JavaScript в нижней части страницы содержимого

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

вот и все.

здесь btn.save - кнопка, которая представляет данные

Спасибо

Другие вопросы по тегам