Добавление текстового поля с редактором, javascript.

[magneto2010]

Как через javascript добавить textarea, сразу с активированым текстовым редактором? Подскажите пожалуйста.

Змінено 20 вересня 2018 користувачем magneto2010

[chukcha]

Все зависит от редактора и метода инициализации

для sumernote

 

$('#somediv').append('<textarea id="idtextarea"></textarea>');
        $('#idtextarea').summernote({
            lang: $(this).attr('data-lang'),
            disableDragAndDrop: true,
            height: 300,
            emptyPara: '',
            codemirror: { // codemirror options
                mode: 'text/html',
                htmlMode: true,
                lineNumbers: true,
                theme: 'monokai'
            },            
            fontsize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '24', '30', '36', '48' , '64'],
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['fontsize', ['fontsize']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link', 'image', 'video']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ],
            popover: {
                   image: [
                    ['custom', ['imageAttributes']],
                    ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                    ['float', ['floatLeft', 'floatRight', 'floatNone']],
                    ['remove', ['removeMedia']]
                ],
            },            
            buttons: {
                image: function() {
                    var ui = $.summernote.ui;
                            
                    // create button
                    var button = ui.button({
                        contents: '<i class="note-icon-picture" />',
                        tooltip: $.summernote.lang[$.summernote.options.lang].image.image,
                        click: function () {
                            $('#modal-image').remove();
                            
                            $.ajax({
                                url: 'index.php?route=common/filemanager&user_token=' + getURLVar('user_token'),
                                dataType: 'html',
                                beforeSend: function() {
                                    $('#button-image i').replaceWith('<i class="fa fa-circle-o-notch fa-spin"></i>');
                                    $('#button-image').prop('disabled', true);
                                },
                                complete: function() {
                                    $('#button-image i').replaceWith('<i class="fa fa-upload"></i>');
                                    $('#button-image').prop('disabled', false);
                                },
                                success: function(html) {
                                    $('body').append('<div id="modal-image" class="modal">' + html + '</div>');
                                    
                                    $('#modal-image').modal('show');
                                    
                                    $('#modal-image').delegate('a.thumbnail', 'click', function(e) {
                                        e.preventDefault();
                                        
                                        $(element).summernote('insertImage', $(this).attr('href'));
                                                                    
                                        $('#modal-image').modal('hide');
                                    });
                                }
                            });                        
                        }
                    });
                
                    return button.render();
                }
              }
        });

 

[magneto2010]

Спасибо, хватило так 

$('#summernote').summernote();