contenteditable=“true”的div实现类似双向

<div class="textCont" contenteditable="true" id="keywordsreplyDivContent"></div>
<div class="selectPreviewdefault" style="display:block;">请在左侧卡片正文中输入内容</div>

$('.textCont').keyup(function () {
    $('.selectPreviewdefault').text($(this).text()).css("color", 'rgba(51,51,51,1)');
    if ($(this).text() == '') {
       $('.selectPreviewdefault').text('请在左侧卡片正文中输入内容').css("color", 'rgba(191,191,191,1)');
    }
});

<input type="text" id="cardname" placeholder="最多输入20个字符" class="messageCardsreplyinput" />
<div class="selectPreviewdefaulttxt ">请在左侧卡片标题中输入内容</div>

$('.messageCardsreplyinput').keyup(function () {
    $('.selectPreviewdefaulttxt').text($(this).val()).css("color", 'rgba(51,51,51,1)');
    if ($(this).val() == '') {
        $('.selectPreviewdefaulttxt').text('请在左侧卡片标题中输入内容').css("color", 'rgba(191,191,191,1)');
    }
});