The official release of Ext.NET Mobile is now available. Ext.NET Mobile is an ASP.NET component framework for building Phone and Tablet specific mobile web applications. Read More

[CLOSED] Adding Upload Image button in HTML Editor with 4.5.1 version

  1. #1

    [CLOSED] Adding Upload Image button in HTML Editor with 4.5.1 version

    Hello,
    In Ext 2.5 version we are using some plugins for adding upload image button for adding images to HTML editor. After migration with 4.5.1 version this functionality are not working. Below is sample code.
    Note: Earlier we have implemented the code as per forum for 2.5 version with reference URL https://forums.ext.net/showthread.php?26577
    Same required for 4.5.1 version.

    X.HtmlEditor().AutoScroll(true).Value(Model.TemplateText).FieldLabel("").Width(750).Height(430).ID("htmlEditor")
                          .Plugins(plugin => { plugin.Add(Html.X().GenericPlugin()
                          .InstanceName("Ext.ux.form.HtmlEditor.imageUpload")); })
                          .Listeners(c => {
                               c.Sync.Fn = "changeEditor";
                               c.Render.Handler = "htmlEditorRender(this)";}
                               )
    Giving error after clicking on Insert Image button
    Uncaught Error: Invalid component "id": ""
        at new Ext.Error (ext.axd:2029)
        at Function.raise (ext.axd:2069)
        at Object.Ext.raise (ext.axd:2091)
        at constructor (ext.axd:44107)
        at new constructor (ext.axd:8354)
        at Object.widget (ext.axd:9559)
        at constructor.create (ext.axd:17033)
        at constructor.lookupComponent (ext.axd:94736)
        at constructor.prepareItems (ext.axd:95157)
        at constructor.add (ext.axd:94347)
    Last edited by MOHAMMEDRAFI; Jun 22, 2018 at 10:47 AM.
  2. #2
    Hello @MOHAMMEDRAFI!

    Checking the link you provided, I see the link for the custom extension points to an still existing github repository. But I also see that the last commit therein was back in 2014. This means the extension is not compatible with ExtJS 6 at all, which is the base to Ext.NET 4.

    ExtJS 6 was released somewhere around 2015, so the extension will need to be ported to ExtJS 6 first.

    Well, that's the bad news. The good news is that this shouldn't be a big problem, although that would require debugging. It should just be a matter of getting to the structure that's failing and referring to ExtJS documentation to understand how that should look like now.

    But the fact is that it won't work until the extension is made compatible with Ext JS 6.x.

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Thanks for the update.
    Now it has become a breaking change for us . Are you going to release a patch with updated Js so that this feature will work.
    Please provide the alternative solution asap.
  4. #4
    Hello @MOHAMMEDRAFI,

    Sorry it was not clear. We are talking about a third-party extension as discussed here: add a toobar item to the htmleditor for uploading pictures?

    According to the topic above, the extension was available here: https://github.com/samiracho/HtmlEditorImageUpload)

    And currently it shows the last commit was back in May 21, 2014, which is a while before Ext JS 6.0 was released. Ext JS 6.0 came bundled to Ext.NET 4.0.0, so 4.x series of Ext.NET uses Ext JS 6.x.

    So, simply the plugin did not develop since then and naturally didn't get patches to work on recent Ext JS versions (thus recent Ext.NET versions).

    That's a third-party software and we are not able to provide continued support for it. I agree that's a breaking change to your perspective, but that's beyond our control.

    Hope you understand, let us know if the situation is still not clear for you.

    Anyway, we can log this as a feature request to implement such functionality to Ext.NET if you want.

    EDIT: By the third party extension's license file, we are not allowed to integrate it on Ext.NET at all:
    "Commercial use is permitted to the extent that the code/component(s) do NOT become part of another Open Source or Commercially licensed development library or toolkit without explicit permission." (https://github.com/samiracho/HtmlEditorImageUpload/blob/master/README.txt)

    EDIT2: Please refrain from using asap and similar terms and expressions, as in accordance to our Forum Guidelines For Posting New Topics item #5 and More Information Required item #4, as this may lead to delays in getting your response.
    Last edited by fabricio.murta; Jun 26, 2018 at 5:30 PM.
  5. #5
    Thanks for the update.
    Please let's log this as a feature request and provide solution within couple of weeks. Because this feature is part of our next deployment which is going to happen at 8-July-2018. Hence please provide an update prior to release so that we can incorporate the same.
  6. #6
    HI MOHAMMEDRAFI,

    You can contact the original author of the extension and request a fix.
    Geoffrey McGill
    Founder & CEO

Similar Threads

  1. How to display image after upload?
    By wichogg in forum 2.x Help
    Replies: 3
    Last Post: Mar 17, 2015, 6:34 AM
  2. [CLOSED] Image paste problem on html editor
    By EsraKilical in forum 2.x Premium Help
    Replies: 5
    Last Post: Feb 20, 2014, 7:50 AM
  3. Replies: 9
    Last Post: Oct 08, 2012, 7:49 AM
  4. how to Image upload and filtering it to preview image?
    By Mahmudur Rahman in forum 1.x Help
    Replies: 0
    Last Post: Sep 07, 2011, 7:58 AM
  5. [CLOSED] HTML Editor - insert image with relative path
    By jeremyl in forum 1.x Premium Help
    Replies: 2
    Last Post: Apr 07, 2010, 3:48 AM

Posting Permissions