Skip to content
This repository has been archived by the owner on Sep 8, 2020. It is now read-only.

using ui-tinymce with lazy loaded tynyMCE npm module #359

Open
SiriusED opened this issue May 8, 2018 · 2 comments
Open

using ui-tinymce with lazy loaded tynyMCE npm module #359

SiriusED opened this issue May 8, 2018 · 2 comments

Comments

@SiriusED
Copy link

SiriusED commented May 8, 2018

Hi, Im trying to use ui-tinymce with lazy loaded the tynyMCE npm module via webpack like:

// Main module
require('angular-ui-tinymce');

angular.module('pages', [
    'ui.tinymce'
]);

// And then in my directive for text edit I load the tinymce
constructor () {
	// Import TinyMCE
	require.ensure([], function(require) {
		require('tinymce/tinymce.min.js');

		// List of plugins you want to use in TinyMCE
		require('tinymce/plugins/advlist');
		require('tinymce/plugins/anchor');

		// TinyMCE theme
		require('tinymce/themes/modern');
	}, 'tinymce_bundle');
}

Html template of my directive:

<textarea ui-tinymce
		  ng-model="editor.model"
		  ng-change="editor.onTextChanged()"></textarea>

And it doesn't work, textarea always if just simply textarea.

How can I use ui-tinymce with lazy loaded tinyCME core lib?

@williamscs
Copy link

The very first thing the link function does in this directive is to check that tinymce exists on the window.

You could have your lazy loader add tinymce to the window. Otherwise, this library's link function would need to check that tinymce's module is available.

@sbschorer
Copy link

Have you found a solution, @SiriusED?
I'm stuck on that problem as well.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants