바 이 두 편집기 ueditor 내용 편집 자동 P 탭 및 p 탭 교체

3006 단어 ueditor자동 P 탭
그림 에서 보 듯 이 빨 간 테 두 리 는 리 턴 키 와 shift+리 턴 입 니 다.
   ===>> 
ueditor.all.js 중:
1:
검색 을 false:allowDivTransTop:false 로 변경
다음 을 검색 하고 수정 합 니 다:

//         

if (domUtils.isEmptyNode(me.body)) {
me.body.innerHTML = '<div>' + (browser.ie ? '' : '<br/>') + '</div>';
}
2:

//     inline   p  
      if (me.options.enterTag == 'p') {

        var child = this.body.firstChild, tmpNode;
        if (!child || child.nodeType == 1 &&
          (dtd.$cdata[child.tagName] || isCdataDiv(child) ||
            domUtils.isCustomeNode(child)
            )
          && child === this.body.lastChild) {
          this.body.innerHTML = '<div>' + (browser.ie ? '&nbsp;' : '<br/>') + '</div>' + this.body.innerHTML;

        } else {
          var p = me.document.createElement('div');
          while (child) {
            while (child && (child.nodeType == 3 || child.nodeType == 1 && dtd.p[child.tagName] && !dtd.$cdata[child.tagName])) {
              tmpNode = child.nextSibling;
              p.appendChild(child);
              child = tmpNode;
            }
            if (p.firstChild) {
              if (!child) {
                me.body.appendChild(p);
                break;
              } else {
                child.parentNode.insertBefore(p, child);
                p = me.document.createElement('div');
              }
            }
            child = child.nextSibling;
          }
        }
      }
이상 유사 한 것 은 여러 군데 있 습 니 다.p 를 div 로 바 꿉 니 다.
3:
위의 코드 상자 에서 if(me.options.enterTag==p)이 P 는 아래 스위치 에 따라 갑 니 다.
enterTag:'p',//변경 후 리 턴 으로 줄 바 꾸 기 증가 br,줄 바 꾸 기 없 이 div 증가
4:
//편집기 에 들 어간 li 는 p 라벨 을 붙 여야 합 니 다.P 를 붙 일 필요 가 없습니다.주석 을 달 아 주세요.

//      li  p  
  /*        me.addInputRule(function(root){
    utils.each(root.getNodesByTagName('li'),function(li){
      var tmpP = UE.uNode.createElement('p');
      for(var i= 0,ci;ci=li.children[i];){
        if(ci.type == 'text' || dtd.p[ci.tagName]){
5:아래 찾기 및 설명

//   ,      ul         , <ul class=" list-paddingleft-2">
node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;

//           ,               li style  ,        ?
li.style.cssText && (li.style.cssText = '');
이것으로 완성 되 었 다

좋은 웹페이지 즐겨찾기