TinyMce codesample插件 执行HTML标签

发布于 2019年06月29日 09:14:59 - 技术分享 - Web - TinyMCE

当我去编辑时,数据库中存储的所有数据

<pre><code><html> <p>Text</p> </html> </code></pre>

被剥离并显示为唯一

<pre><code>Text </code></pre>

解决方案

<div class="editor" id="editor">
</div>
<script>
    tinymce.init({
      selector: 'div.editor',
      theme: 'inlite',
      plugins: 'image table link paste contextmenu textpattern autolink',
      insert_toolbar: 'quickimage quicktable',
      selection_toolbar: 'bold italic | quicklink h1 h2 h3 blockquote',
      inline: true,
      paste_data_images: true,
      automatic_uploads: true,
      init_instance_callback : function(ed) {
        // ed.setContent("<h1>Title</h1><p>Content...</p>");
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
           if (xhttp.readyState == 4 && xhttp.status == 200) {
              ed.setContent(xhttp.responseText);
           }
        };
        xhttp.open("GET", "content.php", true);
        xhttp.send();
      },
      content_css: [
        '//www.tinymce.com/css/codepen.min.css'
      ]
    });
</script>
<?php
    $content = ''; // Fetch from database
    print $content;
?>
var content = tinyMCE.get('editor').getContent();

转载声明:本站文章无特别说明,皆为原创,版权所有,转载请注明:Dy大叔的日常

转载自 TinyMce codesample插件 执行HTML标签 | XDY.ME@Dy大叔的日常

XDY.ME@Dy大叔的日常