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 해결 방안 을 수정 하 세 요~이 대 습 에 감 사 드 립 니 다~
그림:
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ThinkPHP5 일반 데이터 작업1. 데이터베이스는:thinkphp5, 새 데이터 테이블think_test 2.\application\database.php에서 수정 3.\application\index\model 다음에 새 모델 파일 테스트.ph...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.