SOURCE

//分享设置标题
var put1=document.getElementById("put1");
var div1=document.getElementById("btnr");
put1.onkeyup=function(){
	div1.innerText=put1.value;
}

var put1=document.getElementById("put1");
var btnr2=document.getElementById("btnr2");
put1.onkeyup=function(){
	btnr2.innerText=put1.value;
}

//分享设置描述
var put2=document.getElementById("put2");
var div2=document.getElementById("ljms");
put2.onkeyup=function(){
	div2.innerText=put2.value;
}

<div data-v-60ba70bd="" style="margin: 15px 0px;">
    <span data-v-60ba70bd="" style="display: inline-block; vertical-align: middle; margin-right: 10px;">标题：</span>
    <div data-v-60ba70bd="" class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type" style="color: rgb(142, 142, 147); width: 500px; margin-left: 15px;">
        <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
        <input id="put1" type="text" placeholder="请输入标题" class="ivu-input ivu-input-default">
        </div>
</div>
<div data-v-60ba70bd="" style="margin: 15px 0px;">
    <span data-v-60ba70bd="" style="display: inline-block; vertical-align: middle; margin-right: 10px;">描述：</span>
    <div data-v-60ba70bd="" class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type" style="color: rgb(142, 142, 147); width: 500px; margin-left: 15px;">
        <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
        <input id="put2" type="text" placeholder="请输入链接描述" class="ivu-input ivu-input-default">
    </div>
</div>
<div class="qy_right" style="margin-left:200px;">
    <div data-v-60ba70bd="" class="ivu-col ivu-col-span-6" style="text-align: center;left: 55%;margin-top: -85px;">
    <div data-v-60ba70bd="" style="position: relative;">
        <div data-v-60ba70bd="" style="border: 1px solid rgb(229, 229, 234); padding: 15px; display: inline-block; margin: 10px auto; width: 400px; text-align: left;">
        <div data-v-60ba70bd="" style="font-weight: 700; font-size: 14px; margin-bottom: 10px;">聊天窗口样式</div>
        <img data-v-60ba70bd="" src="./image/hetu.png" alt="" style="width: 40px; vertical-align: top; margin-right: 10px;">
        <span data-v-60ba70bd="" class="link-content">
            <div data-v-60ba70bd="" id="btnr" style="color: rgb(34, 34, 34); font-size: 14px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; width: 100%; overflow: hidden;"></div>
            <div data-v-60ba70bd="" style="position: relative; margin-top: 10px;">
            <span data-v-60ba70bd="" id="ljms" style="width: 180px; font-size: 12px; color: rgb(153, 153, 153); min-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;"></span>
            <img data-v-60ba70bd="" src="./image/lianjie.png" alt="">
            </div>
        </span>
        </div>
        <div data-v-60ba70bd="" class="" style="border: 1px solid rgb(229, 229, 234); padding: 15px; display: inline-block; margin: 10px auto; width: 400px; text-align: left;">
        <div data-v-60ba70bd="" style="font-weight: 700; font-size: 14px; margin-bottom: 10px;">朋友圈样式</div>
        <img data-v-60ba70bd="" src="./image/hetu.png" alt="" style="width: 40px; vertical-align: top; margin-right: 10px;">
        <span data-v-60ba70bd="" style="color: rgb(24, 144, 255);">分享小助手</span>
        <span data-v-60ba70bd="" class="link-content1" style="margin-top: 20px;">
            <img data-v-60ba70bd="" src="./image/lianjie.png" alt="">
            <span data-v-60ba70bd="" id="btnr" style="margin-left: 50px; display: -webkit-box; font-size: 14px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; position: absolute; top: 50%; transform: translateY(-50%);"></span>
            <!--<span data-v-60ba70bd="" id="btnr2" style="margin-left: 50px; display: -webkit-box; font-size: 14px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; position: absolute; top: 50%; transform: translateY(-50%);"></span>-->
        </span>
        </div>
    </div>
    </div>
</div>