thinkphp 3.2 바 이 두 편집기 ueditor 에 포 함 된 인 스 턴 스 코드

본 고 는 thinkphp 3.2 바 이 두 편집기 ueditor 를 삽입 하여 여러분 에 게 공유 하 였 으 며,이 글 이 여러분 에 게 도움 이 되 기 를 바 랍 니 다.
레이아웃 요구 로 인해 부 텍스트 편집기,html 태그 가 있 는 텍스트 내용 을 출력 해 야 할 때 가 많 습 니 다.최근 에 백 스테이지 관리 시스템 을 만 들 었 기 때문에 텍스트 내용 을 편집 하고 html 태그 가 있 는 텍스트 를 서버 에 저장 하 라 고 요 구 했 습 니 다.클 라 이언 트 는 서버 의 태그 텍스트 를 가 져 오 라 고 요 구 했 습 니 다.제 가 사용 하 는 것 은 ueditor 입 니 다.
1.우선 우 리 는 여기에 갑 니 다https://www.jb51.net/codes/56667.htmlPHP 버 전 utf 버 전 을 다운로드 합 니 다.
그것 을 Public 디 렉 터 리 아래 에 놓 아 라.

2.보기 view 에서 부 텍스트 편집 기 를 사용 하려 면 보통 폼 에 textarea 를 추가 합 니 다.

<form>  
<div><textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea> </div>
</form>

3.html 마지막 에 script 설정 텍스트 상자 의 초기 값 을 추가 합 니 다.그 중에서 PUBLIC 는 제 가 config 설정 한 경로 입 니 다.

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>
<!--        ，   ie                    -->
<!--                          ，               ，       ，       -->
<script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
  UE.getEditor('intro_detail',{  //intro_detail     textarea id
    initialFrameWidth: 418,  //     
    initialFrameHeight: 500,  //     
  });

</script>

4.보통 우 리 는 폼 에 단 추 를 추가 할 때 기본적으로 폼 안의 데 이 터 를 모두 제출 합 니 다.그러나 제 프로젝트 에는 그림 업로드 문제 도 포함 되 어 있 습 니 다.제 가 여기 서 사용 하 는 것 은 ajax 비동기 제출 입 니 다.그러면 문 제 는 jq 의("\#intro"를 통 해detail").val()의 값 은 제출 할 값 을 가 져 옵 니 다.답 은 안 됩 니 다.제 처리 방법 은 textarea 아래 에 숨겨 진 input 을 추가 하 는 것 입 니 다.우리 문 은 ueditor 가 제공 하 는 방법 으로 안에 있 는 값 을 가 져 와 input 에 부여 하고 폼 과 함께 제출 하면 컨트롤 러 에서POST('폼 의 name')는 다음 과 같 습 니 다.

 <div >  
<textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea>
</div>
 <input type="text" style="display: none" id="intro_detail1" name="intro_detail1" >

ajax 제출,

$("#intro_detail1").val("'"+UE.getEditor('intro_detail').getContent()+"'");

텍스트 상자 에 입력 한 탭 을 작은 따옴표 로 맞 추고 input 에 저장 하면 동시에 지나 갑 니 다.왜 작은 따옴표 로 보 내지 않 으 면 보 내지 못 하고 자동 으로 탭 을 걸 러 냅 니 다.우 리 는 데 이 터 를 꺼 낼 때 작은 따옴표 로 처리 하면 됩 니 다.

$.ajax({
          type: "POST",
          url: "<{:U('Admin/GameManager/Game/modGame')}>",
          dataType: 'json',
          processData: false,
          contentType: false,
          cache: false,
          data: formData,
          success:function(r){
            if(r.success){
              alert('    ');
              window.location.reload();//      
              $('#user_dialog').modal('hide');
            }
            else{
              alert("    ");
            }
          }
        });

5.컨트롤 러 안에$사용 가능POST('폼 의 name')데이터 받 아 데이터베이스 에 쓰기

$db = M('game');
    $data  = $db->create(I('post.'));
    $data['intro_detail'] = $_POST['intro_detail1'];
    $db->add($data);

6.보기 로 데 이 터 를 가 져 올 때 따옴표 만 처리 하면 됩 니 다.

foreach($result as $key =>$value){    
      $result[$key]['intro_detail']=str_replace("'","",$result[$key]['intro_detail']);//     
    }
    $this->assign('game_list', $result);
    $this->display('');

$result 는 내 가 sql 구문 으로 찾 은 데이터베이스 내용 이 고 introdetail 은 데이터베이스 에 라벨 과 따옴표 가 있 는 텍스트 내용 입 니 다.

$user = M('game');
    $result = $user->field(）;

7.사실 어렵 지 않 습 니 다.저도 여러분 에 게 아 이 디 어 를 제공 하고 토론 을 많이 할 수 있 습 니 다.저도 소 백 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.