Tuesday, February 20, 2018

TinyMCE Remove Inserted Image Prefix? - development

TinyMCE Remove Inserted Image Prefix?

I am using TinyMCE Laravel File Manager but Im having an issue whenever I add images. Photos I save are saved at public_html/photos, but when I add the images to the tinyMCE editor using Insert > Image. The editor shows a broken image since the src provided has a prefix of laravel-filemanager showing as

src="http://localhost:8000/laravel-filemanager/photos/user_icon_add.png"

Instead of

src="http://localhost:8000/photos/user_icon_add.png"

How do I remove the laravel-filemanager prefix for photos that I add?

Here are some configs of my lfm.php

'url_prefix' => 'laravel-filemanager',
'base_directory' => 'public_html',
'images_folder_name' => 'photos',
'files_folder_name' => 'files',
'shared_folder_name' => 'shares',
'thumb_folder_name' => 'thumbs',

Here’s my tinyMCE js config

var editor_config = {
        path_absolute: "/",
        selector: "textarea",
        plugins: ["advlist autolink lists link charmap print preview hr pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime nonbreaking save table contextmenu directionality", "emoticons paste textcolor colorpicker textpattern"],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link",
        style_formats:
            [
                {
                    title: 'Bullet',
                    selector: 'ul',
                    classes: 'browser-default',
                }
            ],
        relative_urls: false,
        file_browser_callback: function (field_name, url, type, win) {
            var x = window.innerWidth || document.documentElement.clientWidth || document.getElementByTagName('body')[0].clientWidth;
            var y = window.innerHeight || document.documentElement.clientHeight || document.grtElementByTagName('body')[0].clientHeight;
                var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name' + field_name;
            if (type = 'image') {
                cmsURL = cmsURL + '&type=Images';
            } else {
                cmsUrl = cmsURL + '&type=Files';
            }
            tinyMCE.activeEditor.windowManager.open({
                file: cmsURL,
                title: 'Filemanager',
                width: x * 0.8,
                height: y * 0.8,
                resizeble: 'yes',
                close_previous: 'no'
            });
        }
    };
    tinymce.init(editor_config);



from Laravel Questions and Answers https://laravelquestions.com/php/tinymce-remove-inserted-image-prefix/
via Lzo Media

No comments:

Post a Comment