Ist es möglich, den Wert von Summernote-editor in asp.net web-Formulare?

Ich bin mit summernote editor, und ich möchte zur Abfrage der Inhalte im code-behind.
Ich habe versucht, die folgenden Möglichkeiten , aber es gibt leere(null)

1-

Standard.aspx

<div class="summernote"  id="txtTest" runat="server"></div>

Code hinter:

string content= txtTest.InnerText;

2-

Standard.aspx

<div class="summernote"  id="txtTest" ></div>

Code hinter:

string name = Request.Form["txtTest"];

Irgendwelche Vorschläge?

InformationsquelleAutor rebo lavo | 2016-04-06
  1. 2

    Haben Sie sich überlegt mit einem <textarea> zu handhaben, im Gegensatz zu einem <div>? In der Regel sind Sie etwas leichter zu verwenden in Bezug auf die Speicherung von Werten (wie Sie sind entworfen, um zu tun, so) : 

    <textarea id="txtTest" runat="server"></textarea>

    Einer der Wege, die Sie möglicherweise behandeln, wäre dies für die Registrierung eines Ereignisses mit Summernote verfügbaren API um die HTML Inhalte für Ihre <textarea> element, sobald der Fokus verloren (z.B. die onblur) :

    <script>
    $(function () {
        //Set up your summernote instance
        $("#txtTest").summernote();
        //When the summernote instance loses focus, update the content of your <textarea>
        $("#txtTest").on('summernote.blur', function () {
            $('#txtTest').html($('#txtTest').summernote('code'));
        });
    });
</script>

    Da sind Sie wahrscheinlich gehen, um die Speicherung von HTML-Inhalt in das element sind, werden Sie wahrscheinlich wollen, um sicherzustellen, dass .NET glaubt nicht, dass Sie versuchen, es zu nutzen. Sie können dies entweder durch das explizite setzen dieser Seite zu ignorieren, dass der Prozess durch die Aktualisierung der ValidateRequest Eigenschaft Ihrer Seite :

    <%@ Page ... ValidateRequest = "false" %>

    Oder Sie könnten versuchen, einfach die Flucht der Inhalt ist festgelegt :

    $('#txtTest').html(escape($('#txtTest').summernote('code')));
    • Ich bevorzuge dabei die es mit Flucht...
    • Rion, ich habe das gleiche Problem, und wenn ich meine div textarea pro Ihren Vorschlag, ich bekomme den text in der codebehind, aber ich verliere ALLE styling der Summernote-editor. Die button-Leiste ist verschwunden, und alles, was ich habe, ist eine sehr kleine Größe veränderbar textfield. Wie bekomme ich die textarea style das gleiche wie das div?
    • UPDATE: Habe es!! Dies ist eine großartige Lösung!
    InformationsquelleAutor Rion Williams
  2. 2

    Hier ist Mein code Funktioniert Perfekt

    <div class="form-group">
    <asp:Label ID="lblSummernote" runat="server" Text="Image" AssociatedControlID="txtSummernote" CssClass="control-label col-md-3"></asp:Label>
        <div class="col-md-8">
            <asp:TextBox ID="txtSummernote" runat="server" TextMode="MultiLine" Rows="2"></asp:TextBox>
            <asp:Label ID="lblSum" runat="server" Text="Summernote"></asp:Label>
      </div>
 </div>

    JavaScript

    <script src="/Content/SummerNote/summernote.js"></script>
    <script>
        $(function () {
            //Set up your summernote instance
            $("#<%= txtSummernote.ClientID %>").summernote();
            focus: true
            //When the summernote instance loses focus, update the content of your <textarea>
            $("#<%= txtSummernote.ClientID %>").on('summernote.blur', function () {
                $('#<%= txtSummernote.ClientID %>').html($('#<%= txtSummernote.ClientID %>').summernote('code'));
           });
        });
    </script>
    <script type="text/javascript">
        function funcMyHtml() {
            debugger;
            document.getElementById("#<%= txtSummernote.ClientID %>").value = $('#<%= txtSummernote.ClientID %>').summernote('code');
        }
    </script>

    C# - Code-behind -

     protected void btnSubmit_Click(object sender, EventArgs e)
        {
            lblSum.Text = txtSummernote.Text;
        }
    InformationsquelleAutor PK-1825
  3. 0

    Hier ist, wie ich es geschafft habe.
    ref es als Klasse
    class="summernote"

        $(document).ready(function () {
        $('.summernote').summernote();
    });
    InformationsquelleAutor Ambani Rambuda
Schreibe einen Kommentar