功夫码

我来教你如何给 UEditor 添加模拟的placeholder效果

晓峰 时间:2019-05-16 16:38:54 阅读:604
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

我来教你如何给百度编辑器 UEditor 添加模拟的placeholder效果


UE.Editor.prototype.placeholder = function (justPlainText) {
   var _editor = this;
   _editor.addListener("focus", function () {
      var localHtml = _editor.getPlainTxt();
      if ($.trim(localHtml) === $.trim(justPlainText)) {
         _editor.setContent(" ");
      }
   });
   _editor.addListener("blur", function () {
      var localHtml = _editor.getContent();
      if (!localHtml) {
         _editor.setContent(justPlainText);
      }
   });
   _editor.ready(function () {
      _editor.fireEvent("blur");
   });
};

//实例化编辑器example
var editor = UE.getEditor(编辑器id);

//placeholder内容(只能是文本内容)
editor.placeholder("halou 功夫码");


--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

  • 回到顶部