富文本wangEditor成功应用到项目上案例

（1）隐藏textarea显示富文本

<div class="col-sm-12">
<div id="message_reminder_con" style="margin-top:40px;"></div>
<textarea id="textarea_box" class="textarea_opacity"></textarea>
<p class="annotation">注：输入框中可输入@符号，选择系统用户以达到提醒某人的功能</p>
</div>

（2）富文本的调用：

var message_reminder_obj

$(function (){
sessionStorage.removeItem("_key_");
sessionStorage.setItem("_key_", '用户体验水平概览');
//消息提醒富文本
var E = window.wangEditor
    message_reminder_obj = new E('#message_reminder_con');
    //配置上传图片
message_reminder_obj.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片
message_reminder_obj.create();
$('#message_reminder_con p').html('#用户体验水平概览#&nbsp&nbsp');

});

（3）将富文本的值传给textarea

$('#textarea_box').val(message_reminder_obj.txt.html());

最后

以上就是贪玩小熊猫最近收集整理的关于富文本wangEditor成功应用到项目上案例的全部内容，更多相关富文本wangEditor成功应用到项目上案例内容请搜索靠谱客的其他文章。