ueditor设置placeholder(优化版,修复bug)

第一步,写入原型
UE.Editor.prototype.placeholder = function (justPlainText) {
            var _editor = this;
            _editor.addListener("focus", function () {
                var localHtml = _editor.getContent();
                if ($.trim(localHtml) === $.trim('<p>'+justPlainText+'</p>')) {
                    _editor.setContent(" ");
                }
            });
            _editor.addListener("blur", function () {
                var localHtml = _editor.body.innerHTML;
                if (localHtml==='<p> </p>' || localHtml==='<p><br></p>') {
                    _editor.setContent(justPlainText);
                }
            });
            _editor.ready(function () {
                _editor.fireEvent("blur");
            });
            _editor.addListener('beforeExecCommand',function () {
                editor.focus(true);
            });
        };
第二步,初始化实例
var editor = UE.getEditor('editor');
第三步,设置placeholder
editor.placeholder("请输入你的内容...");

解析:

在原有得基础上,增加了beforeExecCommand事件,解决了当一开始就上传图片等操作时placeholder不会消失得bug,优化了内容匹配;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,350评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,148评论 1 32
  • 早起,拉开窗帘,室外银装淡裹,昨夜下雪了。今天启程去台湾,居然没有错过2016年冬天的第一场雪,心底喜悦着,拍一张...
    mw568阅读 180评论 0 0
  • 支付宝业务协作协议 您(以下简称“甲方”)与支付宝(中国)网络技术有限公司(以下称“支付宝”或“乙方”)经友好协商...
    山东老李投融建阅读 2,964评论 0 1
  • 君为伊人举方天画戟, 卿为君郎许盛世柔情…
    天思静默阅读 162评论 0 6