富文本編輯器和源代碼編輯器，使用javascript彼此傳遞內容

Question

因此，我有一個RTF編輯器，可以將html寫入div。

<div id="editor" contenteditable="true">
            @Html.Raw(Model.Text)
        </div>
    </div>
    <div class="tab-pane" id="source">
        <div class="textarea" id="editSource" contenteditable="true">
            @Model.Text
        </div>
    </div>

我有一個引導這兩個模式分開的bootstrav導航選項卡，我想在交換模式時使用JavaScript來設置其他編輯器div的內容。 這是標簽和我正在編寫的javascript。

function editorClick() {
        $('#editor').innerHTML = $('#editSource').innerHTML;
    };

    function sourceClick() {
        $('#editSource').innerHTML = $('#editor').html();
    };
</script>

<ul class="nav nav-tabs">
    <li class="nav-item"><a class="nav-link active" href="#edit" data-toggle="tab" onclick="editorClick();">Editor</a></li>
    <li class="nav-item"><a class="nav-link" href="#source" data-toggle="tab" onclick="sourceClick();">Source</a></li>
</ul>

我還不關心邏輯，因為我無法對其進行測試。 javascript函數不會更改其他編輯器的內容。 所以出事了

Answer 1

在評論中提供一些幫助，謝謝大家！ 我設法使它起作用。

    function editorClick() {
        $('#editor').html($('#editSource').text());
    };

    function sourceClick() {
        $('#editSource').text($('#editor').html());
    };

謝謝您的幫助！