如果 id 在 tinymce.get() 中，如何在 class 上觸發

Question

為了計算 tinyMCE 文本區域中的字符，我使用以下代碼：

<textarea id="txtTinyMCE" rows="2" cols="20"></textarea>
    
<div id="character_count"></div>

<input type="submit" value="Submit" onclick="return ValidateCharacterLength();" />

window.onload = function () {
     tinymce.init({
          selector: 'textarea',
          width: 400,
          setup: function (ed) {
              ed.on('keyup', function (e) {
                  var count = CountCharacters();
                  document.getElementById("character_count").innerHTML = "Characters: " + count;
              });
          }
     });
}

function CountCharacters() {
    var body = tinymce.get("txtTinyMCE").getBody();
    var content = tinymce.trim(body.innerText || body.textContent);
    return content.length;
};
function ValidateCharacterLength() {
    var max = 20;
    var count = CountCharacters();
    if (count > max) {
        alert("Maximum " + max + " characters allowed.")
        return false;
    }
    return;
}

問題：我有多個 textarea，所以我不能在 textarea 中使用id 。 我使用 class 名稱：

<textarea class="tinymce" rows="2" cols="20"></textarea>

現在的問題是這一行：

var body = tinymce.get("txtTinyMCE").getBody(); // txtTinyMCE is id

如果id ，如何使用tinymce.get()觸發類名？

Answer 1

而是在activeEditor上觸發。

<textarea class="whatever" rows="2" cols="20"></textarea>

現在改變你的線路

var body = tinymce.get("txtTinyMCE").getBody();

至

var body = tinymce.activeEditor.getBody();