Вопрос

У меня был интегрированный 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, и не сохраняет это значение в базе данных. Даже когда я отправляю форму после написания на текстовой области, она не позволяет мне представить форму, поскольку поле описания необходимо иметь текст. Но я на самом деле написал в текстуре или копировальную пасту из файла Word. Но все же он просто не получает никакой ценности.

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

Это было полезно?

Решение

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

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

  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();
     }
    });
    
  6. Это это.

    Здесь btn.save - это кнопка, которая подает данные

    Спасибо

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top