TinyMce 편집기의 일반 텍스트 편집기 및 다양한 텍스트 편집기 옵션

Question

tinymce 편집기를 사용하여 사용자가 몇 가지 설명을 쓸 수있는 textarea을 잘 보입니다. 그에게 두 가지 옵션을주고 싶습니다. 하나는 일반 텍스트이고 다른 하나는 서식있는 텍스트 편집기 옵션입니다. 사용자가 일반 텍스트 옵션을 클릭하면 모든 리치 텍스트 옵션이 제거되고 사용자가 서식있는 텍스트를 클릭하면 텍스트 서식 지정의 모든 옵션이 표시됩니다. 나는 TinyMce Editor에서 이것을하고 싶다.

구현 방법을 아는 사람이 있습니까? 나는 지난 6 일 동안 이것을 구현하는 방법을 찾고 있지만 어떤 해결책도 얻지 못했습니다.

Answer 1

글쎄, 당신은 여기에 좀 걸릴 수 있습니다 :

Toggle editor with JavaScript

사용되는 코드는 다음과 같습니다

toggleEditor('content') 

에디터 모드 옵션에 의해 선택에 따라 전환 할하려면 사용자를 다른 페이지에서 가져 오면 위의 기능을 페이지로드시 실행할 수 있습니다.

해당 페이지에 유용한 다른 예에 대한 링크가 있습니다.

업데이트 :

질문을 한 번 읽으면, 당신은 일반 텍스트/HTML이 아닌 HTML 소스/위지윅 (WYSIWYG) 모델을 요구하고있다. 위의 제안은 정확한 해결책은 아니지만 일반 텍스트 모드의 모드 전환이 숨겨져 있고 잠겨 있으면 여전히 실행 가능합니다.

Answer 2

이것은 내 사이트에서 한 일입니다.

<script type="text/javascript"> 
function changeposttype(){ 
    if($("#posttype option:selected").text() == 'Simple'){ 
     //tinymce.execCommand('mceToggleEditor',true,'new-post-desc'); 
     tinyMCE.execCommand('mceRemoveControl', false, 'new-post-desc'); 
    }else{ 
     tinyMCE.execCommand('mceAddControl', false, 'new-post-desc'); 
    } 
} 
</script> 

와 BODY 태그 안에

내가 그 작업을하고 있어요

<select id="posttype" onchange="changeposttype()"> 
    <option>Rich</option> 
    <option>Simple</option> 
</select> 
<br /> 
<textarea id="new-post-desc" class="PostEditor"></textarea>