Integrando o CKEditor em ASP.NET
-
14-12-2019 - |
Pergunta
Atualmente, estou trabalhando na implementação de um CMS para um site.Eu tenho muito pouca experiência com javascript, jquery, C#, etc.Eu, principalmente, lidar com Java, SQL, C++.A minha pergunta é eu tenho o CKEditor instância carregado na página.Eu sou capaz de carregar o HTML que eu tenho guardadas no meu banco de dados para o CKEditor janela, mas eu não posso receber os valores que eu mudei de volta para fora do CKEditor.
Padrão.aspx
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<asp:Content ID="Head1" runat="server" ContentPlaceHolderID="head" >
<%--Javascript funciton for Display Contents button--%>
<script type="text/javascript">
function GetContents() {
// Display the value of CKEditor into an alert
alert(CKEDITOR.instances.CKEditor1.getData());
//Have also tried alert(CKEDITOR.instances[CKEditor1].getData());
}
</script>
</asp:Content>
<asp:Content ID="form1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
<CKEditor:CKEditorControl ID="CKEditor1" runat="server">
</CKEditor:CKEditorControl>
<%--Button that executes the command to store updated data into database--%>
<asp:Button ID="SaveButton" runat="server" Text="Save Changes"
onclick="SaveButton_Click" />
<button type="button" onclick="GetContents()">Display Contents</button>
</asp:Content>
Padrão.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Retrieve HTML
HomePageHTML hp = HomePageHTMLAccess.GetHomPageHTML();
//Does HTML exist?
if (hp.HTML != null)
{
PopulateControls(hp);
}
}
//Method to load html from database into webpage
private void PopulateControls(HomePageHTML hp)
{
//Display html
CKEditor1.Text = hp.HTML;
}
//Method to save the updated html into the database
protected void SaveButton_Click(object sender, EventArgs e)
{
string text1 = CKEditor1.Text;
HomePageHTMLAccess.UpdateHomePageHTML(text1);
}
}
Eu testei e sei que estou escrevendo para o banco de dados do SaveButton_Click método.Uma coisa que eu tenho notado é que eu posso exibir uma estático mensagem de alerta, como a alert("mensagem");mas nenhum alerta aparecerá uma janela pop-up com qualquer uma das linhas no meu código.Ajudar a chegar a esta configurado para que eu possa escrever para o meu banco de dados usando a estrutura de classe, ou apenas na obtenção de GetContents() para o trabalho seria muito apreciada.
Solução
No Page_Load você deve verificar if (!Page.IsPostBack)
antes de escrever o Text
propriedade do CKEditor
o controle, caso contrário, em cada post de volta (ie.clique no botão), o controle terá o mesmo valor do banco de dados.–
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
//Retrieve HTML
HomePageHTML hp = HomePageHTMLAccess.GetHomPageHTML();
//Does HTML exist?
if (hp.HTML != null)
{
PopulateControls(hp);
}
}
}