Webix.codebase with tinymce integration

Doogie · November 13, 2017, 9:14am

What exactly is the webix.codebase gloabal variable?

I would have thought it is the global place where webix components are loaded from. By default it is set to a CDN location.

webix.codebase = "//cdn.webix.com/components/";

But the example scripts for the tinyMCE Editor integration set this value to:

webix.codebase = "//cdn.webix.com/components/tinymce";

Is that a setting per component? Or a global setting? How do I have to set it, and where do I have to set it, if I want to load tinyMCE from the CDN.

Doogie · November 13, 2017, 3:57pm

Just if anyone else stumbles about this. I found a solution. Not a clean one. But it works. I simply manuall set webix.codepath inside the tinymce wrapper:

github.com

webix-hub/components/blob/master/tinymce/tinymce.js

webix.protoUI({
	name:"tinymce-editor",
	defaults:{
		config:{ theme:"modern", statusbar:false },
		value:""
	},
	$init:function(){		
		this._mce_id = "webix_mce_"+(this.config.id || webix.uid());
		this.$view.innerHTML = "<textarea id='"+this._mce_id+"' style='width:100%; height:100%'></textarea>";
		this.$view.className += " webix_selectable";

		this._waitEditor = webix.promise.defer();		
		
		this.$ready.push(this._require_tinymce_once);
	},
	render:function(){
		this._set_inner_size();
	},	
	_require_tinymce_once:function(){
		var c = this.config;

This file has been truncated. show original

like this:

_init_tinymce_once:function(){
	//set id for future usage
	this._mce_id = "webix_mce_"+this.config.id;
	this.$view.innerHTML = "<textarea id='"+this._mce_id+"' style='width:1px; height:1px'></textarea>";

	
	webix.codebase = "assets/tinymce/"  //path to tinymce codebase   THIS LINE WAS ADDED BY ME
	console.log("Loading TinyMCE editor from codebase", webix.codebase)

	tinyMCEPreInit = { query:"", base: webix.codebase+"tinymce", suffix:".min" };
	webix.require("tinymce/tinymce.min.js", function(){
		if (!tinymce.dom.Event.domLoaded){