tinymce（編集モードではない）で出力を表示する方法

Question

tinymceエディタを正常に実装し、その内容をデータベースに保存しました。保存した後、同じエディタでコンテンツを編集できます。しかし、私は出力のみを表示したい（スクロールバーなしの編集モードではない）。私はGoogleで検索したが、適切な答えはなかった。誰もこれを行う方法はありませんか？ <p></p>内のテキストを保存するために使用

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は：私が編集モードのために次のコードを使用しています。あなたがtinyMceエディタの中にデータを表示したい場合は、そのようなことをしてください。

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

あなただけではないことのようにどこか別の場所にテキストを表示したいmycase.Ifに取り組んでいます。 <span>${yourDataVariable}</span>

あなたはTinyMCEを

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

を破棄したい場合は、Hereを見てください。

tinymceを削除しますtinymce.remove()あなたのために働くでしょう。