jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법

不言
풀어 주다: 2018-08-09 17:50:47
원래의
3259명이 탐색했습니다.

이 글의 내용은 jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법에 대한 내용으로, 필요한 친구들이 참고하면 도움이 될 것입니다.

리치 텍스트는 개발 중에 자주 사용되는데요. 오늘 제가 녹음한 왕에디터도 아주 사용하기 쉬운 리치 텍스트 플러그인입니다. 사진을 직접 사용하는 방법:
1. 먼저 Baidu에서 직접 다운로드할 수 있습니다.
2. 플러그인 파일(js 2개, CSS 1개)을 소개합니다.
jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법
3. js 코드 Editor의 서식 있는 텍스트
jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법

<script type="text/javascript">
        var E =  = window.wangEditor
  r        var editor = new E(&#39;#editor&#39;)        
  // 或者 var editor = new E( E( document.getElementByItById(&#39;editor&#39;) )
           editor.customConfig.uploadImgServServer = &#39;上传图片url&#39;;

           editor.customConfig.uploadFileNameName = &#39;上传图片文件夹名&#39;;
           editor.customConfig.uploadImgMaxSMaxSize = 图片限制大小;
           editor.customConfig.uploadImgHeadHeaders = {            
           &#39;Accept&#39; : &#39;multipart/form-data&#39;
        };
           editor.customConfig.debug=tru=true;
           editor.create()
 ()        var editor_value=$(&#39;.content&#39;).html();
           editor.txt.html(edi(editor_value);    
           </script>
로그인 후 복사

UploadImgServer는 텍스트 콘텐츠에 이미지를 업로드하기 위한 인터페이스이고, uploadFileName은 루트 디렉터리에 이미지를 업로드하기 위한 폴더 이름이며, uploadImgMaxSize는 업로드된 이미지를 정의하는 최대 크기입니다
After 이러한 구성을 채우려면 서식 있는 텍스트 상자에 다음 코드를 추가해야 합니다.
jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법

<p id="editor"></p>
로그인 후 복사

p의 ID는 editor여야 하며, 서식 있는 텍스트 상자를 만들려면 js에 editor.create()를 작성해야 합니다. 효과는 다음과 같습니다: jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법

관련 권장 사항:

Javascript 이벤트 위임 코드 구현 및 코드 최적화

자세한 사례 설명: 동적 프로그래밍 소개(계단 오르기를 예로 들어)

간단한 사용 방법 캐러셀 스크롤 효과를 얻기 위한 Node.js 코드가 있나요?

위 내용은 jQuery 리치 텍스트 플러그인: wangEditor 플러그인 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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