Baidu 편집기 Ueditor에 tp3를 삽입하는 방법은 무엇입니까?

零下一度
풀어 주다: 2023-03-14 08:00:02
원래의
2383명이 탐색했습니다.

Baidu ueditor 편집기를 로드하고 구성하는 방법은 공유됩니다
실제로는 매우 간단하지만 데이터를 읽을 때 htmlspecialchars_decode($str) 함수를 사용하여 이스케이프해야 합니다. 그렇지 않으면 약간의 사소한 문제가 발생할 수 있습니다. 읽기 콘텐츠에 문제가 있습니다. 세부 정보 보기 세부 정보

조판 요구 사항으로 인해 서식 있는 텍스트 편집기를 삽입하고 html 태그로 텍스트 콘텐츠를 출력해야 하는 경우가 많습니다. 최근에 html 태그로 텍스트를 출력하고 서버에 저장할 수 있도록 텍스트 콘텐츠를 편집해야 하는 백엔드 관리 시스템을 작업했기 때문에 클라이언트는 서버에서 태그가 지정된 텍스트를 가져오기 위한 요청을 보냅니다. 저는 ueditor인

1을 사용합니다. 먼저 www.jb51.net/codes/56667.html로 이동하여 PHP 버전 utf 버전을 다운로드합니다.

공개 디렉토리에 넣으세요.

2 뷰에서 서식 있는 텍스트 편집기를 사용할 때 일반적으로 양식에 텍스트 영역을 추가합니다.


<form>  
<p><textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea> </p>
</form>
로그인 후 복사

3 텍스트의 초기 값을 구성하려면 HTML 끝에 스크립트를 추가합니다. 여기서 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(&#39;intro_detail&#39;,{  //intro_detail为要编辑的textarea的id
    initialFrameWidth: 418,  //初始化宽度
    initialFrameHeight: 500,  //初始化高度
  });

</script>
로그인 후 복사

4에서 구성한 경로입니다. 일반적으로 양식에 버튼을 추가하면 양식의 모든 데이터가 기본적으로 제출되지만 내 프로젝트에는 이미지 업로드도 포함됩니다. 여기서는 ajax 비동기 제출을 사용하고 있으므로 질문은 jq에서 ("#intro_detail").val() 값을 통해 제출할 값을 얻을 수 있습니까? 대답은 '아니오'입니다. 텍스트 영역 아래에 숨겨진 입력. ueditor에서 제공하는 메소드를 사용하여 내부 값을 가져와 입력에 할당하므로 컨트롤러에서 _POST(' 이름')을 전달할 수 있습니다.


 <p >  
<textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea>
</p>
 <input type="text" style="display: none" id="intro_detail1" name="intro_detail1" >
로그인 후 복사

ajax 제출,

코드는 다음과 같습니다.

$("#intro_detail1").val("&#39;"+UE.getEditor(&#39;intro_detail&#39;).getContent()+"&#39;");
로그인 후 복사

레이블이 지정된 입력을 작은따옴표와 함께 텍스트 상자에 넣고 입력에 저장한 후 동시에 보냅니다. . 작은 따옴표를 사용하는 이유는 그렇지 않으면 전송되지 않으며 데이터를 얻을 때 작은 따옴표를 제거하면 됩니다.

$.ajax({
          type: "POST",
          url: "<{:U(&#39;Admin/GameManager/Game/modGame&#39;)}>",
          dataType: &#39;json&#39;,
          processData: false,
          contentType: false,
          cache: false,
          data: formData,
          success:function(r){
            if(r.success){
              alert(&#39;编辑成功&#39;);
              window.location.reload();//重新刷新一次
              $(&#39;#user_dialog&#39;).modal(&#39;hide&#39;);
            }
            else{
              alert("参数错误");
            }
          }
        });
로그인 후 복사

5 컨트롤러에서 $_POST('양식 이름')를 사용하여 데이터를 가져와서 데이터베이스에 쓸 수 있습니다

$db = M(&#39;game&#39;);
    $data  = $db->create(I(&#39;post.&#39;));
    $data[&#39;intro_detail&#39;] = $_POST[&#39;intro_detail1&#39;];
    $db->add($data);
로그인 후 복사

6. 뷰에서 따옴표만 제거하세요

foreach($result as $key =>$value){    
      $result[$key][&#39;intro_detail&#39;]=str_replace("&#39;","",$result[$key][&#39;intro_detail&#39;]);//过滤单引号
    }
    $this->assign(&#39;game_list&#39;, $result);
    $this->display(&#39;&#39;);
로그인 후 복사

$result는 sql 문을 사용하여 찾은 데이터베이스 콘텐츠이고, intro_detail은 데이터베이스에 저장된 레이블과 작은따옴표가 포함된 텍스트 콘텐츠입니다

$user = M(&#39;game&#39;);
    $result = $user->field();
로그인 후 복사

7. 실제로 어렵지 않습니다. 저는 또한 모든 사람에게 몇 가지 아이디어를 제공하고 더 많은 논의를 할 수 있습니다. 저도 초보자입니다.

위 내용은 Baidu 편집기 Ueditor에 tp3를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!