如何使用tinymce处理数百个textarea?

时间:2014-11-06 19:10:10

标签: javascript jquery tinymce

我正在尝试创建一个数据库CRUD PHP页面,它可能有100多个textareas,具体取决于行和& MySql表的列。

由于某些原因(即更快的编辑),我一次加载100行(我的表有~20,000行)

如果我使用普通的textareas,页面加载完全正常。

但是,当我使用TinyMCE时,它变得没有响应或加载速度非常慢,我认为因为要创建的iframe太多了。

所以,我正在考虑是否有任何方法可以首先正常加载页面。然后, -

  • 稍后将TinyMCE编辑器附加到特定的textarea,当它到达时 单击焦点或特定行的编辑按钮。
  • 分离tinyMCE编辑器,当textarea失去焦点/模糊或保存时 单击按钮。

目前,我在<head> -

中使用了以下(默认)脚本
<script>
    tinymce.init({
        selector: "textarea",
        theme: "modern",
        width: 550,
        height: 30,
        plugins: [
            "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
            "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
            "save table contextmenu directionality emoticons template paste textcolor"
        ],
        content_css: "css/content.css",
        toolbar: "insertfile bold italic | subscript superscript | bullist numlist | link image | media fullpage | forecolor backcolor",
        style_formats: [
            {title: 'Bold text', inline: 'b'},
            {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
            {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
            {title: 'Example 1', inline: 'span', classes: 'example1'},
            {title: 'Example 2', inline: 'span', classes: 'example2'},
            {title: 'Table styles'},
            {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
        ],
        setup: function(editor) {
            editor.on('change', function() {
                tinymce.triggerSave();
            });
        }
    });
</script>

P.S。 - 我知道,我的问题的两个部分都太模糊了,但我真的找不到任何可以工作的东西。

0 个答案:

没有答案