Установите Ckeditor и ResponsiveFileMenager на веб-сайте

Question

У меня есть много редакторов CKEditor на вашем сайте и следующий код:

<textarea class="ckeditor" name="content_pl"></textarea>
<textarea class="ckeditor" name="content_en"></textarea>
<textarea class="ckeditor" name="content_es"></textarea>

<script type="text/javascript">
    $(function () {
        $(".ckeditor").each(function () {
            var el = $(this)[0];
            var instance = CKEDITOR.instances[el.id];
            if (instance) { instance.destroy(true); }      
            CKEDITOR.replace(el, {
                filebrowserBrowseUrl: 'http://localhost/responsive_filemanager/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
                filebrowserUploadUrl: 'http://localhost/responsive_filemanager/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
                filebrowserImageBrowseUrl: 'http://localhost/responsive_filemanager/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
            });
        });
    });
</script>

Компоненты ResponsiveFileManager не работают (они не добавляются в CKEditor). В тот момент, когда у меня есть только 1 ckeditor - тогда все нормально. Как это исправить?

Answer 1

Это работает для меня.
Он проходит через каждый элемент с classname ckeditor.
Затем он получает уникальный идентификатор (он нужен для идентификации каждого CKeditor).
Поэтому сначала добавьте идентификатор для каждой текстовой области.
Затем он заменяет вашу текстовую область на ckeditor.

<script src="https://cdn.ckeditor.com/4.7.0/standard/ckeditor.js"></script>

<textarea class="ckeditor" name="content_pl" id="input1"></textarea>
<textarea class="ckeditor" name="content_en" id="input2"></textarea>
<textarea class="ckeditor" name="content_es" id="input3"></textarea>

<script>
$(".ckeditor").each(function () {
        CKEDITOR.replace( $(this).attr('id'), {
            // Define the toolbar groups as it is a more accessible solution.
            toolbarGroups: [ // you can change this with your code
                 {"name":"basicstyles","groups":["basicstyles"]},
                 {"name":"links","groups":["links"]},
                 {"name":"paragraph","groups":["list"]},
                 {"name":"insert","groups":["insert"]},
                 {"name":"styles","groups":["styles"]}
             ]
         });
});
</script>