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

TinyMCEは、プラットフォームに依存しないWebベースのJavascript HTML WYSIWYGエディターコントロールで、LGPLの下でオープンソースとしてリリースされています。TinyMCEには、HTML TEXTAREAフィールドまたはその他のHTML要素をエディターインスタンスに変換する機能があります。

7
WP 4.2で導入された絵文字を無効にする
そのため、WP 4.2では絵文字(スマイリー)が導入され、基本的にページ全体にJSやその他のジャンクが追加されます。一部の人々は衝撃を感じるかもしれません。これのすべてのインスタンスを完全に消去するにはどうすればよいですか?
135 filters  tinymce  icon  emoji 


1
WP 4.5 Visual Editorでのカスタムテキストパターンの追加
4.5がリリースされ、新しいText Patternsが追加されました。独自のカスタムパターンを追加する方法を知りたいです。 それを見てみるwp-includes/js/tinymce/plugins/wptextpattern/plugin.jsと、かなり簡単に思えます。 var spacePatterns = [ { regExp: /^[*-]\s/, cmd: 'InsertUnorderedList' }, { regExp: /^1[.)]\s/, cmd: 'InsertOrderedList' } ]; var enterPatterns = [ { start: '##', format: 'h2' }, { start: '###', format: 'h3' }, { start: '####', format: 'h4' }, { start: '#####', format: 'h5' }, { start: …

4
フロントエンドにTinyMCEエディターを含めるにはどうすればよいですか?
ユーザーが投稿できる場所からフロントエンドにTinyMCEエディターを追加しようとしていますが、これまでのところ運がありません。コードは次のとおりです。 PHP: add_action('wp_print_scripts', 'my_enqueue_scripts'); function my_enqueue_scripts() { wp_enqueue_script( 'tiny_mce' ); if (function_exists('wp_tiny_mce')) wp_tiny_mce(); } Javascript: jQuery(document).ready(function(){ tinyMCE.init({ mode : "textareas", theme : "simple", /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, …

7
追加のTinyMCEエディターは<p>および<br>タグを削除しますか?
皆さん、カスタムメタボックスに表示されるテキストエリアにTinyMCEを追加しました。エディターが保存&lt;p&gt;も&lt;br/&gt;タグ付けもしないことを除いて、すべてのフォーマットは完全に正常に機能します。改行は保持されません。 TinyMCEは次のようにセットアップされます。 wp_tiny_mce(true, array('editor_selector' =&gt; $field['class'] ) ); '&lt;textarea name="', $field['id'], '" class="', $field['class'], '" id="', $field['id'], '" cols="60" rows="8" style="width:97%"&gt;', $meta ? esc_html($meta) : $field['std'], '&lt;/textarea&gt;'; そして、それはすべて完璧に機能します。タグを除くすべての書式設定ボタンは正常に機能&lt;P&gt;し&lt;BR&gt;ます。 ポストメタが保存される前または後にエディターがそれらを削除するかどうかはわかりません。 アイデア?

3
VisualタブとHTMLタブを自由に切り替える
したがって、この質問はさまざまなフラグの下で何度も提起されてきましたが、この問題の究極の解決策のための統合スレッドを提示したいと思います。 WordPressでは、デフォルトで、TinyMCEでHTMLエディターとビジュアルエディターを切り替えると、特定のタグがコンテンツから削除され、その他の奇妙な機能が発生します。より効率的なHTMLコードを記述するための2つの既知の回避策は、フィルターを使用してwp_auto_p関数を削除し、TinyMCE Advancedをインストールして「p&brタグの削除を停止」オプションを有効にすることです。 これは、残念ながらうまく機能します。 たとえば、次の例を見てください。 &lt;h2&gt;How does it work?&lt;/h2&gt; &lt;p&gt;In order to use jQuery Easy Columns, you must install it as you would any other jQuery plugin. First, download the zip file using the button above. After downloading the file, extract it to a location of your choice, and move …

3
WordPress 3.9-beta1以降で使用可能なカスタムTinyMCE 4ボタンを追加
ビジュアルエディターTinyMCE バージョン4にカスタムボタンを追加する方法を教えてください。 現在、私はこのQ&Aをトピックへの少しのヒントで見つけましたが、解決策や方法はありません。しかし、カスタムボタンをTinyMCEバージョン4に追加するトピックのチュートリアル、ドキュメント、Q&Aは見つかりません。バージョン3.9-beta1以降のWordPressに含まれています。 ゴール

3
TinyMCE:フォーマットドロップダウンへのCSSの追加
add_editor_style()を使用してTinyMCEスタイルシートを正常に追加し、TinyMCEエディターの本体でスタイルをプレビューできるようにしました。 しかし、add_editor_style()関数はエディターの本体のスタイルにのみアクセスできると想定していますか? その場合、TinyMCE Formatドロップダウンのスタイリングにアクセスするために使用できる別のメソッドまたは関数はありますか?
20 css  tinymce 

4
カスタムtinyMCEボタンを使用してwp_editorインスタンスを作成する
wp_editor()カスタムtinyMCEボタンで定義する方法はありますか? wp_editor関数リファレンスで、$settings引数の1 つがである可能性があることに言及していることに気付きましたtinymce (array) (optional) Load TinyMCE, can be used to pass settings directly to TinyMCE using an array()。 私のページは多くの異なるインスタンスを使用しています。特定のインスタンスに特定のボタンを追加したいと思います。 例えば、 Instance #1 : Standard buttons Instance #2 : bold, italic, ul + (custom) pH, temp Instance #3 : bold, italic, ul + (custom) min_size, max_size このチュートリアルに従ってボタンをtinyMCEプラグインとして既に登録している場合、誰がこれを行う方法を知っていますか? 編集 これを機能させるためにプラグインファイルで使用しているコードは次のとおりです。 function …

2
AJAXを介してwp_editorをロードする方法
WordPressのAJAX経由でwp_editorをロードする方法を知っている人はいますか? 私のマークアップとエディターは正しく読み込まれていますが、エディターコントロールが正しく読み込まれていません。JavascriptがAJAX呼び出しで実行されていない可能性があります。 任意の助けをいただければ幸いです。

5
カスタムCSS(テーマオプション)をTinyMCEに追加する方法は?
WordPressのTinyMCEビジュアルエディターにカスタムCSS(テーマオプションで設定)を追加しようとしています。フロントエンドでは、テーマがこのCSSを生成し、wp_headフックに出力します。私が直面している問題は、そのCSS出力をエディターに追加できることです。 add_editor_style( 'editor-style.css' )テーマオプションにアクセスするにはPHPを使用する必要があるため、これを行うことはできません。 フロントエンドでの動作例: add_action( 'wp_head', 'my_custom_colors' ); function my_custom_colors() { $color_1 = get_theme_mod( 'color_1', 'cc4a00' ); echo "&lt;style type='text/css'&gt;a { color: #{$color_1}; }"; } そのカスタムスタイルをビジュアルエディターに取り込む方法が必要です。どんな助けも大歓迎です。
14 tinymce 

6
Wordpressは自動的に「&nbsp;」を追加しますか?
ワードプレス自体か、それを行っているTiny MCEかはわかりません。しかし、HTMLエディターとビジュアルエディター&amp;nbsp;を切り替えると、前後に切り替えるたびに1つずつ追加されます。私はコードに改行さえありません。それはどういうわけか私のHTMLコードのタグに基づいてどこに配置したいかを決定しているようです。 これは何が原因で、どうすれば修正できますか? 私はすでにテンプレート関数ファイルでこれを試しました: //disable auto p remove_filter ('the_content', 'wpautop'); remove_filter ('comment_text', 'wpautop'); // Remove auto formatting remove_filter('the_content', 'wptexturize'); remove_filter('comment_text', 'wptexturize'); remove_filter('the_title', 'wptexturize');
12 tinymce 

6
TinyMCEからHTMLエディターとビジュアル/ HTMLタブを削除する
Visual\ HTMLタブを削除しwp_editorてTinyMCEエディターのみを表示することはできますか? 基本的に、現在、私はwp_editor可能な限り小さなTinyMCEエディターを表示するために使用しています-必要なボタンは1つだけ、イタリック体です。 私がしたいことは、Visual\ HTMLタブを削除して、それを小さくすることです。私たちの作者はHTMLエディターを必要とせず、私が作成しているカスタムボタンにはビジュアルエディターからのみアクセスできます。 注:ここにある理由により、のteeny引数は使用できませんwp_editor。 前もって感謝します、

1
WP 4.6のTinyMCEに自己閉鎖ショートコードボタンを追加
私は次のような自己終了ショートコードの作成に精通しています: // shortcode function wpse_shortcode_example( $wpse_atts ) { // Attributes $wpse_atts = shortcode_atts( array( 'foo' =&gt; 'bar', 'width' =&gt; '100%', 'height' =&gt; 'auto', ), $wpse_atts, 'wpse' ); // Return return '&lt;embed src="' . $wpse_atts['src'] . '" width="' . $wpse_atts['width'] . '" height="' . $wpse_atts['height'] . '"; } add_shortcode( 'wpse', 'wpse_shortcode_example' …

1
カスタムポップアップtinymceウィンドウに「リンクの挿入/編集」ボタンを追加する方法
記事の本文にテキストを挿入する必要があります。これは、カスタムクラスでいくつかのdivタグ内にラップすることにより、「サイドタグ」に変わります。 テキストウィンドウのある新しいウィンドウをポップアップするtinymceでカスタムボタンを作成しました。テキストを記述し、OKを押すと、divの開始タグと終了タグが追加され、カーソルがあったwpエディターに挿入されます。 これがコードです: (function () { tinymce.PluginManager.add('custom_mce_button2', function(editor, url) { editor.addButton('custom_mce_button2', { icon: false, text: 'Side Tag', onclick: function (e) { editor.windowManager.open( { title: 'Insert a Sidetag', body: [{ type: 'textbox', name: 'title', placeholder: 'Type the side tag content here.', multiline: true, minWidth: 700, minHeight: 50, }, { type: 'button', …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.