web-dev-qa-db-ja.com

TinyMCEをハッキングして使い勝手を良くする(ショートコードとHTML)

私は、ショートコードやエディタに挿入されたカスタムHTMLオブジェクトを編集する際のユーザビリティを向上させる方法を示すテーマやプラグインの例を探しています。

私は、ランタイムスタイルを要素に適用することが可能であることを知っています(nextpageとimageロールオーバーはいくつかの例です)そして私はこれを他の要素(例えばカスタムクラスのdiv)に拡張しようとするスクリプトの例を探しています。

基本的な括弧+プロパティ+コンテンツを超えたショートコード編集の例を見たことがありません。

理想的には、要素の属性を変更するためのロールオーバーイベントと右クリックイベントを使用して、誰かがショートコードを同等のHTMLに抽象化した例を見たいと思います。

この分野での仕事の例を探してください。

3
N2Mystic

私の Gridster Plugin を見てください。[gallery] -Shortcodeからわかるように、すべてのショートコード[gridster id="" title=""]が視覚的な置き換えに置き換えられます。

enter image description here

現在のショートコードのパラメータを変更するには、ボタンをクリックします。tinyMCEモーダルを使用すると、ユーザーフレンドリーなGUI内で何かを変更できます。

enter image description here

機能は方法に基づいており、gallery-shortcode-replacementが機能します。

これが正しい方向を向いていれば、私はあなたが望むのであればもっと詳細に知ることができます。

1
carstenbach