如何使用tinymce（非編輯模式）顯示輸出

我已成功實施tinymce編輯器，並將內容保存到數據庫中。保存後，我可以在同一個編輯器中編輯內容。但我只想顯示輸出（不是編輯模式，沒有滾動條）。我在谷歌搜索，但沒有任何正確的答案。有沒有人沒有如何做到這一點？我已將以下代碼用於編輯模式：如何使用tinymce（非編輯模式）顯示輸出

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' 
     ] 
    });

來源

2017-05-10 Mamunur Rimon

你想在tinymce中顯示保存的數據進行編輯？ –

我只想顯示格式化數據（查看頁面），而不是編輯模式 –

Tinymce用於保存<p></p>中的文本。如果你想在tinyMce編輯器中顯示數據，只需做一些類似的事情。

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

它在mycase中工作。如果你想在其他地方顯示文本就這樣做。 <span>${yourDataVariable}</span>

如果你想毀了TinyMCE的

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

看一看Here。

想要刪除tinymce tinymce.remove()將爲你工作。

來源

2017-05-10 04:39:17

我不想顯示編輯器。相反，我想顯示爲博客文章 –

$ {yourDataVariable}保存的結果（它是用tinymce編輯器創建的）顯示幾乎所有格式，但我插入了一些代碼，代碼格式顯示在編輯器中，但不在 –

如何使用tinymce（非編輯模式）顯示輸出

回答

相關問題