Importing third party JS in LWC is not working

Question

I am trying to integrate tinyMCE editor with LWC. I have followed the below steps to do so;

1. Download the tinyMCE resources and uploaded it as static resources in my org
2. I am using the loadScript method to import tinyMCE.min.js file in lwc
3. I have no errors. But the loadScript method (returns promise) does not execute the .then block instead it directly goes to the catch block but i can the see js file downloaded in the network tab in chrome console.

Here is my code below;

LWC HTML

<template>
    <lightning-card>
        <form method="POST">
            <div class="text-area" lwc:dom="manual"></div>
        </form>
    </lightning-card>
    
</template>

LWC JS Controller

import { LightningElement } from 'lwc';
import tinymce from '@salesforce/resourceUrl/tinymce';
import {loadScript } from 'lightning/platformResourceLoader';

export default class TinyMce extends LightningElement {

    renderedCallback(){
        loadScript(this,tinymce+'/tinyMCE/src/tinymce.min.js').then(()=>{
            console.log("Script Successfully loaded");
            this.initializeTinyMce();
        }).catch(()=>{
            console.log("Script not loaded");
        })
    }

    initializeTinyMce(){
        let textArea = this.template.querySelector('div');
        tinymce.init({selector:textArea});
    }

}

Below image of my static resources and chrome console;

Answer 1

It doesnt look like TinyMCE will play well with LWC. Requires a lot of DOM manipulation which LWC (on platform) locks down quite a bit. Eventhough LWC looks quite vanilla on the surface, it runs "Security Enhancing" features to disable things you take for granted off platform.

I attempted to get TinyMCE working but ran into other errors (past the initial error the OP was getting. arut's solution of using target instead of selector works great, until you run into:

and Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'..

Good luck you to finding a WYSIWYG/Rich Text editor that works well in LWC. Majority of JavaScript libraries either rely on window, appendChild or throw around component focus in odd ways.

Might be time to whip out Visualforce (as you can import anything you like here) and just iframe it in. If that isnt an option, you could just build your own WYSIWYG package specifically for LWC.