富文本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成功应用到项目上案例所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。