7

http://www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/の指示に従って ください

メタボックスに素敵なWYSIWYGエディターがいくつかあります

私のマークアップは次のようになります： 

 <div class="sortable">
 <div class="sortme">
<?php $mb->the_field('extra_content2'); ?>
        <div class="customEditor"><textarea name="<?php $mb->the_name(); ?>"><?php echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
 <div class="sortme"
<?php $mb->the_field('extra_content3'); ?>
        <div class="customEditor"><textarea name="<?php $mb->the_name(); ?>"><?php echo wp_richedit_pre($mb->get_the_value()); ?></textarea></div>
</div>
</div>

これは、divでラップされたテキストエリアのWP_alchemy（これもfarinspace.comから）です。

そして、tinymceにキックインするように指示するスクリプト：

function my_admin_print_footer_scripts()
{
    ?><script type="text/javascript">/* <![CDATA[ */

        jQuery(function($)
        {
            var i=1;
            $('.customEditor textarea').each(function(e)
            {
                var id = $(this).attr('id');

                if (!id)
                {
                    id = 'customEditor-' + i++;
                    $(this).attr('id',id);
                }
                tinyMCE.execCommand('mceAddControl', false, id);

            });
        });
    /* ]]> */</script><?php
}

// important: note the priority of 99, the js needs to be placed after tinymce loads
add_action('admin_print_footer_scripts','my_admin_print_footer_scripts',99);

その部分は正常に機能します。しかし、jqueryUIをソート可能にキックしようとすると：

$('.sortable').sortable();

複数の.sortmedivを並べ替えることができますが、エディターのコンテンツが消えます。テキストを永続化するにはどうすればよいですか？Tinymceエディタがなくても問題なく動作するので、どういうわけかそれとの競合だと思います。

4

1 に答える 1

10

これ（$('.sortable').sortable();）は、tinymceエディターでは機能しません。Tinymceは、ドームの周りにドラッグされるのが好きではありません。それを機能させるには、最初にTinymceをシャットダウンする必要があります

tinyMCE.execCommand('mceRemoveControl', false, id);

次に、それらを並べ替えてから再初期化します

tinyMCE.execCommand('mceAddControl', false, id);
于 2011-05-05T09:12:05.570 に答える