镜像站点 · 本页由第三方 GitHub 只读镜像提供,非 GitHub 官方站点,不接受任何登录或凭据输入。前往 github.com
Skip to content
This repository was archived by the owner on Sep 8, 2020. It is now read-only.
This repository was archived by the owner on Sep 8, 2020. It is now read-only.

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

Open

Description

@SiriusED

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?

Activity

  1. williamscs commented on Aug 2, 2018

    @williamscs

    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.

  2. sbschorer commented on May 29, 2020

    @sbschorer

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions