Currently, I am facing an issue while attempting to integrate a TinyMCE plugin with ExtJs. I found a helpful demo example at this link, which I followed closely.
However, my implementation is failing as I am receiving an error message stating "Ext is not defined" in Firebug. Despite using a newer version of Ext, I made sure to include both the necessary css and scripts:
<link href="scripts/extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="scripts/extjs/ext-all.js" type="text/javascript"></script>
<script src="scripts/miframe/miframe-min.js" type="text/javascript"></script>
<script src="scripts/tinymce/jscripts/tiny_mce/tiny_mce_src.js" type="text/javascript"></script>
<script src="scripts/ux/Ext.ux.TinyMCE.js" type="text/javascript"></script>
In Firebug, there are no issues with finding or including any of the scripts mentioned above.
https://i.sstatic.net/RVGuj.png
Following that, I called the Ext function in the head section of my aspx document:
<script type="text/javascript">
console.log("Ready...");
Ext.onReady(function() {
console.log("set...");
Ext.get("cmdOpen").on("click", function() {
console.log("GO");
var dlg = new Ext.Window({
//etc
</script>
After checking the console logs, "Ready..." gets displayed successfully before the code encounters an error. The error indicates that "Ext is not defined" in ext-all.js(), miframe-min.js(), Ext.ux.TinyMCE.js(), and within the .aspx file (Default.aspx).
I have not made any modifications to the included files, all of which are official releases.
Could it be possible that I missed out on some crucial statement? Or maybe there are additional elements that need to be included? I am currently unsure about how to proceed.