Comment puis-je obtenir le contenu d'un nicEdit forme lors de la soumission d'auge ajax?

var nicE = new nicEditors.findEditor('assignment');
question = nicE.getContent();

assignation est votre textarea id.

le textarea contenu est enregistrer sur la question de la variable, espérons que cela aidera à

OriginalL'auteur Sunu Pinasthika Fajar

1. Créer un nicEdit instance

   MyApp.éditeur = new nicEditor().panelInstance('texarea_id');

2. Permettre à l'utilisateur d'entrer le contenu au contenu de leur coeur! (Jeu de mots involontaire)

3. Obtenir le contenu:

   var contenu = MyApp.de l'éditeur.instanceById('textarea_id').getContent();

4. Post le contenu comme d'habitude en utilisant content.

OriginalL'auteur Pramod

var data = $('#peter div').eq(90).text();

est les données de l'information. Aussi, veuillez utiliser $.post au lieu de $.get pour les soumissions de formulaire; être agréable à internet.

OriginalL'auteur Dan

pour les personnes qui se demandent comment ajouter des combobox dans nicEdit, voici mon blog pour afficher une coutume liste déroulante avec les valeurs dynamiques

Lien

En passant par le montage NiceEdit fichier js, nous pouvons ajouter des Combo box dans NicEdit

Par le biais de la manière Suivante, nous pouvons ajouter la liste déroulante ou zone de liste déroulante à NicEdit. Vous pouvez obtenir la liste déroulante de la valeur à partir de la base de données par le biais appel ajax et montrer dans NicEdit
Tout d'abord télécharger et de mettre en œuvre NicEdit sur la page aspx
Télécharger le NiceEdit fichier js et vous pouvez l'activer en suivant le code (http://nicedit.com/)

 <div style="height: 700px; width: 70%; overflow: scroll">                <div id="sample"><script type="text/javascript" src="../scripts/nicEdit.js"></script><script src="../nicExample/nicExample.js"></script>
                    <script type="text/javascript">
                        bkLib.onDomLoaded(function () {
                            // nicEditors.allTextAreas()
                            new nicEditor({ fullPanel: true }).panelInstance('area2');});</script>
                    <h4>NicEdit Textarea</h4><textarea name="area2" id="area2" style="width: 70%; height: 700px"> </textarea>
                    </div></div>

Maintenant ajouter getddlData() fonction Ajax niceEdit.js de fichier à la fin du fichier

//AJAX call
function getddlData() {
    var ajaxResponse;
    $.ajax({
        type: "POST",
        url: 'NicEdit.aspx/GetBookMarkData', //AJAX call to fecth dropdown data
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        cache: false,
        //Text file name
        success: function (response) {
            //   //alert(data.d);    //or do some other data processing
            //  //return data.d;
            ajaxResponse = response;
        }
    });
    return ajaxResponse.d;
}

//Ajouter un webMethod dans le code-behind (.cs fichier) pour fetech déroulante valeur dans nicedit

   [WebMethod]
        public static string GetBookMarkData()
        {
///Also you can get DB's data here
            /// (2 responses dropdown values being filled :  'drop down Value', drop down Text)
            ///Need DB data in , seprated list  Formate:  @@Test@@,TestOne, TestOne,  @@Test2@@,Test2,Test2
            string sbookmarkData = "<<Test_Name>>,Test Name,<<Test_Add>>,Test Add,<<Test_Location>>,Test Location,<<Test_City>>,Test City,<<Test_Phone>>,Test Phone";
            return sbookmarkData;
        }

Maintenant ouvert NicEdit fichier js et copie (Ligne n ° 1552) de recherche ou la ligne suivante:

var nicEditorFontFormatSelect = nicEditorSelect.extend({

Copy complete function and create another one by changing names etc

var nicEditorInsertBookmark = nicEditorSelect.extend({
    /* By Pankaj Sharma : Not Needed Now  */
    sel: {
        '[[Location]]': "Test Name",
        pre: "Test Address",
        h6: "Test City",
        h5: "Test State",
        h4: "Test Zip",
        h3: "Test ABC",
        h2: "Test One",

    },
    init: function () {
        /* Pankaj Sharma */
        this.setDisplay("Insert Bookmark");
        var response = getddlData();
        var responseArr = response.split(",");
        var strings = [];
        //for (itm in this.sel) {         
        // // var A = itm.toUpperCase();
        //   //this.add(  A,  this.sel[itm]  )
        //  }

        for (i = 0; i < responseArr.length; i++) {
            strings.push([responseArr[i], responseArr[i + 1]]);
            i = i + 1;
        }
        for (var i in strings) {
            this.add(strings[i][0], strings[i][1]);
        }
        /* END HERE*/
    },
});

Obtenu à la ligne n ° 1230 de recherche ou la ligne suivante:

var nicSelectOptions = {
boutons: {
Ajoutez ce qui suit ci-dessous fontFormat fonction

'CustomBookmark': {
nom: __("Insérer un Signet"),
type: 'nicEditorInsertBookmark', //
commande: 'InsertBookmark' //InsertBookmark
}

maintenant mis à jour la fonction devrait ressembler à ceci

var nicSelectOptions = {
    buttons: {
        'fontSize': {
            name: __('Select Font Size'),
            type: 'nicEditorFontSizeSelect',
            command: 'fontsize'
        },
        'fontFamily': {
            name: __('Select Font Family'),
            type: 'nicEditorFontFamilySelect',
            command: 'fontname'
        },
        'fontFormat': {
            name: __('Select Font Format'),
            type: 'nicEditorFontFormatSelect',
            command: 'formatBlock'
        },
        'CustomBookmark': {
            name: __('Insert Bookmark'),
            type: 'nicEditorInsertBookmark',  //
            command: 'InsertBookmark'   //InsertBookmark
        }
    }
};

Maintenant aller à la ligne 1385 ou
mise à jour: function (A) {
Changer de

 update: function (A) {
        // alert(this.options.command);
        if (this.options.command == 'InsertBookmark') {+
 var editor = nicEditors.findEditor("area2");
        var range = editor.getRng();
        var editorField = editor.selElm();

            editorField.nodeValue = editorField.nodeValue.substring(0, range.startOffset) + A + editorField.nodeValue.substring(range.endOffset, editorField.nodeValue.length);
}
        else {
            //alert(A);  
            /* END HERE */
            this.ne.nicCommand(this.options.command, A);
        }
        this.close()
    }

Sur les options du menu Déroulant cliquez sur Cela va ajouter de la liste déroulante de la valeur dans l'Éditeur de texte sur la position du curseur.

FIN, vous devriez pouvoir voir des résultats

OriginalL'auteur panky sharma