TinyMce codesample插件 执行HTML标签

技术笔记 - Web - TinyMCE

发布时间:2019-06-29 09:14:59

admin 于  2019-06-29 09:14:59 编辑

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

<*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大叔的日常