Support/Comments for TinymceWrapper

getFileCallback: function(file) {
       var fileUrl = file.url.replace('\\','/'); // normalize fileUrl
       var mybase = file.baseUrl.replace('\\','/'); // normalize baseUrl
       var finalUrl = fileUrl.replace(mybase, '');  // strip baseUrl
              
       // This is for the preview window 
       var imgTag = '<img src="'+ file.tmb + '">';

       $('#np-[[+npx.fieldName]]').val(finalUrl); // put the file path in the input field
       $('#editor').remove(); //close the window after image is selected
       $('#np-[[+npx.fieldName]]_preview').html(imgTag);
      // console.log(file.path);
      // console.log(file.url);
      // console.log('FINAL: '+finalUrl);
      // console.log(file);
  }

var spellValues = [];
$(function() {
	$.ajax({
		url:"db-access.php",
		dataType: 'json',
		success:function(data){
			//alert(data);
			$.each(data,function(){
				spellValues.push("{ text: '" + this.id + "', value: '" + this.name + "' }");
			});
		}
	});
	console.log(spellValues);
});

function getValues() {
 	//Set new values to myKeyValueList 
	tinyMCE.activeEditor.settings.myKeyValueList = spellValues.join();
  	return tinyMCE.activeEditor.settings.myKeyValueList;
}

tinymce.PluginManager.add('example', function(editor, url) {
  // Add a button that opens a window
  editor.addButton('example', {
    text: 'My button',
    icon: false,
    onclick: function() {
      // Open window
      editor.windowManager.open({
        title: 'Spell',
		width : 270,
		height : 70,
		body: [
		  {type: 'listbox',
			name: 'spells',
			label: 'Select :',
			values: getValues()
		  }
		],
        onsubmit: function(e) {
          // Insert content when the window form is submitted
          editor.insertContent('Title: ' + e.data.spells);
        }
      });
    }
  });
});

//var spellValues = [];
var spellValues = ''; //***
$(function() {
    $.ajax({
        url:"db-access.php",
        dataType: 'json',
        success:function(data){
            //alert(data);
            $.each(data,function(){
               // spellValues.push( "{ text: '" + this.id + "', value: '" + this.name + "' }");
              spellValues += '{text: "' + this.id +  '", value: "' + this.name + '"}\n'; //***
            });
        }
    });
    console.log(spellValues);
});

function getValues() { //consider passing "editor" as arg
    var newSpellValues = spellValues.replace(/\n\s*$/, '').replace(/\n/g, ','); //***
    newSpellValues = '[' + newSpellValues + ']';
    newSpellValues = tinymce.util.JSON.parse(newSpellValues); //TinyMCE likes her cake baked in a certain way ..huh huh huh
    tinymce.activeEditor.settings.myKeyValueList = newSpellValues; //consider using  editor.settings.myKeyValueList
    return newSpellValues;
}

var newSpellValues = spellValues.replace(/\n\s*$/, '').replace(/\n/g, ','); //***

<script src="[[++manager_url]]templates/jm/js/tinymcewrapper.js"></script>

<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: "image link",
    toolbar: "example image link unlink",
	external_plugins: {
		example: "http://myMODXsite.com/example.js"
	}
});
</script>