Elfinder Form Type

[xorgxx]

hi

i try to add Elfinder Form Type this is my config :

 form:
            locale: %locale% # defaults to current request locale
            editor: form # other choices are tinymce or simple, and form
#            showhidden: false # defaults to false
            fullscreen: true # defaults true, applies to simple and ckeditor editors
            include_assets: true # disable if you want to handle loading of the javascript and css assets yourself
            connector:
                debug: false # defaults to false
                roots:       # at least one root must be defined
                    uploads1:
                        driver: LocalFileSystem
                        path: bundles/neocore/images
                        upload_allow: ['image/png', 'image/jpg', 'image/jpeg']
                        upload_deny: ['all']
                        upload_max_size: 2M

here declaration in my form type :

   public function buildForm ( FormBuilderInterface $builder , array $options )
    {
        $builder
            ->add ( 'title' )
            ->add ( 'subtitle' )
            ->add ( 'Norder' )
            ->add ( 'teaser' )
            ->add ( 'article' , 'ckeditor' )
            ->add ( 'publish' )
            ->add ( 'tool' )
            ->add ( '_local' , 'choice' , array (
                'choices'     => array ('fr' => 'Fr' , 'en' => 'En') ,
//                        'preferred_choices' => array ('fr') ,
                'empty_value' => 'Choisissez une option' ,
            )
            )
            ->add ( 'block' )
            ->add ( 'img','elfinder', array(
                'instance'=>'form',
                'enable'=>true,
                'attr'   => [
                    'class' => 'form-control'
                ]))
            ->add ( 'icon' );
    }

and i get this error :

TypeError: $ is not a function
var CKEDITOR_BASEPATH = "/bundles/ivoryckeditor/";

if clic on the field img it das not give elfinder.
can you help?

[xorgxx]

i use jquery-1.11.1.min.js

[helios-ag]

Have you included jquery on to page before rendering form?

[xorgxx]

yes, because i call the form with ajax

[helios-ag]

May be it's because of the ckeditor presence, probably ckeditor adds jquery by self. Check rendered page(and remove unnecessary library links) . Or post source of the page somewhere, so i can inspect it.

[xorgxx]

so to try i swith off ckeditor but now i get :

TypeError: $ is not a function
$('[data-type="elfinder-input-field"][id="neo_articlebundle_article_img"]').on("...

and if i clic i get nada

[xorgxx]

i user symfony 2.6.6, elfender 5.0.4, js 1.11.1

[xorgxx]

i just try the page in php meaning that i deed not call with ajax and all work well ckeditor with elfinder.
when i call this page (the same in php) by ajax i just take all header and footer,... to live only content i want.

[xorgxx]

i just chech but ckeditor it simce to return bad url to image!
it just put haf of the url not all the starting

[xorgxx]

it shud be

bundles/neoncore/images/loader.png

it give

/images\loader.png

[xorgxx]

so i deed again same test. this time i deleted from symfony, all Ckeditorbundle and live only Elfinder.
clean the cache and try again and i get this error :

TypeError: $ is not a function
$('[data-type="elfinder-input-field"][id="neo_articlebundle_article_img"]').on("...

all the reste on the page work well i meaning Js fonctionality(ajax call). meaning also that js 1.11.1 is charge.

again !! this probleme apen only on return responce by ajax, it work fine on php normal page call !!!

if you want i can try to give all the page code?

[xorgxx]

https://gist.github.com/xorgxx/c45c79eb5e5eafcdd0de

[xorgxx]

full page
https://gist.github.com/xorgxx/56bebdafd30c152c0bbd

[xorgxx]

in perveiw ver 3.0.1 it was working well in one of my projet so i will try to go back form 5.0.4 to 3.0.1 and come back

[xorgxx]

same probleme

[xorgxx]

i find the probleme maibe, in my preview projet i have on all form "recharge js with 'genemuBundle'" not in my new projet.

how i can include all css and js in my main projet?

[xorgxx]

her is my solution :

so before i render he view i have "swicth" of methode for render the view
{% extends app.request.xmlHttpRequest ? neo_base.templates.partial : neo_base.templates.full %}
then in the first one "full" i have all twig :

<!doctype html>
<html {{ sonata_seo_html_attributes() }}>

<!-- Static HEADER -->
{% include '@NeoCoreConvertible/Style/Include/Header.html.twig' %}

<body>
{#<!-- Body -->#}
{% block body %}
    <!-- Container -->
    <div id="container" class="">
.......

in the "partial " i have now this :

    {% block javascripts %}
        {% javascripts
        'bundles/neocoreconvertible/js/jquery.min.js'
        'bundles/neocoreconvertible/js/jquery.migrate.js'

        filter='yui_js'
        output='assets/js/neoajax.js' %}
        <script language="javascript" type="text/javascript" src="{{ asset_url }}"></script>
        {% endjavascripts %}

        <!--[if lt IE 9]>
        <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    {% endblock %}

{% block content %}


{% endblock content %}

to be honnest i dont think that it is very good pratice, but it work well !!!!

hope it can help.