9

tinyMCE エディター内に、次のような角かっこで囲まれたショートコードがあります。

[my_shortcode]some text that gets parsed by my shortcode function[/my_shortcode]

ランタイム スタイルの css を tinyMCE エディターのコンテンツに適用して、括弧内の要素 (ショートコードのリストにある*) が特別な css 処理を受けて目立つようにすることは可能ですか?

現在、ショートコードには周囲のテキストと区別するための特別な色や書式はなく、もっと目立たない限り、ショートコードを扱うのは難しいという考えです.

私のショートコードのリスト（例）：

[my_shortcode],[my_shortcode_2],[my_shortcode_3]

更新:これで得られるものを使用しますが、理想的には、ブラケットがラップされているテキストではなく、ブラケットにスタイルを適用するだけです。したがって、ランタイム css スタイルをショートコード ブラケットのみに適用したいと思います: [my_shortcode] と [/my_shortcode] など。

4

4 に答える 4

1

ここでの問題は、html要素のテキストコンテンツの一部にcssを適用できないことです。私のソリューションアプローチは次のようになります。これらの閉じたタグを特別なクラスのスパンにラップする必要があります。このようにして、ショートコードを強調表示できます。エディターコンテンツをサーバーに送信するときは、スパンを特別なクラスで取り除き、textContentで置き換える必要があります。

于 2013-01-07T15:26:48.567 に答える
0

ショートコードやその他の要素をハイライト表示する最善の方法は、カスタム ショートコード メニューを使用してすべてのショートコードを一覧表示し、それらをハイライト表示されたエディター領域に挿入するか、シンタックス ハイライターを使用して html、css、javascript、およびショートコードをハイライト表示することです ( raw モードの場合)

codemirror を使用した簡単なソリューションはこちらです: http://nikos-web-development.netai.net/blog/shortcodes-highlighting-overlay-in-codemirror/

于 2013-01-14T14:07:57.743 に答える
0

テキスト エディターでショートコードを強調表示することは、長い間未解決の大きな問題でした。最後に、まさにこれを行うプラグインがあります。

HTML エディター シンタックス ハイライター プラグイン

構文の強調表示 Wordpress ショートコード

于 2017-06-17T08:46:48.467 に答える