タグ付けされた質問 「tinymce」

カスタムオプションページに「リピーター」スタイルのフィールドグループがあります。非表示のアクティブなビジュアルエディターがあり、ユーザーが「新規追加」をクリックすると、行全体が複製されます。次に、クローン行のビジュアルエディターを初期化する必要があります。私のコード： $('.repeater-add-new').click(function(event) { event.preventDefault(); var target = $(this).data('repeater'); $( '#' + target).find('.repeater-row:not(.clone) .repeater-content.in').collapse(); var newRow = $( '#' + target + ' .repeater-row.clone' ).clone().appendTo( '#' + target + ' .repeater-row-wrapper' ).removeClass('clone'); rebuildIndex(target); // Initialize editors if needed newRow.find('.wp-editor-wrap').each(function(index, el) { var ed_id = $(this).find('textarea').attr('id'); tinymce.init(tinyMCEPreInit.mceInit[ed_id]); tinymce.execCommand('mceAddEditor', false, ed_id); quicktags({id : …

11 ajax  tinymce  editor 

editor-style.cssTinyMCEエディターのスタイルシートを手動で変更したときに、を強制的に更新する方法はありますか？変更はすぐには表示されませんが、管理バックエンドの管理側にキャッシュされます。 たとえば、次のようになります。 editor-style.css?ver=3393201

11 css  tinymce  editor  cache  visual-editor 

ユーザーが複数のオプションから選択したり、入力にテキストを入力したりできるようにするTinyMceボタンを備えたポップアップウィンドウを作成する方法に関する優れたチュートリアルを探しています。単一のプロンプトウィンドウを表示するボタンを作成する方法を知っています。 、しかしそれはそれについてであり、私は何時間も捜してきました。 誰かがいくつかのリンクを知っていますか？ ありがとう！

11 tinymce  visual-editor  buttons 

WP 3.9以前は、functions.phpに次の2つのフィルターが適用されていました。 function my_mce_buttons_2( $buttons ) { array_unshift( $buttons, 'styleselect' ); return $buttons; } add_filter('mce_buttons_2', 'my_mce_buttons_2'); function mce_mod( $init ) { $init['theme_advanced_blockformats'] = 'p,h3,h4'; $init['theme_advanced_styles'] = "Header gross=mus-bi news-single-bighead; Header klein=mus-bi news-single-smallhead; Link=news-single-link; List Items=news-single-list"; return $init; } add_filter('tiny_mce_before_init', 'mce_mod'); 段落書式のドロップダウンにはp、h3、h4のみが表示され、カスタムスタイルのドロップダウンには「Header gross」、「Header klein」などが表示されます。しかし、残念ながら、wp 3.9以降、wpとtinymceは問題になりません。標準の段落形式のドロップダウンしか表示されません。 標準のスタイル形式のドロップダウンと同様に： これまでのところ、tinymce 4へのアップデートでフックが変更されたかどうかに関するドキュメントは見つかりませんでした。誰か知っていますか？よろしくラルフ 更新：もう少し調査に基づいてわかりました。その下にあるコメントは、私が理解したと思います： //Creating the …

10 tinymce 

XMLRPCを介してWordで生成されたHTMLをWordPressに投稿しています。post.phpに行く前に、フォーマットはデータベースに正しく保存されています。TinyMCEはその魔法を実行し、かなりのフォーマットの詳細を失います。 私が目にしている主な問題は、<span>他の要素を囲むスタイル情報を持つタグが取り除かれていることです。これらのタグが実際にKsesではなくTinyMCEによって削除されることを確認しました。TinyMCEがHTMLを変更しないようにする方法はありますか？私が試してみました add_filter('tiny_mce_before_init', 'tinymce_init'); function tinymce_init( $init ) { $init['extended_valid_elements'] .= ', span[style|id|nam|class|lang]'; $init['verify_html'] = false; return $init; } それは助けにはならなかった。TinyMCE ドキュメントによると、「verify_html」 このオプションは、要素のクリーンアップ機能を有効または無効にします。このオプションをfalseに設定すると、すべての要素のクリーンアップがスキップされますが、URL変換などの他のクリーンアップ機能は引き続き実行されます。

10 tinymce 

これはほぼ同じです。WordpressとTinyMCEで、HTML5で許可されているブロックレベルの要素をラップする<a>タグを受け入れるにはどうすればよいですか。とHTML5、WordPress、Tiny MCEの問題-アンカータグをdivで囲むとファンキーな出力になる 私の問題は、提案された解決策（tiny_mce_before_initフィルター）が私の問題を解決していないように見えることです。次のようなHTMLがあります。 <a href="#"> <img src="path/to/file.jpg" /> <p>Some amazing descriptive text</p> </a> HTML5ではこれは完全に合法です。ただし、WPエディターはそれを気に入らず、次のように変換します。 <a href="#"> <img src="path/to/file.jpg" /> </a> <p>Some amazing descriptive text</p> もちろん、これは私のレイアウトを壊します。この動作を防ぐ方法を誰かが知っていますか？エディターのビジュアルコンポーネントをあきらめて、プレーンテキストに固執することはできません。どんな提案でも大歓迎です。 明確にするために、以下のコード（ここで提案）を使用すると、<p>タグはアンカー内にとどまることができますが 、ビジュアルモードとテキストモードを切り替えるたびに増加するエンティティとともに、多くの余分なスペースが追加されます。 add_filter('tiny_mce_before_init', 'modify_valid_children'); function modify_valid_children($settings){ $settings['valid_children']="+a[div|p|ul|ol|li|h1|h2|h3|h4|h5|h5|h6]"; return $settings; }

9 tinymce  visual-editor  html5 

カスタム分類の説明フィールドにビジュアルエディターを追加できますか？分類のコアまたはカスタムのエントリを編集するときに、このオプションを使用できると便利です。

9 custom-taxonomy  taxonomy  tinymce  visual-editor 

WordPress 3.9が間もなく登場し、TinyMCE 4.0が登場します。いくつかのテストでプラグインと関数を実行していると、私の関数の1つが壊れている/新しいtinyMCEで動作していないように見える function myformatTinyMCE( $in ) { $in['theme_advanced_buttons1'] = 'bold'; $in['theme_advanced_buttons2'] = 'formatselect'; $in['wordpress_adv_hidden'] = false; return $in; } add_filter( 'tiny_mce_before_init', 'myformatTinyMCE' ); 上記の関数はtinyMCEのボタンを特定のボタンに制限するために使用されていましたが、テストを簡単にするために少し簡略化しました。印刷する$inと、正しい場所に正しい値が表示されますが、実際にページをロードすると、デフォルトで通常のボタンが表示されます。 また、TinyMCE Codexの例を使用しようとしましたが、これも効果がないようです。 WordPressベータテスタープラグインを使用していますが、TinyMCE Advancedをインストールしていますが、無効にしています。 新しいTinyMCEでは、どのようにして引き続き/カスタマイズを行うことができますか？以前のTinyMCEバージョンから変更された 'Gotchas'はありますか？ 編集 $in['wordpress_adv_hidden'] = false;使用されなくなったようです-キッチンシンクを再表示する方法はわかりません。

9 filters  tinymce  editor 

はい、このトピックに対する他の質問を見つけましたが、まったく同じトピックがなく、私の問題に対する解決策もありません。 html-tab内にコードを含め、ビジュアルモードに切り替えた場合、コードをWPでブロックにフォーマットし、すべての改行を削除して行を残します。スクリーンショットを参照してください。これは私の悪い英語として理解しやすいと思います。 htmlタブの例 ビジュアルに切り替えた後の同じ例 ソリューションのテスト。私はこれをテストして、フォローテストプラグインでこのためにWPを停止します。このGist 1663554でも読み取り可能です add_filter( 'tiny_mce_before_init', 'fb_tinymce', 9 ); function fb_tinymce( $init ) { $init['fix_list_elements'] = FALSE; $init['wpautop'] = FALSE; $init['remove_linebreaks'] = FALSE; $init['apply_source_formatting'] = TRUE; $init['extended_valid_elements'] .= ',pre[*],code[*]'; return $init; } たぶん他の読者がこのトピックの解決策を持っています。

9 filters  tinymce  editor  wp-autop 

WP 3.2では、WordPressにリンククイックタグをエディターに追加するための新しい機能が含まれている可能性があります。しかし、リンクボタンのデフォルトを設定する関数を見つけました： wplink.js Line 278を見てください。 setDefaultValues : function() { // Set URL and description to defaults. // Leave the new tab setting as-is. inputs.url.val( 'http://' ); inputs.title.val( '' ); // Update save prompt. inputs.submit.val( wpLinkL10n.save ); }, カスタム値の値を設定するにはどうすればよいですか？ これは可能ですか、私を助けてくれますか？ JavaScriptエキスパートからの回答に感謝します。

9 wp-admin  tinymce  editor  quicktag 

WordPress HTMLエディターを使用して、次のようなicomoonアイコンを追加すると、 <span class="icon-shield"></span> ビジュアルエディターに切り替えてから、HTMLエディターに戻ると、アイコンが消えます。これを修正するためにこのJavaScriptのビットを含めようとしています。私はwp_enqueue_scriptsを見て、これをfunctions.phpに入れましたが、それでも問題は解決しません。 function oakwood_tinymcefix() { wp_enqueue_script( 'tiny_mce' ); echo '<script type="text/javascript">' , 'tinymce.init({ ... extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]" });' , '</script>'; } add_action( 'admin_enqueue_scripts', 'oakwood_tinymcefix' ); どうすれば修正できますか？

8 php  javascript  tinymce  visual-editor  html-editor 

WP 3.5以降、このスクリプトをfunctions.php内で使用しています 標準のカテゴリ説明エディタをリッチテキストエディタに変換します。残念ながら、サイトをWP 3.9にアップグレードすると、説明エディターが標準のテキスト領域に戻ります。 3.9で何を変更する必要があるか？ add_action('load-categories.php', 'cb_admin_init'); add_action('load-edit-tags.php', 'cb_admin_init'); function cb_admin_init() { if ( user_can_richedit() && isset($_GET['action']) && 'edit' === $_GET['action'] && ( !empty($_GET['cat_ID']) || ( !empty($_GET['taxonomy']) && !empty($_GET['tag_ID']) ) ) ){ add_filter( 'tiny_mce_before_init', 'cb_mceinit'); add_action('admin_footer', 'wp_tiny_mce'); add_action('admin_head', 'cb_head'); } } function cb_mceinit($init) { $init['mode'] = 'exact'; $init['editor_selector'] = 'description'; …

8 categories  tinymce 

投稿コンテンツ領域にアップロードされた画像の[配置]ラジオボタンを非表示にしようとしていますが、[画像エディター]ダイアログにカスタムCSSまたはJSファイルを追加する方法がわかりません。 TinyMCEテキストエディターから配置ボタンを削除するフィルターをtiny_mce_before_initアクションフックに正常に追加しましたが、画像エディターで同じようにする方法がわかりません。 私はjQueryハックを試しましたが、それは取るようではありません： $('.mceWrapper iframe').load( function() { $(this).contents().find('tr.align').hide(); });

8 images  jquery  tinymce  editor 

なぜこれを見つけられなかったのか分かりませんが、TinyMCEエディターの入力を取得する方法を誰かが知っていますか？私はそれをフロントエンドで使用しており、ユーザーがTinyMCEに入力したものをすべてデータベースに保存できるようにしたいのですが、その値を取得するための最良の方法を見つけることができません。 いくつかの成功を収めて実装した2つのソリューションは次のとおりです。 tinyMCE.activeEditor.getContent(); -これはビジュアルエディターの値のみを取得するようです。HTMLエディターを使用していて変更を加えて保存すると、それらは取得されません。 $('#html_text_area_id').val(); -これは逆です。HTMLエディターの値を取得するだけのようです。 私はもっ​​と良い方法があることを知っています-私はそれを見つけることができないようです... psはい、セキュリティ対策を実装して、人々がデータベースを爆破できないようにします。

8 tinymce  wp-editor 

TinyMCEリッチテキストエディターにカスタムボタンを1つまたは2つ追加しようとしています。これまでに見たチュートリアルは時代遅れであるか、カスタムプラグインでそれを行う方法を説明しています。プラグインを作成せずに、おそらくfunctions.phpファイルの代わりにこれを行うにはどうすればよいですか？具体的<h2></h2>には、本文にaを追加する「h2」ボタンを追加します。

8 customization  tinymce  buttons