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('intro_detail',{ //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("'"+UE.getEditor('intro_detail').getContent()+"'");
레이블이 지정된 입력을 작은따옴표와 함께 텍스트 상자에 넣고 입력에 저장한 후 동시에 보냅니다. . 작은 따옴표를 사용하는 이유는 그렇지 않으면 전송되지 않으며 데이터를 얻을 때 작은 따옴표를 제거하면 됩니다.
$.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("参数错误"); } } });
$db = M('game'); $data = $db->create(I('post.')); $data['intro_detail'] = $_POST['intro_detail1']; $db->add($data);
foreach($result as $key =>$value){ $result[$key]['intro_detail']=str_replace("'","",$result[$key]['intro_detail']);//过滤单引号 } $this->assign('game_list', $result); $this->display('');
$user = M('game'); $result = $user->field();
위 내용은 Baidu 편집기 Ueditor에 tp3를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!