如何从Jodit文本编辑器获取内容

时间:2019-11-06 11:58:55

标签: jquery wysiwyg rich-text-editor jodit

我正在尝试将Jodit编辑器的内容放入一个变量中。

我尝试浏览他们的文档,但无处可寻。我看过他们的方法文档,但是那里提供的信息没有任何联系。

    <textarea id="editor"></textarea>
    <br>
    <button class="btn btn-primary ml-3" id="save">Save</button>

    <script>
        var editor = new Jodit('#editor', {

        });

        $('#save').on('click', function(e) {
             var text = editor.someMethodThatGetsContents(); 
             alert(text); 
        });
    </script>

我想我应该得到一个html字符串。

2 个答案:

答案 0 :(得分:0)

   var editor = new Jodit('#editor');
   var editor_val = editor.value;

   console.log(editor_val);

尝试这种方式,也许对您有帮助。

答案 1 :(得分:0)

来自文档:

function handleContent(newValue) {
...
const x =  newValue.srcElement.innerHTML;
...
}

<JoditEditor
...
onBlur={handleContent}
...
/>