<div>
<form id="myForm" method="post" action="<?=Url::toRoute(['save'])?>">
<!-- 正文 -->
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain" style="height:150px"></script>
<input type="hidden" name="image" id="image" value="" >
</form>
</div>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container', {
toolbars: [[
'fullscreen', 'source', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'fontborder', 'forecolor', 'backcolor', 'fontsize', '|', 'simpleupload', 'link'
]],
serverUrl:'<?=\yii\helpers\Url::toRoute('upload')?>',
});
//默认显示内容必须在实例化编辑器之后才能显示
ue.ready(function() {
//默认显示内容
ue.setContent('<p style="color:silver">文明发言,如有违反,后果将由您个人自行承担。</p>');
//文本框获取焦点时清空默认显示的内容
ue.addListener("focus", function(){
ue.setContent('');
});
//文本框是去焦点时,若内容为空则显示默认显示的内容
ue.addListener("blur", function(){
if(!ue.getContent()){
ue.setContent('<p style="color:silver">文明发言,如有违反,后果将由您个人自行承担。</p>');
}
});
});
</script>
ueditor文本框初始化如何显示默认内容,以及文本框获取焦点后清空默认内容
最新推荐文章于 2024-06-25 09:02:21 发布