如何使用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（非编辑模式）显示输出

回答

相关问题