Javascript 设置tinymce编辑器的样式和输入事件 如何为tinymce编辑器设置边框和边框半径 如何为编辑器设置input事件

以下是我的尝试，但没有成功：

tinymce.init({
selector: "#ed",
autoresize_bottom_margin : 5,
menubar: false,
branding: false,
resize: false,
statusbar: false,
editor_css: "style.css",
plugins: ["lists hr"],
toolbar: false
});

style.css

#ed{
    background:#ddd; // doesn't work        
    border:2px solid #aaa; // doesn't work
    border-radius:14px; // doesn't work
    min-height:54vh; // works
}

var ed = $('#ed');
var ed = tinyMCE.activeEditor; // also tried
ed.on('input', function(){
    console.log('lorem'); // doesn't work
});

js

#ed{
    background:#ddd; // doesn't work        
    border:2px solid #aaa; // doesn't work
    border-radius:14px; // doesn't work
    min-height:54vh; // works
}

var ed = $('#ed');
var ed = tinyMCE.activeEditor; // also tried
ed.on('input', function(){
    console.log('lorem'); // doesn't work
});

---

请尝试在纯js中获取选择器，而不是通过jquery

要获取输入，请使用下面的代码段

tinymce.init({
    selector: 'textarea',  // change this value according to your HTML
    init_instance_callback: function (editor) {
        editor.on('input', function(input){
            //console.log('Element input', input); // get all
            console.log('Element input', input.rangeParent); // get rangeParent
        });
        
    },
        
    // ...
});

tinymce活动：

---

很好用，非常感谢。任何关于css的想法，请和你可以创建custum皮肤