首页 > 解决方案 > 如何在单击按钮时将 tinymce 内容重置为默认值

问题描述

我正在尝试将tinymce编辑器中的内容重置为单击按钮时的默认设置。这是我当前的 tinymce 初始化代码,我还初始化为在编辑器加载时设置默认内容。单击按钮时,我想运行在 tinymce.init 中使用的 setDefaultContent() 函数

   tinymce.init({ 
        // General options 
      
        selector: "textarea",
        editor_selector : "mceEditor",
        branding: false,
        **init_instance_callback: "setDefaultContent",**
        height : "300px",
        width : "1000",
        
        plugins: [
                "advlist autolink lists link image charmap print preview anchor",
                "searchreplace visualblocks code fullscreen",
                "insertdatetime media table contextmenu paste"
                    ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        formats: {
        alignleft: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'myleft'},
        aligncenter: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'mycenter'},
        alignright: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'myright'},
        alignfull: {selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes: 'myfull'}
                    },
        content_style: '.myleft { text-align:left; } .mycenter { text-align:center; } .myright { text-align:right; } .myfull { text-align:justify; }', 
        forced_root_block: false
      }); 

标签: tinymcereset

解决方案


如果您只想清除内容,请使用:

tinyMCE.activeEditor.setContent(''); 

推荐阅读