web-dev-qa-db-ja.com

WordPress投稿エディタのコンテンツフィールドにクラスを読み込めません

このWordPressへの質問に続いていくつかの調整を試み、いくつかの良い解決策を得ました。いくつかの良いアクティブなコードスニペットの後。

手順に従って、必要な "conversion-js"を管理領域に正しくエンキューし、jsを役職に、キーボードアクションまたはマウスアクションでテキストを同じフィールドに変換できます。

ChromeのInspect要素によると、 WordPress editor with Inspect Element

見ることができるInspect Elementで、デフォルトの空白のビューではWordPressエディタは<iframe>でそのコンテンツエリアをロードしています。そして<iframe>の中には空白の<p>があります。 jsをその<p>タグにターゲティングしています。そのため、その<p>タグに渡すクラスまたはIdが必要です。

HEREは、クラスにロードするために<iframe>に入れようとしているjQueryです。 <p>タグ私たちはこのStackOverflow QAの支援を受けました。

したがって、簡単な質問は次のようになります。

  • <p>で囲まれた<iframe>タグにクラスをロードする方法
1
Mayeenul Islam

あなたがすることはできません、あなたが試みている方法ではありません。あなたはiframeの内部で面倒を始めることはできません、それは尊重される必要があるなどの独自のDOMなどを持っています

この質問はWordPressの質問よりもTinyMCEの質問の方が多いので、すでに話題外になっています。

代わりに、tinyMCEプラグインを作成し、そのプラグインにjQueryを含めてから、標準のjQueryを使用して必要なクラスを追加してください。 tinyMCEプラグインjsは、iframe内のエディタのdom headタグ内に挿入されます。

この時点でそれは標準的なJS jQuery問題になり、このWebサイトの範囲を超えて移動します。

これがTinyMCEプラグインの作り方に関するチュートリアルです(コードを正しくインデントすることを忘れないでください:

http://ctx2002.wordpress.com/2008/07/28/how-to-write-a-tinymce-plugin-for-wordpress/

2
Tom J Nowell