ThinkpHP Ueditor 사용 방법 상세 설명
많은 사람들 이 아직도 FCkeditor 를 사용 하고 있다 고 믿 습 니 다.예전 에 저도 사용 하고 있 었 습 니 다.그런데 바 이 두 의 Ueditor 를 발견 한 후에 Ueditor 가 Fckeditor 보다 더 예 쁘 고 조작 성도 Fckeditor 보다 훨씬 좋아 졌 습 니 다.그래서 ueditor 를 사용 하려 고 했 습 니 다.그러나 ThinkpHP 구조 에서 ueditor 를 사용 하 는 데 문제 가 생 겼 고 이런 문 제 를 해결 하 는 데 시간 도 걸 렸 습 니 다.이렇게 해서...여기에 ThinkpHP 에서 ueditor 를 사용 하 는 튜 토리 얼 을 써 서 필요 한 사람 에 게 줍 니 다.
1.사이트 의 루트 디 렉 터 리 아래 에"Public"폴 더 를 만 듭 니 다.이 폴 더 는 ThinkPHP 에서 를 사용 할 수 있 습 니 다.PUBLIC__바 꾸 기 위해 서 프로그램의 작성 을 편리 하 게 하고 ueditor 파일 을 이 폴 더 에 넣 습 니 다.
2.ueditor 를 사용 해 야 하 는 템 플 릿 파일 에서 ueditor 가 사용 할 js 와 css 를 가 져 옵 니 다.예 를 들 어 저 는 App/tpl/default/Venter/createvent.html 에 다음 코드 를 추가 합 니 다.
<script type="text/javascript" src="__PUBLIC__/ueditor/editor_config.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/editor_all.js"></script>
<link rel="stylesheet" href="__PUBLIC__/ueditor/themes/default/ueditor.css"/>
3.사이트 루트 디 렉 터 리 에 비해 Ueditor 의 위 치 를 설정 합 니 다.여기 서 절대 경 로 를 사용 하 는 것 을 권장 합 니 다.즉,유사 합 니 다.http://localhost:1080이러한 경 로 는 사이트 프로젝트 의 개발 에 있어 서 많은 곳 에서 ueditor 를 사용 하지만 사용 하 는 위치 가 다 르 기 때문에 현재 디 렉 터 리 와 서버 루트 디 렉 터 리 의 상대 적 인 경로 변화 로 인해 ueditor 를 사용 할 수 없습니다.예 를 들 어,내 가 설정 한 경로(프로필:ueditor 디 렉 터 리 의 editorconfig.js)코드 를 바 꿉 니 다.
URL= tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","");
// ueditor ( http )
다음으로 바 꾸 기:
URL = "http://localhost:1080/Public/ueditor/";
4.다음은 폼 에 대한 응용 프로그램 입 니 다.
<form action="__ROOT__/index.php/Venter/ventChk" method="post">
<script type="text/plain" id="Vent" style="width:500px;"></script>
<input type="checkbox" name="opened" value="1"/>
<input type="submit" value=" " />
</form>
<!-- ueditor-->
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor({
toolbars:[['Spechars','Emotion','InsertImage','Bold','Italic','ForeColor','FontFamily','FontSize', ]],// ueditor
initialContent: '<span style="color:#ccc"> </span>',
minFrameHeight: 100,//
autoFloatEnabled: false,// -》
textarea:'myVent'//form
});
editor.render("Vent");
</script>
<!-- Ueditor -->
위 코드 에서 보 듯 이$를 통과 할 수 있 습 니 다.POST['my Vent']는 Ueditor 편집 구역 의 내용 을 가 져 옵 니 다.5、Thinkphp 에서 어떻게 사용 하나 요?먼저 얻 은 내용 을 전의 로 제출 해 야 합 니 다.여기 서 우 리 는 다음 과 같은 코드 를 사용 합 니 다.
$content = htmlspecialchars(stripslashes(POST['myVent']));
그 다음 작업 은$content 를 데이터베이스 에 삽입 하 는 것 입 니 다.6.데이터 에서 데 이 터 를 추출 하고 의 미 를 바 꾸 어 내용 을 정상적으로 표시 할 수 있 도록 한다.
$vent = new VenterModel;
$list = $vent->select();
$this->assign("list",$list)
이렇게 html 템 플 릿 에 내용 을 표시 할 수 있 습 니 다.
<volist name="list" id="vo">
{$vo.content|htmlspecialchars_decode}
</volist>
여기에 thinkphp 템 플 릿 의 한 용법 을 사 용 했 습 니 다.즉,템 플 릿 에서 함 수 를 사용 할 수 있 습 니 다.여 기 는 함수 html specialchars 를 사 용 했 습 니 다.decode 는$vo,content 를 바 꿉 니 다.위의 코드 는 이렇게 볼 수 있 습 니 다.htmlspecialchars_decode($vo.content),이곳 의 이 방법 을 선택 하 는 데 오 랜 시간 이 걸 렸 습 니 다.그 때 는 이 방법 을 고려 하지 않 았 습 니 다.그 때 는 html specialchars 때 문 이 라 고 생각 했 습 니 다.decode 함수 가 받 아들 인 전송 값 은 배열 이 될 수 없 기 때문에 데이터베이스 에서 추출 한 데 이 터 를 직접 전달 할 수 없습니다.나중에 배열 을 옮 겨 다 니 는 방법 으로 배열 안의 모든 요 소 를 html specialcharsdecode 는 내용 을 의 미 를 바 꿀 수 있 지만 템 플 릿 에 표시 할 수 없습니다.마지막 에 공식 적 인 매 뉴 얼 을 보고 나 서 야 이곳 을 생각 했 습 니 다.그래서 프로그램 을 하려 면 반드시 공식 문 서 를 많이 보면 많은 문 제 를 해결 할 수 있 습 니 다.
PS:이 사이트 의 포맷/미화/변환 도 구 를 추천 합 니 다.난잡 한 코드 를 정리 하 는 데 도움 이 될 것 입 니 다.앞으로 개발 에 사용 할 수 있 을 것 이 라 고 믿 습 니 다.
php 코드 온라인 포맷 미화 도구:
http://tools.jb51.net/code/phpformat
JavaScript 코드 미화/압축/포맷/암호 화 도구:
http://tools.jb51.net/code/jscompress
온라인 XML 포맷/압축 도구:
http://tools.jb51.net/code/xmlformat
JSON 코드 포맷 미화 도구:
http://tools.jb51.net/code/json
온라인 XML/JSON 상호 변환 도구:
http://tools.jb51.net/code/xmljson
json 코드 온라인 포맷/미화/압축/편집/변환 도구:
http://tools.jb51.net/code/jsoncodeformat
sql 코드 온라인 포맷 미화 도구:
http://tools.jb51.net/code/sqlcodeformat
thinkpHP 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.ThinkpHP 입문 강좌,ThinkPHP 상용 방법 총화,PHP 에서 쿠키 사용법 요약,smarty 템 플 릿 입문 기초 튜 토리 얼과PHP 템 플 릿 기술 총화.
본 고 는 ThinkPHP 프레임 워 크 를 기반 으로 한 PHP 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.