tinymce (편집 모드가 아님)로 출력을 표시하는 방법

Question

tinymce 편집기를 성공적으로 구현하고 데이터베이스에 내용을 저장했습니다. 저장 후 동일한 편집기에서 내용을 편집 할 수 있습니다. 하지만 출력 (스크롤 막대가없는 편집 모드 아님) 만 표시하고 싶습니다. 나는 google에서 찾았지만 어떤 적절한 대답도하지 않았다. 아무도이 일을하는 법이 없습니까? 내가 편집 모드에 대해 다음 코드를 사용했습니다 :

tinymce.init({ 
     selector: 'textarea', 
     height: 500, 
     theme: 'modern', 
     plugins: [ 
     'advlist autolink lists link image charmap print preview hr anchor pagebreak', 
     'searchreplace wordcount visualblocks visualchars code fullscreen', 
     'insertdatetime media nonbreaking save table contextmenu directionality', 
     'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc' 
     ], 
     toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', 
     toolbar2: 'print preview media | forecolor backcolor emoticons | codesample', 
     image_advtab: true, 
     templates: [ 
     { title: 'Test template 1', content: 'Test 1' }, 
     { title: 'Test template 2', content: 'Test 2' } 
     ], 
     content_css: [ 
     '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i', 
     '//www.tinymce.com/css/codepen.min.css' 
     ] 
    }); 

Answer 1

TinyMCE에 사용은 <p></p> 내부에 텍스트를 저장합니다. tinyMce 편집기에서 데이터를 표시하려면 다음과 같이하십시오.

<textarea class="form-control form-wysiwyg text-area-height01" id="textarea-tinymce" data-word-limit='300'> 
${yourDataVariable}</textarea> 

mycase에서 작업 중입니다. 텍스트를 다른 곳에서 표시하려면, 그렇게하십시오. 당신이

tinymce.execCommand('mceRemoveControl', true, 'my_original_textarea_id'); 

TinyMCE에

을 파괴하려는 경우 <span>${yourDataVariable}</span>

는 Here에서보세요.

tinymce을 (를) 제거하고 싶습니다. tinymce.remove()이 (가) 유용합니다.