<textarea name="content" id="container" class="layui-textarea" style="width: 100%; height: 300px; z-index: 4;"></textarea>
<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.all.js"> </script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
//默认显示内容必须在实例化编辑器之后才能显示
ue.ready(function() {
//默认显示内容
if(!ue.getContent()){
ue.setContent('<p style="color:silver">默认显示的内容</p>');
}
//文本框获取焦点时清空默认显示的内容
ue.addListener("focus", function(){
if(ue.getContent()=='<p style="color: silver;">默认显示的内容</p>'){
ue.setContent('');
}
});
//文本框是去焦点时,若内容为空则显示默认显示的内容
ue.addListener("blur", function(){
if(!ue.getContent()){
ue.setContent('<p style="color:silver">默认显示的内容</p>');
}
});
});
</script>
ueditor富文本默认显示内容
最新推荐文章于 2024-04-30 16:19:55 发布