как интегрировать Tinymce 4 с kcfinder? - PullRequest
Новая
       56

как интегрировать Tinymce 4 с kcfinder?

0 голосов
/ 27 сентября 2019

Я не могу интегрировать редактор tinymce с веб-менеджером файлов kcfinder.

Редактор загружается нормально, и я могу загружать, просматривать и переименовывать изображения из kcfinder.

Но когда я хочу выбрать изображение, ничего не происходит, URL не устанавливается в поле.Я не могу выбрать изображение.

В журнале консоли нет ошибок.

Редактор: enter image description here

При выборе изображения ничего не происходит: enter image description here

Версии Tinymce 4.9.6 Kcfinder 3.12

HTML код 


<!doctype html>
<html lang='es' >
    <head>
        <meta charset="utf-8">
        <script src="./js/tinymce/tinymce.min.js"></script>
        <script src="./js/default_tinymce.js"></script>
    </head>
    <body>
        <form method="post" action="content-edit.php">
            <textarea name="content" class="tinymce"></textarea><br>
            <input type="submit">
        </form>
    </body>
</html>

javascript js / default_tiymce.js 

tinymce.init({ 
        selector:'.tinymce',
        convert_urls: false, // default 1
        remove_script_host: false, // default 1
        browser_spellcheck: true,
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste",
            "emoticons template paste textcolor colorpicker textpattern imagetools"
        ],
    file_picker_callback: function(field, url, type, win) {
            tinyMCE.activeEditor.windowManager.open({
                file: './kcfinder/browse.php?opener=tinymce&field=' + field + '&type=' + type,
                title: 'Kcfinder',
                width: 700,
                height: 500,
                inline: true,
                close_previous: false
            }, {
                window: win,
                input: field
            });
            return false;
        },
       toolbar: "insertfile undo redo | styleselect  | forecolor backcolor emoticons | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image ",
       paste_data_images: true
});

Ожидаемый результат: при двойном щелчке по изображению его следует выбрать и заполнить поле URL-адресом изображения.

Фактический результат: при двойном щелчке по изображению ничего не происходит.

Помощь Пожалуйста !!!

1 Ответ

0 голосов
/ 27 сентября 2019

ОК, наконец-то я нашел решение, которое заменил код интеграции tinymce на

javascript js / default_tiymce.js 


this:tinymce.init(
{ 
        selector:'textarea',
        menubar: false,
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
       toolbar: "undo redo | insert | styleselect  | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image ",
    file_browser_callback: function(field, url, type, win) {
        tinyMCE.activeEditor.windowManager.open({
            file: './kcfinder/browse.php?opener=tinymce4&field=' + field + '&type=' + type,
            title: 'KCFinder',
            width: 700,
            height: 500,
            inline: true,
            close_previous: false
        }, {
            window: win,
            input: field
        });
        return false;
    }

});

Надеюсь, это может помочь кому-то еще

...