How to load Javascript object inside Container

#1 · September 1, 2019, 6:04 pm

Hello luishp,

How can I load a javascript file inside a specific container?

I manage to load the javascript object on screen but does not goes inside the given container just show it on top start of the page and full width.

Please check the images.I want to load the script inside container but loads it out of container box.

Uploaded files:

You need to login to have access to uploads.

#2 · September 1, 2019, 9:13 pm

@ecotip, I don't understand very well what and how you want to do.
A JavaScript object is a data structure and a JavaScript file should not be loaded (usually) inside a Container.
If you want to use a WYSIWYG editor, it should be loaded as a plugin or as an external file(s) in Project > Properties > Libraries/Files. Every library has its own initialization instructions so you can use a Container as the visual target.
Regards.

#3 · September 1, 2019, 10:27 pm

I sent you the example file and the basic plugin I make for this editor also the source code of plugin for check.

If you run the example you will understand what I want to do.

Also have problem with css file on plugin files,even I upload it it seems it does not work through plugin and must load it again in project properties files.

Best regards.

Uploaded files:

You need to login to have access to uploads.

#4 · September 2, 2019, 2:13 pm

Hi @ecotip,
I can't offer support to every single javascript library out there, but I think it's the own library wich it's not working fine here.
Just add another container "Container2" into the "Container1" and initialize summernote into the last one:

EditorInit "Container2" 250 null 250 300

Also you can simplify the plugin code just like this:

function EditorInit(cont,hei,wid,minhei,maxhei){
  $('#'+cont).summernote({
  width: wid,
  height: hei,                 // set editor height
  minHeight: minhei,             // set minimum height of editor
  maxHeight: maxhei,
  });            // set maximum height of editor
};

function EditorGetCode(cont1){
  var code12 = $('#'+cont1).summernote('code');
  return code12;
};

Try also using the minified files ".min.js" and ".min.css" for a lighter app.
Regards.

#5 · September 2, 2019, 4:22 pm

Hi #luishp,

I understand you are busy and thank you very much for your answer and support.The solution with one container inside an other works.

I compile a plugin with 4 basic functions and make and a small example how to use it.For the moment the editor plugin can create editor objects,export data and load data which I think covers the 90% of usage.

For everybody who want to use the Html Editor plugin and save time I upload it here.

Continue good work!

Best regards.

Uploaded files:

You need to login to have access to uploads.

luishp, asmat and Darbdenral have reacted to this post.

#6 · September 2, 2019, 7:53 pm

Thank you!!!

How to load Javascript object inside Container - Forum

How to load Javascript object inside Container