wysiwyg.js 편집기가 처음으로 활성화되었습니다. <textarea>

Question

http://wysiwygjs.github.io/ 편집기를 CMS에 추가하려고합니다.

이 데모는이를 통해 편집자 수 있습니다 보인다

<script type="text/javascript"> 
$(document).ready(function() { 
    // Featured editor 
    $('#editor1,#editor2,#editor3').each(function(index, element) 
    { 

그래서 제거했습니다 #의 editor2 및 #의 editor3 그냥 내가 필요한 editor1을 유지.

는 다음을 통해 내 스크립트에서 사용 가능 :

<textarea name="tresc[%id]" id="editor1"> 

과 첫 번째 텍스트 영역을 위해, 나머지는 도구 모음이 없었 만했다.

Answer 1

인용 된 페이지를 검사하면 도구 모음이 텍스트 영역 위에 별도 <div class="wysiwyg-toolbar wysiwyg-toolbar-top">...</div> div에 있음을 알 수 있습니다. wysiwyg js 파일이 올바르게 설치되어 있고이를 구현할 수 있어야합니다.

두 개 이상의 텍스트 영역을 구현하려는 경우 동일한 ID를 다시 사용하거나 클래스를 사용하거나 ID를 증가시키지 마십시오.