ThinkPHP 통합 바 이 두 Ueditor 그래 픽 튜 토리 얼

ThinkpHP 통합 바 이 두 Ueditor,황 영성 선생님 의 영상 설명 을 바탕 으로
설명:모두 가 절대 경 로 를 쓸 수 있 는 것 이 좋 습 니 다.예 를 들 어 window.UEDITORHOME_URL
그 가 튜 토리 얼 에서 이미 말 한 것 을 나 는 다 시 는 말 하지 않 겠 다.한 획 만 가 져 가 겠 다.됐어,쓸데없는 소리 하지 마!
편집 기 를 호출 할 때 먼저 값 을 초기 화 합 니 다:

<script type="text/javascript" charset="utf-8">
  window.UEDITOR_HOME_URL = "/Public/ueditor/"; //UEDITOR_HOME_URL、config、all         
  window.onload=function(){
    window.UEDITOR_CONFIG.initialFrameHeight=300;//      
    window.UEDITOR_CONFIG.imageUrl="{:U('admin/Category/checkPic')}";     //        
    window.UEDITOR_CONFIG.imagePath=' /Uploads/thumb/';//          
    UE.getEditor('contents');//   contents   textarea id 
    
    }
 
</script>
그 다음 에 2 개의 js 파일 을 도입 했다.각각 1,ueditor.all.min.js 2,ueditor.config.js 이다.
여기 서 내 가 이상 에서 말 한 호출 방식 을 설명해 봐.순서 가 절대 어 지 러 워 서 는 안 돼.어 지 러 우 면 문제 가 생 길 거 야.그 러 니까 내 가 하 는 대로 해!
편집기 의 그림 제출 주 소 를 다시 썼 기 때문에 컨트롤 러 에 그림 처리 방법 을 써 야 합 니 다.
코드 는 다음 과 같 습 니 다:

//  Ueditor         
    public function checkPic(){
      import('ORG.Net.UploadFile');
       $upload = new UploadFile();//       
       $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');//         
       $upload->autoSub =true ;
       $upload->subType ='date' ;
       $upload->dateFormat ='ym' ;
       $upload->savePath = './Uploads/thumb/';//         
       if($upload->upload()){
         $info = $upload->getUploadFileInfo();
         echo json_encode(array(
          'url'=>$info[0]['savename'],
          'title'=>htmlspecialchars($_POST['pictitle'], ENT_QUOTES),
          'original'=>$info[0]['name'],
          'state'=>'SUCCESS'
         ));
       }else{
         echo json_encode(array(
         'state'=>$upload->getErrorMsg()
         ));
           }
 
      }
제 가 먼저 코드 를 보 여 드 리 겠 습 니 다.먼저 설명 을 계속 하고 있 습 니 다.
1.tp 공식 파일 업로드 처리 류 를 도입 하고 설정 을 초기 화 합 니 다.이런 것들 은 소개 하지 않 습 니 다!
2.그 가 업로드 에 성 공 했 는 지 판단 하고 업로드 에 성공 하면 먼저 그의 업로드 에 성공 한 정 보 를 얻 은 다음 에 배열 을 json 으로 바 꾸 고 phopjsonencode。업로드 에 실패 하면 업로드 에 실패 한 정 보 를 바로 되 돌려 줍 니 다!
지금까지 황 영성 선생님 의 튜 토리 얼 에서 설 명 했 습 니 다!자세히 설명 하지 않 겠 습 니 다.모 르 는 것 은 영상 을 보 러 갑 니 다!
업 로드 를 통합 한 후에 업 로드 된 이미지 경로 가 바 뀌 었 고 그림 과 같이 표시 되 지 않 았 습 니 다.

데 이 터 를 보 여 주 는 곳 에 반전 의 함 수 를 사용 하여{$article.content|stripslashes}을 작 동 했 습 니 다.이렇게 하면 데이터 가 정상적으로 표 시 됩 니 다.
그림:
그리고 프론트 모드 에서 데 이 터 를 표시 할 때 반전 의 미 는 물론 html 실체 화 를 제거 해 야 합 니 다.{$article.content|htmlspecialcharsdecode|stripslashes}이렇게 하면 정상적으로 표 시 됩 니 다!
그리고 바 이 두 편집기 의 내용 이 증가 할 때 그의 높이 도 증가 합 니 다.그림 과 같 습 니 다.

해결 방안 은 Ueditor 의 설정 파일 인 ueditor.config.js 입 니 다.안에 있 는 428 줄 에서 설명 을 열 고 true 로 바 꾸 고 430 줄 주석 을 열 어서 초기 화 된 높이 로 바 꾸 면 됩 니 다.그림:

이렇게 하면 편집기 가 높 아 지지 않 을 것 이다!그림:

끝!!!말 못 하 는 신 은 뿌리 지 마 세 요~~이 건 소통 만 나 누 는 거 예요.잘못 말 하면 지적 해 주시 면 돼 요.감사합니다.
추가 설명:Ueditor 가 ie7 아래 에서 호출 되 지 않 는 bug 문제 해결 방법 에 대해 서 는 그저께 홈 페이지 를 둘 러 보 았 을 때 한 사람의 이 문 제 를 발 견 했 습 니 다.저 는 사람 이 사랑 하 는 ie6 만 있 고 테스트 도 하지 않 았 기 때문에 다른 사람 이 일 깨 워 주 었 습 니 다.지금 ie7 의 bug 해결 방안 을 수정 하 세 요~이 대 습 에 감 사 드 립 니 다~
그림:

좋은 웹페이지 즐겨찾기