javascript - 使用 jodit 编辑器在 textarea 中写入或删除字符串

Question

我正在使用 Jodit 作为文本编辑器，我想使用 jquery/javascript 删除文本区域内的文本，但似乎我做不到。我可以使用 $('#xxx').val(); 读取文本区域，但不能使用例如$('#xxx').val('yyy');

我正在添加一些代码，希望它会更清楚:

<form>
    <textarea id="test">Hi</textarea>
</form>

<script>
    $('textarea').each(function () {
        var editor = new Jodit(this);
    });

    $('#test').val('Bye');
</script>

但是textarea中的字符串没有变化。另外，如果尝试删除它:

<script>
    $('#test').val('');
</script>

没有任何反应。

Answer 1

您需要对编辑器对象执行操作，而不是直接在 textarea 上执行操作。下面是 jodit 更新文本的示例。

var editor = new Jodit('#editor');
editor.value = '<p>start</p>';

您可以使用此 editor.value 属性更改文本。

对于您的场景，下面的代码将起作用

<form>
    <textarea id="test">Hi</textarea>
</form>

<script>
    var editor = = new Jodit('#test');    
    editor.value = 'any value here';
</script>