1

TinyMCE エディター (カスタム投稿テンプレートにコンテンツを追加するため) を備えた複数のテキストエリアを含む WPAlchemy 管理メタ ボックス クラスを備えたカスタム投稿タイプがあります。エディターを表示して正常に機能させることができましたが、各テキストエリアの左下に「パス」とコロン「:」を含む厄介な div があります。

ここに画像の説明を入力

私が推測しているものをエディターのメタ情報 (単語数など) を削除する方法を誰かが知っていれば素晴らしいことですが、保存時に正しく機能していないようです。

要素を検査すると、次のようになります。

<div id="temp_options_desc-3_path_row" role="group" aria-labelledby="temp_options_desc-3_path_voice" tabindex="-1">
  <span id="temp_options_desc-3_path_voice">Path</span>
  <span>: </span><span id="temp_options_desc-3_path"></span>
</div>

また、WYSIWYG エディターを表示するための textarea および TinyMCE JavaScript 関数:

functions.php:

add_action('admin_print_footer_scripts','admin_print_footer_scripts',99);
function admin_print_footer_scripts()
{
    ?><script type="text/javascript">/* <![CDATA[ */
        jQuery(function($)
        {
            var i=1;
            $('.temp_options_desc').each(function(e)
            {
                var id = $(this).attr('id');

                if (!id)
                {
                    id = 'temp_options_desc-' + i++;
                    $(this).attr('id',id);
                }

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

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

WPAlchemy メタボックス クラス テキストエリア:

<textarea cols="20" rows="20" class="temp_options_desc" name="<?php $mb->the_name(); ?>"><?php $mb->the_value(); ?></textarea>

ありがとう！

4

2 に答える 2

1

WP Alchemy を介して、メタボックス内の複数の tinyMCE テキスト エディターのソリューションを公開しました

http://www.kathyisawesome.com/426/multiple-wordpress-wysiwyg-visual-editors/

私のコードは github で入手できます: https://github.com/helgatheviking/WP-Alchemy-Holy-Grail-Theme

しかし、最終的に緑の丸で囲んだ問題は CSS の問題です。あなたの新しいエディターには、ほんの少しのスタイルが欠けています。今は思い出せませんが、サンプルテーマで修正したはずです。

于 2012-09-05T03:38:54.243 に答える
0

tinymce セットアップ構成パラメーターを使用して、エディターの初期化でその div を削除することができます

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed, evt) {
          $('#'+ed.id+'_path_row').hide();
      });
   }
});
于 2012-09-10T08:57:00.243 に答える