ThinkpHP Ueditor 사용 방법 상세 설명

6072 단어 ThinkPHPUeditor
이 글 은 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 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기