javascript - 如何使用tinymce显示输出(非编辑模式)

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

最佳答案

我也使用 TinyMCE 和 Java spring MVC。 在我的 Java 类中:

String anyText = "<strong>abc</strong>";

model.addAttribute("anyText","myText");

在 JSP 中:

<span>${anyText}</span> 

显示

abc

如果您这样做,它不会以粗体文本显示在 HTML 中。

<span><c:out value="${anyText}"/></span>

关于javascript - 如何使用tinymce显示输出(非编辑模式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43883641/

相关文章:

javascript - jQuery 将鼠标悬停在两侧的图片上

tinymce - htmlPurifier 不适用于 TinyMCE

jquery - TinyMCE - 单击外部

html - 如何配置 TinyMCE 以允许 anchor (a) 标记内的 block 级元素?

javascript - 根据外部加载的图像维护 div 大小

javascript - 带有对象数组的 mustache 模板

javascript - 一些页面的一个菜单,带有来自 mongodb 的链接

javascript - 无法访问 JSON 属性。

javascript - TinyMCE 在编辑器中粘贴时删除 DIV - 如何?

javascript - 如何将格式化文本从数据库返回到 TinyMCE